Imagens que chegam antes do texto

Por Ana Souza,
A imagem principal de cada página carrega primeiro; as demais esperam a rolagem.
Formatos
AVIF onde o navegador aceita, WebP como alternativa e JPEG como último recurso.
Perguntas frequentes
- Por que a imagem principal não usa lazy loading?
- Porque ela é o maior elemento visível e adiar seu carregamento piora o LCP.
- O que é o placeholder LQIP?
- Uma versão de 16 pixels da imagem, embutida no HTML, que ocupa a área até a imagem real chegar.