加载网页时大部分时间处于空闲状态答案

【问题标题】：Majority time is idle when loading a webpage加载网页时大部分时间处于空闲状态
【发布时间】：2014-04-03 08:28:36
【问题描述】：

我们正在开发一个网络应用程序。

现在页面加载速度非常慢（>20 秒）。我正在使用 Chrome DevTools Timeline 进行调试。我发现大部分时间都是“空闲”。问题是什么？浏览器“空闲”时在做什么？是因为网速慢吗？谢谢。

【问题讨论】：

空闲是什么都不做。
问题是：为什么它什么也没做？
因为没关系。
所以它在等待响应？为什么它不会加载页面而不是空闲？
很难知道这个小信息。你怎么知道加载页面需要整整 20 秒？你如何衡量这个？加载时页面在做什么？你有很多资源要加载吗？ idle 不是问题的一部分。

标签： javascript html google-chrome

【解决方案1】：

这可能意味着您的页面实际上在大约 2.5 秒内完成加载。但是您可能会运行一些脚本来告诉您的浏览器每隔一段时间执行一次操作，例如每 5 秒刷新一次广告创意。

如果不查看您的网站，很难知道实际发生了什么。提供链接会有所帮助。

【讨论】：

【解决方案2】：

好的，我有同样的问题，我想我现在知道是什么问题了：您的页面长时间处于空闲状态的原因很可能是它要求的资源无法访问！就我而言，空闲时间段（30 秒）是因为在我的 styles.css 文件中的某处我有这行代码： @import url(//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css); 由于无法解析 url，chrome 需要很长时间才能克服它。

在您的 chrome DevTools 中，在 Network 选项卡下，查看哪些资源没有被解析。

【讨论】：

【解决方案3】：

如果有人遇到此问题并使用 Angular... 我遇到了类似的问题，页面加载需要 10 多秒，但显示它在时间轴中处于空闲状态。事实证明，除非我将 --aot=true 添加到 ng serve 命令，否则它们是从未显示的错误。它在运行时编译，没有显示给我。 :(

【讨论】：