Chrome DevTools Network 标签中的“transferred”和“resources”有啥区别？

Posted 2023-03-07

【中文标题】Chrome DevTools Network 标签中的“transferred”和“resources”有啥区别？

【英文标题】：What is the difference between "transferred" and "resources" in Chrome DevTools Network tab?Chrome DevTools Network 标签中的“transferred”和“resources”有什么区别？

【发布时间】：2019-09-26 07:54:38

【问题描述】：

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

【参考方案1】：

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

问题：你们能想出更好的词来描述这两个价值观吗？我们经常会收到这个问题。

【讨论】：

只需添加一个工具提示。

感谢您的回复，但我仍然不确定如何理解这一点。我现在的理解：“假设我访问了一个网站，然后我下载了X量的压缩数据。下载后，这些数据被Chrome解压缩，然后用于显示页面”。我应该这样想吗？

也许将“资源”重命名为“未压缩”。所以你有一个“转移”的值和一个“未压缩”的值，这对我来说会更清楚。

最终在这里寻找相同的...工具提示会很有帮助。世界“资源”肯定会让很多人感到困惑。理想情况下，您只需称其为。 “未压缩”。更好的是，在“网络”选项卡中为每个资源添加一个可选列，可以将其称为“未压缩大小”

或者。 “传输 10mb（未压缩 23mb）”

【参考方案2】：

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

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