加载网页时，大多数时间都是空闲的

Question

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

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

Answer 1

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

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

Answer 2

好的，我有同样的问题，想想我现在知道问题是什么： 您的页面长时间处于空闲状态的原因很可能是它要求的资源无法访问！ 在我的情况下，空闲的periode（30秒）是因为我的styles.css文件中的某个地方我有这行代码： @import url（// netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css）; 因为它无法解析网址，所以Chrome需要很长时间来克服它。

在您的Chrome DevTools中的“网络”标签下，查看未恢复的资源。

Answer 3

如果有人碰到这个问题并且正在使用Angular ...我也遇到了类似的问题，页面加载需要10秒钟以上的时间，但是显示它在时间轴中处于空闲状态。事实证明，除非我在ng serve命令中添加了--aot = true，否则这些错误是不会显示的。它在运行时正在编译，没有显示给我。 ：（