Firefox网络面板中的彩色条代表什么？

在firefox开发者工具的“Net”面板下，加载的资源将其加载时间划分为不同的颜色/类别。这些是：

• DNS查找
• 连接
• 阻塞
• 发送
• 等待
• 接收

它们各自代表什么，更具体地说，它们是否准确地代表了服务器思考的时间量（访问数据库、运行算法等）

---

谢谢。

恐怕您无法准确确定服务器本身在做什么

但是，除了等待之外，您可以对大多数请求打折，因为其余的请求都发生在服务器处理您的请求之前和之后。它在你等待的时候实际做的是一个“黑匣子”

在发送和接收过程中可能会发生一些异步操作，因此同样很难精确，但您可以大致了解服务器工作的时间以及请求来回移动的时间

编辑

粗略定义：

DNS查找：使用DNS服务器将web地址转换为目标IP地址 连接：与web服务器建立连接

阻塞：以前称为“排队”，这将得到更详细的解释

发送：将HTTP请求发送到服务器

等待：等待服务器的响应-这可能是它完成所有工作的地方

接收：从服务器返回HTTP响应也解释了这一点（请参阅时间轴部分）

• 阻塞在浏览器队列中等待网络的时间 连接（以前称为排队）。对于SSL连接，这包括SSL握手和OCSP验证步骤
• DNS查找DNS解析时间
• 连接创建TCP连接所需的运行时间
• 等待等待服务器的响应
• 接收从服务器读取整个响应所需的时间 （和/或从缓存读取所需的时间）
• 'DOMContentLoaded'（事件）触发DOMContentLoaded事件的时间点（从请求开始，如果请求已启动，则可能为负值） （活动结束后开始）
• “加载”（事件）触发页面加载事件的时间点（从请求开始，如果请求在事件之后启动，则可能为负值）

---

有一篇很好的文章，里面有时间图表和协议级别的解释，说明了每个阶段发生的事情。我发现这很有帮助，因为它们还直观地演示了使用持久连接和并行连接与串行连接的影响。

所以“等待”确实试图估算服务器思考的时间量在第一次刷新数据发送到浏览器之前？近似值是这里的关键词！当然，你可能不会等它来完成你的工作，但你至少可以从等式中消除发送和接收数据以及建立连接所花费的时间。也许它已经改变了，但现在新的Firefox开发工具使用DNS查找、连接、发送、等待和接收。可以肯定地说，连接==阻塞，而他们刚刚又更改了名称？