Auditei o meu próprio site e errei a primeira medição
Publiquei 48 KB e o número real era 1.323 KB. O erro não estava no número, estava na frase. E o que ele revelou é mais útil que o acerto.
Publico os dois números, o errado e o certo, porque a diferença entre eles é a lição.
O que a primeira medição disse
12 pedidos de rede. 48 KB transferidos. 1,1 segundo até terminar de carregar. 2 imagens. Fiquei satisfeito e publiquei.
O erro
Eu medi sem rolar a página. Ela tem 15.770 pixels de altura e usa lazy loading, então quase nenhuma imagem tinha sido pedida ainda. Medi a primeira tela e chamei de página inteira.
O número não estava errado. A frase estava.
Rolando até o fim
39 pedidos de rede e 1.323 KB transferidos. Vinte e sete vezes mais peso do que eu tinha publicado.
Noventa e quatro por cento é imagem
De 1.323 KB, 1.241 são PNG e JPG: 699 KB de logos e 542 KB de capturas de portfólio. O HTML são 35 KB e o JavaScript 41 KB. Somados, os dois não chegam a 6% da página.
Ou seja: o código está enxuto e o problema é o formato das imagens. PNG e JPG onde deveria haver WebP. Achei isso auditando o meu, e é a mesma coisa que acho na maioria dos sites que abro.
Como medir o seu, de graça
Abra o site, tecle F12, vá na aba Rede e recarregue a página. Role até o rodapé. No rodapé do painel aparecem quantos pedidos, quanto foi transferido e quanto tempo levou.
Não precisa instalar nada. O navegador que você já usa é a ferramenta.
Por que publicar o erro
Se eu apagasse o primeiro número e fingisse que a medição sempre foi 1.323 KB, seria exatamente o que eu critico: mostrar só o número que favorece.
Precisa disso no seu site?
A gente constrói site, sistema e loja para empresa que precisa de estrutura, não de vitrine.
Conversar sobre um projeto