javascript - 在我的网站上加载延迟

Question

我用 angularjs 构建我的前端，但我对性能不满意。我使用了很多 angularjs 的最佳实践(例如::) - 但仍然 - 我有一个奇怪的延迟，我不知道它来自哪里。看这张图片:

在 1000 毫秒和 1600 毫秒之间，没有发生太多事情。有没有人在使用 angularjs 时遇到过这个问题以及如何解决这个问题的任何提示？

我的网站:https://migranthire.com

---

什么都没有发生并不是 100% 正确的 - 它是指令的加载模板。但为什么需要 600 毫秒？模板真的很小。

Answer 1

您似乎遇到了一些性能问题，我首先要解决的是 TTFB，因为这可能可以通过一些服务器配置调整来解决。通过选择一个网络请求并点击“时间线”选项卡来检查时间线，以查看有关它停滞在哪个通信部分的更多详细信息(TTFB 是它从这里看起来的样子，这意味着服务器需要很长时间才能响应，所以不是一个 Angular 问题，而是服务器配置或云端)。如果可能，请检查服务器上的资源使用情况，或者考虑其他服务(如果可以或响应时间更好)。

在 Angular 方面，它实际上只对 Profile 非缩小代码有用。如果您在本地使用非缩小代码，您可以进入 Profile 选项卡并记录快照，或者使用主 Timeline 选项卡并从初始加载开始记录，然后查看脚本执行的自下而上 View 以查看它花费最多时间的地方.

要从等式中去除 Angular ，您可以使用 curl 和 time。

time curl 'https://migranthire.com/pages/landingpage/landingpage.d9acd03520f27796.html' -H 'Pragma: no-cache' -H 'Accept-Encoding: gzip, deflate, sdch' -H 'Accept-Language: en-US,en;q=0.8' -H 'Accept: text/html' -H 'Referer: https://migranthire.com' -H 'Connection: keep-alive' -H 'Cache-Control: no-cache' --compressed