Chrome DevTools的“网络"标签中大部分没有活动 [英] Large chunk of no activity in Chrome DevTools' network tab

问题描述

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

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

Okay, I'm trying to detect a reason for a slow loading of a website page using network tab in chrome devtools. In my past experience there always were some large files or slow links to 3rd party sources, but now I'm in total confusion because for a large amount of time there is no downloads at all: screenshot of network tab

What is also strange is than for a last second there is a file with a size less than 1 kilobyte and it's loading for half of a second, although it's not a main issue here.

推荐答案

请尝试使用性能"面板.我的猜测是，在无活动的大块"期间，您的页面运行了很多JavaScript.

Try using the Performance panel instead. My guess is that your page is running a lot of JavaScript during the "large chunk of no activity".

打开性能"面板，然后单击重新加载.

Open the Performance panel and click Reload.

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

If you see a wall of yellow activity in the CPU chart, it means that your CPU was completely busy running JavaScript.

审核"面板是DevTools中学习如何提高页面加载速度的最佳工具.它会在您打开的任何页面上运行一系列测试，并为您提供有关如何加快页面速度的提示.查看优化网站速度.

The Audits panel is the best tool in DevTools for learning how to improve your page load speed. It runs a bunch of tests on whatever page you've got open and gives you tips on how to speed up the page. Check out Optimize Website Speed.

这篇关于Chrome DevTools的“网络"标签中大部分没有活动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！