Você tira uma foto linda do prato, da fachada da loja ou do seu trabalho, joga no site e fica orgulhoso. Só que aquela foto saiu do celular com 6 MB. E quando o cliente abre a página, o navegador dele tenta baixar esse arquivão antes de mostrar qualquer coisa. Resultado: tela branca, espera, desistência. A imagem que devia atrair o cliente é justamente o que está espantando ele.
Por que a imagem é o vilão nº 1
Na maioria dos sites lentos, as imagens sozinhas representam boa parte de todo o peso da página. Faz sentido: um texto pesa quase nada, mas uma foto em alta resolução pesa megabytes. E aí está a armadilha — o celular moderno tira fotos enormes, ótimas pra imprimir num outdoor, mas exageradas pra aparecer numa tela.
O cliente não precisa receber uma foto de 4.000 pixels de largura pra ver seu prato num celular de 400 pixels. Você está mandando ele baixar dez vezes mais do que ele consegue enxergar. É como entregar uma enciclopédia inteira quando a pessoa só queria uma página.
De onde vem o peso (e quanto é peso a mais)
Quase todo problema de imagem cai num destes três casos — geralmente nos três juntos:
- Tamanho gigante: a foto tem 4.000 ou 6.000 pixels de largura quando o site mostra ela em 800. O navegador baixa tudo e encolhe na marra, desperdiçando o que baixou.
- Sem compressão: a foto saiu "crua" do celular, sem nenhum tratamento. Dá pra cortar 70% do peso sem que o olho humano note diferença.
- Formato antigo: arquivos em formatos modernos (como WebP) pesam bem menos que os antigos, com a mesma qualidade. Muita gente ainda usa o formato pesado por hábito.
Uma página com 8 fotos de 5 MB cada faz o cliente baixar 40 MB só de imagem. No 4G, isso pode levar 15, 20 segundos. Comprimidas, essas mesmas 8 fotos cabem em 2 MB — e a página abre em 2 ou 3 segundos. Mesma beleza, dez vezes mais leve, e o cliente fica em vez de fugir.
Como resolver de graça (em minutos)
A melhor parte: imagem pesada é o problema de velocidade mais fácil de resolver, e não custa nada. Faça nesta ordem:
- Comprima antes de subir. Ferramentas grátis como TinyPNG ou Squoosh cortam o peso da foto em 70% sem perda visível. Arraste a imagem, baixe a versão leve, pronto.
- Redimensione pro tamanho real. Se o site mostra a foto em 1.000 pixels de largura, não suba uma de 5.000. Ajuste antes de enviar.
- Prefira formatos modernos. Se sua plataforma permite salvar em WebP, use. É o mesmo visual com bem menos peso.
- Ligue o lazy loading. Faz a imagem só carregar quando o cliente rola até ela. As plataformas modernas já fazem isso sozinhas — confira se está ativo.
Descubra quais imagens estão pesando
O Score do Site analisa sua página e mostra o que está deixando ela lenta — incluindo as imagens mais pesadas. Nota de 0 a 100, grátis e em segundos.
Analisar meu site grátis"Mas comprimir não estraga a foto?"
Essa é a dúvida que trava muita gente. A resposta sincera: não, se feito direito. A compressão inteligente joga fora informação que o olho não percebe. Numa tela de celular, a foto comprimida e a original ficam idênticas pra qualquer cliente. Você só vai notar diferença se ampliar muito — coisa que ninguém faz na hora de pedir um orçamento. O ganho de velocidade vale infinitamente mais que esse detalhe invisível.
Comece pela foto mais pesada
Você não precisa otimizar tudo de uma vez. Olhe a página inicial, ache a maior imagem (quase sempre a de capa, que aparece primeiro) e ataque ela. Só isso já costuma cortar segundos do carregamento. Depois vá descendo pelas outras. É o conserto de maior retorno com menor esforço que existe num site.
Para entender o quadro completo, veja por que seu site demora pra abrir e por que ele trava no 4G do cliente.