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

Question

使用网页提取的时间检查此图像。

开始时有灰色停止时间，绿色表示等待时间，蓝色表示接收数据。中间还有一个空洞的，明显的虚无......那是什么？

图片来自Google Chrome 43，普通的devtools。

Answer 1

我已经在铬虫中写了一篇详尽的解释： Issue 476749: DevTools: [network] explain empty bars preceeding request ..

这里有要点，空栏时间通常是少数事情之一

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

您可以右键单击标题以打开＆＃34;连接ID＆＃34;查看不同的请求是否共享相同的TCP连接。 WebPageTest的连接视图也可以帮助解决这个问题。

但是从上面的屏幕截图中可以看出，预装扫描程序识别出页面所需的许多脚本，样式和图像。它快速启动了样式和脚本，并将图像排队等待以后完成。由于每个主机规则有6个连接，它们被推迟了。