什么空虚在devtools时间意味着什么?

dsi*_*ign 4 google-chrome google-chrome-devtools

检查此图像的网页提取时间.

在此输入图像描述

停滞时间开始为灰色,等待时间为绿色,接收数据为蓝色.中间还有一个空洞的,明显的虚无......那是什么?

该图片来自谷歌Chrome 43,普通的devtools.

Pau*_*ish 12

我在铬虫中写了一个广泛的解释:问题476749:DevTools:[network]解释请求之前的空栏.

这里是要点,空栏时间通常是少数几件事之一

  • 该请求被推迟,因为它被认为优先于脚本/样式(例如图像)
  • 当我们等待即将释放的可用TCP套接字时,请求被暂停
  • 请求被暂停,因为浏览器每个主机只能连接6个连接.
  • 制作磁盘缓存条目所花费的时间(通常非常快)

您可以右键单击标题以打开"连接ID"以查看不同的请求是否共享相同的TCP连接.WebPageTest的连接视图也可以提供帮助.

但是从上面的屏幕截图中可以看出,preload-scanner识别出了页面所需的许多脚本,样式和图像.它快速启动了样式和脚本,并将图像排队等待以后完成.由于每个主机规则有6个连接,它们被延迟了.