这些数字在“网络”标签上是什么意思？

Question

在“网络”标签中的所有HTTP请求列表下，我看到了一个摘要。例如：

• 213个请求
• 2.5 MB传输
• 7.2 MB资源
• 完成时间：2.1分钟
• DOMContentLoaded：1.23秒
• 负载：3.17 s

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

其中一些是不言自明的。 213总共HTTP请求，从第一个请求到触发document.DOMContentLoaded事件为止，花费了1.23秒。最终价值的大价值实际上是有意义的，因为此页面具有重复的“ ping”事件以进行点击跟踪。但是，其他值有点令人困惑。

为什么传输和资源有两个非常不同的数字-即传输字节和资源字节之间有什么区别？此外，“加载”时间的确切含义是-直到window.load事件发生的时间还是其他时间？

Answer 1

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

“已传输”是指导线上的字节。 “资源”是指这些文件一旦下载并解压缩后的权重，如DevTools reference所示。

下载jQuery from its CDN说明了这一区别。 DevTools reference points out（请求表中的数字较小代表压缩的大小）。