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

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

google-chrome google-chrome-devtools

— Mantas Lukosevicius
fonte

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

Basta adicionar uma dica de ferramenta.

— wOxxOm

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

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

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

Ou. "transferido 10 MB (descompactado 23 MB)"

— Zach Smith