Chrome DevTools 网络标签中的“传输”和“资源”有什么区别？

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

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

例如，如果您已经过滤了结果，只显示 XHR 请求，并且在底部看到 1 MB / 2 MB transferred，那么表示总共传输了2 MB，其中1 MB 是 XHR 请求。

其他答案中没有提到的一个重要区别是，“资源”将包括 任何缓存的数据，而“转移”(顾名思义)只在加载页面时显示实际的 下载的数据。

通过点击请求列表顶部工具栏中的 关闭缓存复选框可以很容易地验证这一点——一旦启用，“传输”和“资源”的文件大小就会有很大的差异(除了压缩造成的差异之外)。