Por que alguns sites que mostram 0 bytes nas ferramentas de desenvolvedor do Chrome


14

Estou fazendo uma otimização da velocidade da página para o meu site e estudando como outros sites o fazem. Percebi que alguns sites como o Facebook ou o Ringgitplus mostram 0 bytes para alguns de seus recursos nas ferramentas de desenvolvedor do Chrome, guia Rede, enquanto o tamanho real do conteúdo é de vários kilobytes.

A captura de tela da guia Rede mostrando 0 bytes para alguns recursos

Li alguns artigos que dizem que tamanho é a quantidade que está sendo buscada e o conteúdo é o tamanho real da resposta. Então, quando o tamanho é 0 bytes, significa que ele foi veiculado no cache. Mas o mesmo aconteceu quando abro a página usando o Navegador Anônimo ou limpando todo o cache.

Como isso é possível e como posso obter o mesmo nos meus sites?


2
e se você fizer um (recarregar um bypass cache) ctrl + F5
aberração catraca

1
Você já criou o perfil da sua página usando developer.yahoo.com/yslow ?
Marcel

@ratchetfreak Ainda é o mesmo.
precisa saber é o seguinte

@Marcel Sim, eu estou usando várias ferramentas, como o que você mencionou, o Google Page Speed, bem webpagetest.org como
kecebongsoft

Realmente não responder às perguntas de por que os resrouces uncached poderia mostrar 0b, mas aqui é uma pergunta boa SO que aborda a diferença: stackoverflow.com/questions/8072921/...
Ben Lee

Respostas:


4

É mais fácil entender o comportamento do Chrome em um site que suporta http e https .

Se você abrir as Ferramentas do desenvolvedor e visualizar esta imagem , o Chrome informará 27,1k se a imagem estiver em cache e 257 bytes, se não estiver. Você pode limpar seu cache nas Ferramentas do Desenvolvedor, clicando com o botão direito do mouse na área na parte inferior da tela (por exemplo, ao lado de nav_logo161.png).

Agora abra o link com https . O Chrome relata 0 bytes, independentemente de o item estar em cache ou não. Se estiver armazenado em cache, você obtém um 304 e, se não estiver armazenado em cache, verá um status 200. Mas você pode ver na latência que a resposta não armazenada em cache leva muito mais tempo.

Portanto, para encurtar a história, se você deseja que o Chrome relate 0 bytes para sua página da Web, use https .

Este bug é registrado aqui e aqui .

Esse bug é perceptível principalmente ao visualizar imagens. O motivo pelo qual você os observa nos links http da postagem original é que ambos os lados são renderizados em https .

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.