为什么 Chrome Inspector 的静态资源会出现空白？

Question

谁能解释一下 Google Chrome Inspector 的“网络”标签中的空白代表什么？

网络选项卡显示连续加载的资源列表。在大多数情况下，它们相互重叠和/或立即跟随。但有时会有间隙，在这个截图的例子中，实际上有将近 2 秒的间隙。

后来加载的所有 5 个脚本都由第三方托管。

Answer 1

如果您点击标题“时间轴”，然后选择“持续时间”，您将更好地了解每个请求的实际情况。

如果您将鼠标悬停在每一行上，您会看到每个请求的明细，并且很可能对于后面的请求，您会发现它们具有较大的“阻止”值。

编辑：为了以防万一，我可能应该在这里写一个关于阻塞的小注释。阻塞（在下一段的链接中定义）is the amount of time between the UI thread starting the request and the HTTP GET request getting onto the wire.

Here 是一个很好的 Stack Overflow 问题，它解释了每个段的含义以及您可以（或不能）做些什么来改进它。