Imagem pesada: a causa número um de site lento, e o conserto de dez minutos
Quando um site chega lento no nosso diagnóstico, a primeira coisa que olhamos não é a hospedagem nem o código. É o peso das imagens. Na maioria das vezes, a causa está ali — e é a de conserto mais barato que existe.
O problema, em números
Uma foto tirada no celular tem entre 3 e 6 MB. Subida direto no site, ela é exibida num espaço de 400 pixels de largura — que precisaria de 60 KB.
O navegador baixa os 4 MB inteiros para mostrar a miniatura. Cinco fotos assim, e a página tem 20 MB antes de qualquer texto aparecer. No 4G, isso são segundos de tela em branco.
O Google considera bom até 2,5 segundos até o maior elemento aparecer. Uma foto de 4 MB sozinha estoura isso.
O tamanho certo
Duas regras práticas:
Largura: o dobro do espaço onde a imagem vai aparecer, no máximo. Espaço de 600 pixels, imagem de 1.200. Tela cheia, 1.600 a 1.920. Nunca os 4.000 que saem do celular.
Peso: foto de tela cheia bem comprimida fica entre 100 e 300 KB. Miniatura, abaixo de 50 KB. Se está em MB, está errado.
O formato
JPEG para foto, PNG para logo e imagem com transparência. WebP para os dois, se a plataforma aceitar — é 25% a 35% menor com a mesma qualidade, e todo navegador atual abre.
PNG para foto é o erro clássico: fica três vezes mais pesado sem ficar melhor.
O conserto de dez minutos
Ferramenta gratuita, no navegador, sem instalar nada:
- Abra o Squoosh (squoosh.app), do próprio Google.
- Arraste a foto.
- Redimensione para a largura certa.
- Escolha WebP ou JPEG, qualidade 75 a 80.
- Compare lado a lado — a diferença visual é zero — e baixe.
Cinco fotos, dez minutos. É a maior melhoria de velocidade por minuto de trabalho que existe.
Se o site é WordPress
Plugins como ShortPixel, Imagify ou Smush comprimem tudo que já está lá e o que entrar depois, automaticamente. Resolve o passado e o futuro de uma vez.
O detalhe que quase ninguém configura: a opção de redimensionar no upload. Sem ela, o plugin comprime uma foto de 4.000 pixels — que continua sendo grande demais.
O teste antes e depois
Abra o PageSpeed Insights, cole seu endereço, olhe a aba de celular e anote a nota. Procure na lista de oportunidades o item "Dimensione imagens corretamente" ou "Codifique imagens com eficiência" — ele diz exatamente quanto dá para ganhar.
Comprima, publique, rode de novo. É comum a nota subir vinte pontos só com isso.
O que isso vale
Velocidade abaixo de 50 no celular vale 15 pontos no nosso diagnóstico. Entre 50 e 80, 8. O que a nota significa em segundos e as outras causas.
É a única categoria dos 24 critérios em que o dono do negócio costuma conseguir, sozinho, sair de reprovado para aprovado numa tarde. Vale começar por ela.