Chrome DevTools的“网络”标签中的“已转移”和“资源”有什么区别？

Question

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

Answer 1

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

问题：你们都可以想到用更好的词来描述这两个价值吗？我们经常会收到这个问题。

只需添加一个工具提示。 (27认同)
也许将“资源”重命名为“未压缩”。因此，对于“传输”，您将有一个价值；对于“未压缩”，您将有一个价值，这对我来说将更加清晰。 (22认同)
感谢您的答复，但是我仍然不确定如何理解这一点。我现在的理解是：“假设我访问了一个网站，然后下载了X份压缩数据。下载后，Chrome会解压缩这些数据，然后将其用于显示页面”。这是我应该怎么考虑的吗？ (3认同)
最终在这里寻找相同的内容...工具提示会有所帮助。世界“资源”肯定会让很多人感到困惑。理想情况下，您只是称呼它是什么。“未压缩”。更妙的是，在“网络”标签中为每个资源添加一个可选列，也许将其称为“未压缩大小” (2认同)
要么。“已传输10mb（未压缩的23mb）” (2认同)
我喜欢他们征求如何使其更清晰的建议，但两年多后，情况仍然一模一样。 (2认同)

Answer 2

其他答案中未提及的一个重要区别是“资源”将包括任何缓存的数据，而“已传输”（顾名思义）仅在加载页面时显示实际下载的数据。

这可以通过勾选请求列表顶部工具栏中的“禁用缓存”复选框来轻松验证- 一旦启用，“传输”和“资源”的文件大小就会有相当大的差异（除了压缩引起的差异之外）。

Answer 3

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

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