Por que minha página da Web é metade do tamanho no navegador do que no disco rígido?

Question

Minha página da web com todos os seus recursos é de 1,7 MB no disco. E apenas 700kb na ferramenta cromo dev (aba de rede). Por exemplo, meu css de 140kb é agora, de acordo com o Google, apenas 26kb de peso. O mesmo para o meu pacote js, vai de 330 kb para 90. Além disso, eu estava testando em uma sessão privada, então não há cache do navegador.

Cabeçalhos de resposta que posso ver no chrome:

Connection:Keep-Alive
Date:Wed, 30 Sep 2015 14:25:35 GMT
ETag:"e621f4-42c5-520f72d888210"
Keep-Alive:timeout=3, max=100
Server:Apache/2.2.16 (Debian)
Vary:Accept-Encoding

    

Answer 1

Parece que você não está vendo tudo em suas ferramentas de desenvolvimento.

Não use linhas de solicitação pequenas, senão você verá APENAS o tamanho compactado dos seus arquivos da Web.

1. O tamanho do arquivo gzipado enviado do servidor
2. Seu navegador extraiu o arquivo gzipado e contém vários KB

ArazãopelaqualsuasimagensestãoexibindoumtamanhodecompactaçãomaioréporqueoformatoPNGeJPGéumformatocompactado,portanto,oservidordawebestárealmentecriandosobrecargadesnecessária,tentandocompactá-lonovamenteeessasobrecargaextraestásendoconvertidaemCPUdesperdiçadatempoeKBadicionais.

SevocêestiverexecutandooApacheetiveracessoahttpd.conf,sugiroadicionarumalinhacomaseguinteaparência:

#Don'tcompresstheseimagesSetEnvIfNoCaseRequest_URI.(?:gif|jpe?g|jpg|ico|png)no-gzipdont-vary

Issovaleparaimagensquejáestãomuitootimizadasecompactadas.

Naminhacapturadetela,vocêpodeverque1+2sãoimagensmaioresenãootimizadas,mas3.jpgjáestádesalinhado,entãoacompactaçãonãoajudou#3,masajudou1+2: