在我的网站上加载延迟

时间:2016-06-01 08:00:16

标签: javascript angularjs rendering loading

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

enter image description here

在1000毫秒到1600毫秒之间没有发生太多事情。有没有人经历过angularjs和任何提示如何解决这个问题?

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

它并非100%正确,没有任何事情发生 - 它的指令加载模板。但为什么需要600毫秒?模板真的很小。

1 个答案:

答案 0 :(得分:2)

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

在Angular方面,它实际上只对Profile非缩小代码有用。如果在本地使用非缩小代码,则可以进入“配置文件”选项卡并记录快照或使用主时间轴选项卡并记录初始加载,然后查看脚本执行的自下而上视图以查看其花费最多时间的位置

要从等式中取出角度,您可以使用卷曲和时间。

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