Firebug 的网络面板中缺少“DomContentLoaded”和“加载”时间信息答案

【问题标题】：Missing 'DomContentLoaded' and 'load' time information in Firebug's Net PanelFirebug 的网络面板中缺少“DomContentLoaded”和“加载”时间信息
【发布时间】：2010-03-26 05:20:01
【问题描述】：

Firebug 在报告 HTTP 请求相对于 'DomContentLoaded' 和 'load' 时间的相对时间方面非常棒。然而，一旦 'load' 事件发生（如时间线上的红线所示），此后的请求就没有任何信息表明它们在这两个事件中发生的时间。

为了混淆，这些请求（通常在时间线的底部）似乎是在页面加载开始时开始的。当我在时间线中看到这样的条目没有关于“DomContentLoaded”和“加载”事件时间的信息并且似乎在页面加载事件之后发生时，有人可以解释一下我应该推断什么，仍然网络面板显示他们从一开始就开始了？

谢谢！

【问题讨论】：

标签： firefox firebug timeline performance

【解决方案1】：

当所有从初始 html 页面引用的文件都被检索到时，就会发生 load 和 DOMContentLoaded 事件。在 DOMContentLoaded 的情况下，该事件在页面的初始 DOM 完全加载时发生。从初始 html 文档加载的文件将在时间轴上相对于该文档显示。

一旦 JavaScript 开始执行，就会出现额外的网络流量，通常是通过 XmlHttpRequests 到达源服务器或其他服务器。当您将鼠标悬停在这些请求上时，它们不会显示进度事件（已加载、DOMContentLoaded）。因为这些请求可以根据 Web 应用程序中发生的事件触发，所以它们可能会不按顺序显示，它们的左边缘与网页的原始请求对齐。最好不要将时间线视为这些请求和响应的线性序列，而应将其视为包含实时发生的不同流量表示的网格。

希望这会有所帮助！

【讨论】：

【解决方案2】：

这是我原来问题的实际答案：http://www.softwareishard.com/blog/firebug/firebug-net-panel-timings/

【讨论】：