是否有解释 Firebug 网络面板的好指南？答案

【问题标题】：Is there a good guide to interpreting the Firebug net panel?是否有解释 Firebug 网络面板的好指南？
【发布时间】：2010-07-17 01:06:36
【问题描述】：

我正在使用 Firebug 中的 Net 面板来评估我正在编写的网页的性能。

具体来说，我想知道每个下载资源的阶段的确切含义是什么（即 DNS 查找、连接、阻止、发送、等待、接收）。

但更一般地说，是否有一个 Firebug 指南，我可以在其中查找这些内容？

【问题讨论】：

此处可能存在重复问题：stackoverflow.com/questions/2816097/… — 虽然它更笼统。

标签： performance firefox testing firebug

【解决方案1】：

各个阶段对应于为资源建立的连接的各种状态。 ~~我不知道关于它们的任何文档，快速浏览 Firebug 网络页面没有显示任何解释。~~@987654322 的资源区（wiki）中有一些 documentation @site，尽管它看起来与界面中实际呈现的内容略有不同。它们对我来说似乎相当明显，但我想我也可能是错的。

DNS 查找 - 远程服务器的名称正在解析为 IP 地址
正在连接 - 正在打开与远程服务器的 TCP/IP 连接
阻塞 - 客户端在发送请求之前正在等待另一个请求完成（或线程变得可用）
正在发送 - 客户端正在向远程服务器发送数据
等待 - 客户端正在等待来自远程服务器的响应
正在接收 - 客户端正在从远程服务器读取数据

【讨论】：

【解决方案2】：

您可以阅读HTTP headers.

对于整个萤火虫网络面板，您可以阅读this.

【讨论】：

我认为这并不是他真正想要的 - 他正在寻找关于 Firebug 本身的指南。
我不认为 HTTP 标头与每个资源的阶段特别相关，但是 Firebug 网络面板文档是正确的，干杯。（当然，阅读 HTTP 标头不会有什么坏处。）

【解决方案3】：

虽然没有包含对这个问题的答案，但 Amy Hoy 和 Thomas Fuchs 的 PDF 电子书 JavaScript Performance Rocks! 提供了很多关于使用 Firebug 测量网页性能的好信息

【讨论】：