【问题标题】：Large chunk of no activity in Chrome DevTools' network tabChrome DevTools 的网络选项卡中大量没有活动
【发布时间】：2022-04-08 00:00:15
【问题描述】：
好的，我正在尝试使用 chrome devtools 中的网络选项卡检测网站页面加载缓慢的原因。在我过去的经验中，总是有一些大文件或到第 3 方来源的慢速链接，但现在我完全感到困惑，因为在很长一段时间内根本没有下载：
screenshot of network tab
同样奇怪的是，最后一秒有一个小于 1 KB 的文件，并且加载了半秒，尽管这不是主要问题。
【问题讨论】：
标签：
html
google-chrome
google-chrome-devtools
【解决方案1】：
尝试改用“性能”面板。我的猜测是，您的页面在“大量无活动”期间运行了大量 JavaScript。
打开性能面板并点击重新加载。
如果您在 CPU 图表中看到一堵黄色活动墙，则表示您的 CPU 正忙于运行 JavaScript。
（来源：google.com）
审核面板是 DevTools 中学习如何提高页面加载速度的最佳工具。它会在您打开的任何页面上运行大量测试，并为您提供有关如何加快页面速度的提示。查看Optimize Website Speed。