LCP (Largest Contentful Paint): definição e otimização
Definição
O LCP (Largest Contentful Paint) mede o tempo necessário para exibir o maior elemento visível da página — geralmente uma imagem. É um dos Core Web Vitals do Google.
Um bom LCP fica abaixo de 2,5 segundos. Como o elemento LCP costuma ser uma imagem (banner, produto, foto de cabeçalho), seu peso e formato afetam diretamente o resultado. Tornar essa imagem mais leve, servindo no formato certo, é uma das melhores formas de melhorar o LCP.
Pontos-chave
O peso importa
Uma imagem LCP pesada atrasa a visualização. Convertê-la para WebP/AVIF reduz muito o tempo de renderização.
O tamanho certo
Servir a imagem no tamanho realmente exibido evita download de pixels desnecessários.
A proximidade importa
Entregar a imagem por um CDN próximo ao visitante reduz a latência e melhora o LCP.