Imagens que chegam antes do texto

Bigorna sobre a bancada da oficina

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.