Chrome DevTools的“网络”标签中大部分没有活动

Question

好的，我正在尝试使用chrome devtools中的“网络”标签来检测网站页面加载缓慢的原因。根据我过去的经验，总是有一些大文件或指向第三方资源的慢速链接，但是现在我很困惑，因为在很长一段时间内根本没有下载： screenshot of network tab

奇怪的是，最后一秒钟文件大小小于1 KB，正在加载半秒，尽管这不是主要问题。

Answer 1

尝试使用“性能”面板。我的猜测是您的页面在“无活动的大块”期间正在运行许多JavaScript。

打开“性能”面板，然后单击重新加载。

如果您在CPU图表中看到一堵黄色的活动墙，则表明您的CPU完全在忙于运行JavaScript。

“审核”面板是DevTools中学习如何提高页面加载速度的最佳工具。它会在您打开的任何页面上运行一系列测试，并为您提供有关如何加快页面速度的提示。检出Optimize Website Speed。