google-chrome - devtools 时间中的空是什么意思？

Question

检查此图像与网页获取的时间。



开始的时候是灰色的停滞时间，绿色是等待时间，蓝色是接收数据。中间还有一个空洞的、耀眼的虚无……那是什么？

图像来自 Google Chrome 43，正常的 devtools。

Answer 1

我已经在 Chrome 错误中为它写了一个广泛的解释: Issue 476749: DevTools: [network] explain empty bars preceeding request ..

这是要点，空酒吧时间通常是少数事情之一

请求被推迟，因为它被认为比脚本/样式(例如图像)的优先级低

当我们等待即将释放的可用 TCP 套接字时，请求被搁置

该请求被搁置，因为浏览器每台主机只进行 6 个连接。

制作磁盘缓存条目所花费的时间(通常非常快)

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

但是从上面的屏幕截图来看，预加载扫描器似乎识别了页面所需的许多脚本、样式和图像。它快速启动样式和脚本，并将图像排队等待稍后完成。由于每个主机规则有 6 个连接，它们被延迟了。