问FireBug瀑布图中的间隙

EN

发生这种情况的主要原因是由脚本和CSS文件加载的文件。

• 许多JS库也会加载图片、CSS和/或其他文件。在加载调用JS之前，这些加载不会开始，再加上一个小的处理delay.

• Libraries，或内联JS，可能还会在delays/intervals.

事件(红色JS )或DOMContentLoaded事件(红色JS)时触发加载。显然，JS可以执行在任何方式的delays/intervals.之后触发的AJAX

Jan Odvarko曾在Firebug上工作过，他自己在这里解释道：

http://www.softwareishard.com/blog/firebug/firebug-net-panel-timings/

他提到了评论#18中的差距：

这些间隙表示没有请求发生的时间，例如，这可能是由于在页面上执行javascript，从而阻止了页面下载或页面呈现、CSS解析等。

我能想到的最明显的原因(除了Firebug中的bug )是您已经将过滤器切换为只显示请求的一个子集。例如，您可能只显示Javascript文件等。

您的屏幕截图没有包括过滤器或文件名，所以我不能肯定，但这似乎是最明显的答案。

屏幕截图中面板的正上方是一块过滤器。确保你已经选择了“全部”选项。如果您选择了任何其他选项，则预期会出现间隙。

另一个原因是如果你有一些页面元素是从初始加载中分离出来的，比如通过Ajax或延迟加载。这些可能会在页面加载后很快加载，但不会立即加载，从而导致时间线中的间隙。

希望这能有所帮助。