Chrome DevTools网络选项卡中的“传输”和“资源”有什么区别?

x6492ojm  于 2022-12-06  发布在  Go
关注(0)|答案(3)|浏览(863)

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

cqoc49vn

cqoc49vn1#

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

vcirk6k6

vcirk6k62#

除了其他答案之外,如果您已经筛选了结果,则会在一列中看到两个数字,第一个数字表示筛选的请求的大小,第二个数字表示请求的总大小。
例如,如果您已将结果筛选为仅显示XHR请求,并且在底部看到1 MB / 2 MB transferred,这表示总共传输了2 MB,其中1 MB是XHR请求。

2o7dmzc5

2o7dmzc53#

其他答案中没有提到的一个重要区别是,“资源”将包括任何缓存的数据,而“传输”(顾名思义)仅显示加载页面时实际下载的数据
这可以通过在请求列表顶部的工具栏中勾选 Disable cache 复选框来轻松验证-一旦启用,“transfered”和“resources”的文件大小会有相当大的差异(除了压缩导致的差异)。

相关问题