Angular - 为什么网站需要很长时间才能加载？

-4

我正在开展一个大学项目，除了缓慢的问题之外，还有很长的路要走。它似乎需要永久加载。Angular - 为什么网站需要很长时间才能加载？

我有一种感觉，我没有正确部署它或别的东西放慢了速度。它被部署到Heroku Hobby服务器上，每月7美元，永不需要睡觉。

我如何正确检查铬检查或somethign类似什么导致它需要20秒看到什么？

来源

2016-04-13 ChrisM

请提供[mcve] –

您的主页上有68个脚本标签。其中每一个最终都是一个单独的HTTP请求，这肯定会减慢你的页面的速度。（关于它的价值，它在大约2秒后为我加载）。 – TAGraves

通常，客户端缓存用于存储经常使用的页面和图像。在超时之前将它们存储数月（多个会话）通常是安全的。会话cookie在每个会话结束时被删除。 – Sparky256

对我来说，页面了9.85s的DOM内容和33.91s加载到完全加载。我也应该注意到我在韩国，所以对我来说可能要稍微长一些。

像其他人一样，你有太多的脚本标签。每个人都在发出自己的请求，他们必须等到先前的请求完成后才能触发下一个请求。

为了大幅缩短时间，我建议将脚本连接并缩小为尽可能少的脚本。也许一个包含第三方脚本，另一个包含所有脚本。另外，如果可以的话，缓存它们。

来源

2016-04-13 00:47:09

是否有某种我可以用来加入脚本的在线服务，或者我会怎么做呢？ – ChrisM

看看http://stackoverflow.com/questions/6539837/concat-and-minify-js-files-in-node-关于UglifyJS2的答案是你想要看的地方。 – TAGraves

我不确定你使用的后端是什么，所以很难推荐使用什么来缩小和连接。如果它是Node，则会有各种软件包，如@TAGraves提到的UglifyJS2。如果你只是想使用一些在线服务，我不太确定那里有什么好处，因为我没有使用过。我做了一个快速搜索，找到了使用UglifyJS2的[JSCompress]（http://jscompress.com/）。 –

Chrome DevTools（inspect）上的网络和审计选项卡可以帮助您找到问题，这似乎是您加载的脚本数量。

网络

审计

来源

2016-04-13 00:45:35

这看起来非常有用。谢谢 – ChrisM

Angular - 为什么网站需要很长时间才能加载？

回答

相关问题