关键词搜索

源码搜索 ×
×

Chrome开发者工具network标签页里的transferred over network和resources loaded by the page的区别

发布2020-11-02浏览8348次

详情内容

如下图所示:

network底部有1.1 MB transferred over network和5.1 MB resources loaded by the page. 这两个大小有何区别?

有中文博客介绍说transferred over network是通过网络加载的资源尺寸,而resources loaded by the page不仅包含前者,也包含直接从浏览器缓存里加载的资源尺寸。这种说法不完全准确,更精确的说法是,resources loaded by the page统计的是前端页面加载的所有资源经过解压之后的原始大小。

如图,在打开Chrome开发者工具的Use Large request rows选项, 就能显示出经过网络加载资源压缩过后的原始大小,如下图所示:

以上说明来自Google官网:
https://developers.google.com/web/tools/chrome-devtools/network/reference#uncompressed

https://stackoverflow.com/questions/56043151/what-is-the-difference-between-transferred-and-resources-in-chrome-devtools

更多Jerry的原创文章,尽在:“汪子熙”:

相关技术文章

点击QQ咨询
开通会员
返回顶部
×
微信扫码支付
微信扫码支付
确定支付下载
请使用微信描二维码支付
×

提示信息

×

选择支付方式

  • 微信支付
  • 支付宝付款
确定支付下载