What is the difference between "transferred" and "resources" in Chrome DevTools Network tab?

What is the difference between "transferred" and "resources" in Chrome DevTools Network tab?

回答1

"Transferred" is the compressed size of all resources. You can think of it as the amount of upload and download data that a mobile user will use in order to load this page.

"Resources" is the uncompressed size of all resources.

 

回答2

An important difference not mentioned in the other answers is that "resources" will include any cached data, whereas "transferred" (as the name implies) only shows the actual downloaded data when loading the page.

This can easily be verified by ticking the Disable cache checkbox in the toolbar on top of the request list - once enabled there is a considerable difference in filesize of "transferred" and "resources" (in addition to the difference caused by compression).

作者:Chuck Lu    GitHub    
posted @   ChuckLu  阅读(93)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
历史上的今天:
2021-11-30 What does the Visual Studio "Any CPU" target mean?
2020-11-30 Have You Lost Your Sense Of Urgency?
点击右上角即可分享
微信分享提示