O Largest Contentful Paint mede quando o maior elemento de conteúdo visível na viewport é renderizado durante o carregamento da página.
O que significa
O LCP é centrado na experiência do usuário: o candidato pode mudar enquanto a página é renderizada, e o valor final depende do maior elemento que aparece antes da interação.
O valor de LCP de campo descreve a experiência ao longo de várias visitas; ele não identifica uma causa única nem garante ranqueamento.
Como avaliar
Identifique o elemento LCP em um trace de laboratório e depois separe o atraso de resposta, de descoberta, de carregamento e de renderização.
Fluxo prático
- Defina a tarefa do usuário e o conjunto de páginas no escopo.
- Identifique o elemento LCP em um trace de laboratório e depois separe o atraso de resposta, de descoberta, de carregamento e de renderização.
- Escolha a mudança reversível mais simples.
- Faça o elemento crítico ser descoberto cedo e confirme o resultado renderizado e os dados de campo, quando houver.
- Reverifique o resultado renderizado e registre o escopo e a data da medição.
Exemplo concreto e verificação
Por exemplo, uma landing page pode mostrar o logo e a navegação rapidamente, enquanto a maior imagem acima da dobra continua sem ser descoberta até o código do lado do cliente rodar. A correção útil não é comprimir todas as imagens. Confirme o maior candidato em um trace e depois teste se a URL dele está no HTML inicial, se a prioridade faz sentido e se a renderização está presa atrás de trabalho não crítico.
Limites e erros comuns
Otimizar um recurso pequeno enquanto o elemento LCP real é outro desperdiça esforço.