Imagem: onde mora metade do peso da sua página

Abra uma matéria sua e olhe o tamanho da foto de abertura. Se passar de 300 KB,

ela sozinha pesa mais que todo o texto do site.

Um: formato moderno

WebP entrega qualidade equivalente ao JPEG com 25% a 35% menos bytes. É

suportado por todos os navegadores em uso hoje.

<picture>
  <source srcset="foto.webp" type="image/webp">
  <img src="foto.jpg" alt="Descrição da cena" width="1200" height="675">
</picture>

Dois: tamanho de verdade

Foto de 4000 pixels de largura exibida num espaço de 800 desperdiça 80% dos

bytes. O navegador baixa tudo e depois reduz. Redimensione no servidor.

Três: width e height sempre

Sem esses atributos, o navegador não sabe quanto espaço reservar, e o texto

pula quando a imagem chega. É a principal causa de CLS ruim em site de notícia

— e a correção mais barata que existe.

Carregamento tardio, com uma ressalva

loading="lazy" em toda imagem, menos na de abertura. A primeira imagem é

justamente a que o LCP mede: adiá-la piora a nota em vez de melhorar.

E o crédito

Enquanto mexe nas imagens: toda foto precisa do nome de quem a fez. Não é só

boa prática editorial, é o que sustenta o direito de uso. No feed RSS, o campo

é o media:credit.