这些数字在网络选项卡上的含义是什么？答案

【问题标题】：What do these numbers mean on the network tab?这些数字在网络选项卡上的含义是什么？
【发布时间】：2019-10-15 12:58:59
【问题描述】：

在网络选项卡的所有 HTTP 请求列表下，我看到了一个摘要。例如：

Chrome 的文档有一个extensive article about this tab，但它没有描述这些摘要数据。

其中一些是不言自明的。 213 总共发送了 HTTP 请求，从第一个请求到触发 document.DOMContentLoaded 事件需要 1.23 秒。完成值的大值实际上是有道理的，因为此页面具有用于点击跟踪的重复“ping”事件。但是，其他值有点混乱。

为什么传输字节和资源字节有两个截然不同的数字——即传输字节和资源字节之间有什么区别？另外，“加载”时间究竟代表什么——是直到window.load 事件的时间还是其他什么？

【问题讨论】：

【解决方案1】：

DevTools 文档指向 MDN's load event page 来描述“加载”编号。所以是的，“加载”是从导航到 window.load 的时间。

“传输”是指通过网络传输的字节。 “资源”是指这些文件在下载和解压缩后的重量，如DevTools reference 所示。

下载jQuery from its CDN 说明了不同之处。 DevTools reference points out，requests表中较小的数字代表压缩后的大小。

【讨论】：