O peso invisível das imagens
Imagens respondem pela maior parte do peso de uma página. Uma imagem "bonita" de 2 MB atrasa tudo — mesmo em conexão rápida. O problema é o peso, não a estética.
As quatro alavancas
Aplicar as quatro juntas destrava o ganho real.
- Formato moderno: WebP ou AVIF substituem JPG/PNG com metade do peso
- Dimensões corretas: nunca sirva 4000px para exibir 800px
- Compressão com qualidade aceitável (não 100%)
- Lazy load: carrega abaixo da dobra só quando o usuário se aproxima
| Cenário | Antes | Depois |
|---|---|---|
| Hero | JPG 2 MB | WebP 250 KB |
| Galeria | 5 × 1 MB | 5 × 120 KB |
| Produto | PNG 1,5 MB | AVIF 180 KB |
| Total página | 4,2 MB | 1,1 MB |
Impacto visual mantido
Compressão bem feita não é visível ao olho em telas normais. O que o visitante percebe é a página abrindo na hora — e isso também é impacto.
Dica prática
Dê prioridade (fetchpriority="high") à imagem que define o LCP — geralmente a do hero. As outras podem esperar.
