在 Chrome 网络选项卡中，在大小列下，2 个数字代表什么？

Question

见上图：对于第一个请求，82.0kb代表什么，187kb代表什么？

另外，当我们在这里时，时间列下的 2 个不同的数字代表什么？ （顶部的数字通常较大，但它们非常相似）

Answer 1

在大小下，第一个数字是包含该资源的网络响应的大小。或“响应大小”。

第二个数字是“内容大小”，即磁盘上资源的实际大小。

如果响应包含元数据，则“响应大小”可能大于“内容大小”（例如，在您的屏幕截图中，cs_0.2.js 的响应大小为 1.5kb，但磁盘上的大小为 1.4kb）在响应头中。

不过，由于压缩，响应大小通常会小于内容大小。

---

在时间列下，第一个数字是“从请求开始到收到响应中的最后一个字节的总持续时间”（来自此处：https://developers.google.com/web/tools/chrome-devtools/network-performance/resource-loading#view-network-timing-details-for-a-specific-resource）。第二个数字本质上是延迟，即从提供资源的服务器获得响应所需的时间。如果您单击列表中的特定请求，则可以在“时间”选项卡下查看详细的细分（如果将鼠标悬停在时间线中的彩色条上，您也可以看到此信息）。

这两个数字通常相似，因为（正如您将在详细分类中看到的那样）大部分请求时间通常来自延迟——在“等待 (TTFB)”中花费的时间（TTFB 代表“第一个字节的时间” ")。

---

您实际上可以通过按“查看：”右侧顶部的按钮来禁用查看内容大小和延迟。