Chrome DevTools Network 选项卡中的 "transferred" 和 "resources" 有什么区别?

What is the difference between "transferred" and "resources" in Chrome DevTools Network tab?

位于网络选项卡底部的这两个数据量有何不同?

Transferred是所有资源压缩后的大小。您可以将其视为移动用户为加载此页面而使用的上传和下载数据量。资源是所有资源的未压缩大小。

提问:大家能想出更好的词来形容这两个值吗?我们经常收到这个问题。

除了其他答案之外,如果您过滤了结果,您会在一列中看到两个数字,第一个表示过滤请求的大小,第二个表示请求的总大小。

例如,如果您将结果过滤为仅显示 XHR 请求,并且在底部看到 1 MB / 2 MB transferred,则表示总共传输了 2 MB,其中 1 MB 是 XHR 请求。