Reduza o tamanho das imagens para acelerar seu site
Na maioria dos sites, as imagens representam a maior parte dos bytes que um visitante baixa. Isso torna a otimização de imagens a ação de maior impacto que você pode tomar para a velocidade da página e os Core Web Vitals. Aqui está uma lista de verificação prática.
1. Comprima todas as imagens
Passe suas imagens por um compressor antes de publicar. Uma imagem bem comprimida pode ter uma fração do tamanho original sem diferença visível. O CompressEasy faz isso no seu navegador, em lotes, então cabe em qualquer fluxo de trabalho.
2. Use formatos modernos
Mudar de JPEG e PNG para WebP ou AVIF pode reduzir bastante o peso das imagens. Essa é uma das mudanças mais simples e de maior alavancagem para a performance.
3. Redimensione para as dimensões exibidas
Não entregue uma imagem de 4000 pixels para exibi-la a 800 pixels. Faça as dimensões da imagem corresponderem a como ela é realmente mostrada, considerando telas de alta densidade com uma fonte de cerca de 2x.
4. Use carregamento preguiçoso em imagens fora da tela
Adicione loading="lazy" às imagens abaixo da dobra para que o navegador só as baixe conforme o usuário rola. Isso acelera drasticamente o carregamento inicial em páginas longas.
5. Defina largura e altura
Sempre inclua os atributos width e height (ou aspect-ratio no CSS) para que o navegador reserve espaço. Isso evita o deslocamento de layout, melhorando a métrica Cumulative Layout Shift.
O maior ganho primeiro
Se você fizer apenas uma coisa, comprima e converta suas maiores imagens para WebP ou AVIF. É rápido, gratuito e normalmente é o que mais reduz o peso da sua página. Comece soltando seus arquivos no compressor.