这些数字在网络选项卡上意味着什么？
What do these numbers mean on the network tab?
在网络选项卡中，在所有 HTTP 请求的列表下，我看到了一个摘要。例如：
- 213 个请求
- 2.5 MB 传输
- 7.2 MB 资源
- 完成：2.1 分钟
- DOMContentLoaded：1.23 秒
- 负载：3.17 秒
Chrome 的文档有一个 extensive article about this tab，但它没有描述这些摘要数据。
其中一些是不言自明的。总共发送了 213 个 HTTP 请求，从第一个请求到触发 document.DOMContentLoaded 事件用了 1.23 秒。完成值的大值实际上是有道理的，因为此页面有一个重复的 'ping' 事件用于点击跟踪。但是，其他值有点混乱。
为什么传输和资源有两个截然不同的数字——即传输字节和资源字节之间有什么区别？此外，“加载”时间究竟代表什么——是 window.load 事件之前的时间还是其他什么？
DevTools 文档指向 MDN's load event page 来描述 "Load" 号码。所以是的，"Load" 是从导航到 window.load 的时间。
"Transferred" 指的是网络中的字节数。 "Resources" 指的是这些文件下载后的权重 un-compressed，如 DevTools reference.
所示
正在下载jQuery from its CDN illustrates the difference. The DevTools reference points out请求中较小的数字table代表压缩后的大小
在网络选项卡中，在所有 HTTP 请求的列表下，我看到了一个摘要。例如：
- 213 个请求
- 2.5 MB 传输
- 7.2 MB 资源
- 完成：2.1 分钟
- DOMContentLoaded：1.23 秒
- 负载：3.17 秒
Chrome 的文档有一个 extensive article about this tab，但它没有描述这些摘要数据。
其中一些是不言自明的。总共发送了 213 个 HTTP 请求，从第一个请求到触发 document.DOMContentLoaded 事件用了 1.23 秒。完成值的大值实际上是有道理的，因为此页面有一个重复的 'ping' 事件用于点击跟踪。但是，其他值有点混乱。
为什么传输和资源有两个截然不同的数字——即传输字节和资源字节之间有什么区别？此外，“加载”时间究竟代表什么——是 window.load 事件之前的时间还是其他什么？
DevTools 文档指向 MDN's load event page 来描述 "Load" 号码。所以是的，"Load" 是从导航到 window.load 的时间。
"Transferred" 指的是网络中的字节数。 "Resources" 指的是这些文件下载后的权重 un-compressed，如 DevTools reference.
所示正在下载jQuery from its CDN illustrates the difference. The DevTools reference points out请求中较小的数字table代表压缩后的大小