Chrome 开发者工具 - 网络面板差距

Question

在 Chrome 开发人员工具的网络选项卡下，我很想知道在间隙期间发生了什么。如果你看我下面的图片，我用橙色突出显示了存在这些差距的区域。在我能够从缓存中加载很多页面的地方，很遗憾出现这些大间隙，因为它们占据了我的大部分页面加载时间。这段时间到底发生了什么？

编辑

好的，我发现这个答案基本上总结了我的问题，所以是一个不同的问题：有没有人知道减少这些差距长度的好方法？大概（尽管相当极端），如果我在页面上加载了所有 CSS，则在加载图像之前加载 CSS 文件后不会有延迟。

Answer 1

我知道这不是您问题的直接答案，但是您是否考虑过使用其他工具（例如 Fiddler 或 WireShark）进行监控？通过使用不同的工具，您可能会更深入地了解问题的根本原因。