Otimizar imagens para Google PageSpeed

Alcançar uma boa pontuação no Google PageSpeed é crucial para SEO. Este guia mostra como otimizar suas imagens para máximo desempenho.

O que o PageSpeed analisa em imagens?

O Google PageSpeed verifica:

• Properly size images: Imagens no tamanho correto
• Serve images in next-gen formats: Uso de WebP/AVIF
• Efficiently encode images: Compressão adequada
• Defer offscreen images: Lazy loading

Passo a passo para otimização

1. Use formatos modernos

Converta suas imagens para WebP usando nosso conversor. WebP oferece até 35% de economia.

2. Dimensione corretamente

Nunca use imagens maiores que o necessário. Calcule o tamanho máximo de exibição e redimensione.

3. Comprima adequadamente

Use qualidade entre 80-90% para JPG/WebP. Abaixo disso, a perda de qualidade pode ser perceptível.

4. Implemente lazy loading

<img src="imagem.webp" loading="lazy" decoding="async" alt="Descrição">

5. Use responsive images

<img 
  srcset="imagem-400.webp 400w,
          imagem-800.webp 800w,
          imagem-1200.webp 1200w"
  sizes="(max-width: 800px) 100vw, 800px"
  src="imagem-800.webp"
  alt="Descrição"
>

Conclusão

Otimizar imagens pode facilmente adicionar 20-30 pontos à sua nota no PageSpeed. Comece convertendo para WebP!