Qual é a diferença entre “transferido” e “recursos” na guia Chrome DevTools Network?

96

Qual a diferença entre essas duas quantidades de dados, localizadas na parte inferior da guia Rede?

insira a descrição da imagem aqui

google-chrome google-chrome-devtools Mantas Lukosevicius
fonte

Respostas:

131

Transferido é o tamanho compactado de todos os recursos. Você pode pensar nisso como a quantidade de dados de upload e download que um usuário móvel usará para carregar esta página. Recursos é o tamanho não compactado de todos os recursos.

Pergunta: Vocês podem pensar em palavras melhores para descrever esses dois valores? Recebemos essa pergunta com certa frequência.

Kayce Basques
fonte
57
Basta adicionar uma dica de ferramenta.
wOxxOm
3
Obrigado pela resposta, mas ainda não tenho certeza de como entender isso. Meu entendimento agora: “Digamos que eu visito um site, depois faço o download de uma quantidade X de dados compactados. Após o download esses dados são descompactados pelo Chrome, e então usados ​​para exibir a página”. É assim que devo pensar sobre isso?
Mantas Lukosevicius
49
Talvez renomeie "recursos" para "descompactado". Então você teria um valor para "transferido" e outro para "descompactado", o que tornaria tudo mais claro para mim.
tomcat
7
Acabou aqui procurando o mesmo ... Uma dica seria útil. O mundo "Recursos" vai definitivamente confundir muitas pessoas. Idealmente, você apenas chama do que é. "Descomprimido". Melhor ainda, adicione uma coluna opcional na guia Rede para cada recurso, talvez chame-a de "Tamanho não compactado"
Joe Seifi
22
Ou. "transferido 10 MB (descompactado 23 MB)"
Zach Smith