O que é LCP?
LCP, sigla de Largest Contentful Paint (em tradução livre, maior renderização de conteúdo), é a métrica que mede quanto tempo o maior elemento visível da primeira tela leva para aparecer, contado a partir do início do carregamento. Esse elemento costuma ser a imagem de destaque, um vídeo ou o bloco principal de texto.
O LCP faz parte dos Core Web Vitals, o conjunto de métricas de experiência que o Google usa como sinal de ranqueamento. O LCP captura o momento em que o usuário sente que a página carregou, porque o conteúdo principal ficou visível.
Na prática de SEO técnico, o LCP é a métrica de velocidade mais acompanhada, porque depende de fatores controláveis: tempo de resposta do servidor, peso das imagens, ordem de carregamento dos recursos e uso de CDN.
Como calcular o LCP?
LCP = instante em que o maior elemento visível termina de renderizar - instante do início do carregamentoO LCP é medido pelo navegador, e a medição segue três passos:
- O usuário solicita a página e o relógio começa a contar no início da navegação.
- O navegador registra cada elemento grande que aparece na primeira tela.
- Quando o maior deles termina de renderizar, o navegador marca o tempo. Esse valor é o LCP.
Exemplo concreto: em uma loja virtual, o maior elemento da home é o banner principal. A página começa a carregar no instante zero e o banner aparece completo aos 3,8 segundos, então o LCP é 3,8 s, acima da meta de 2,5 s. Após comprimir a imagem, servir o formato WebP e priorizar o carregamento do banner, o LCP cai para 2,1 s e entra na faixa boa.
Você mede o LCP no PageSpeed Insights e acompanha o site inteiro no relatório de Core Web Vitals do Google Search Console.
LCP vs INP vs CLS: qual a diferença?
| Métrica | O que mede | Quando usar |
|---|---|---|
| LCP | Tempo até o maior conteúdo aparecer | Diagnosticar lentidão de carregamento |
| INP | Latência das interações (cliques, toques) | Diagnosticar página travada ao interagir |
| CLS | Deslocamentos inesperados do layout | Diagnosticar elementos que pulam na tela |
Veredito: o LCP mede a velocidade de chegada do conteúdo, e as métricas irmãs medem responsividade e estabilidade depois que ele chega.
Exemplos de uso
- Um e-commerce descobre LCP de 5,2 s no mobile por causa de banners de 2 MB. A compressão das imagens e o carregamento prioritário derrubam o LCP para 2,3 s.
- Um portal de notícias identifica que o servidor demora 1,8 s para responder. A ativação de cache derruba o tempo de resposta e o LCP das matérias sai da faixa ruim.
Valores de referência
A documentação do Google define as faixas, medidas no percentil 75 dos acessos reais:
| Classificação | LCP |
|---|---|
| Bom | Até 2,5 s |
| Precisa melhorar | De 2,5 s a 4,0 s |
| Ruim | Acima de 4,0 s |
Erros comuns
- Otimizar apenas com dados de laboratório e ignorar os dados de usuários reais, que são os que valem para o Google.
- Aplicar lazy loading na imagem principal da primeira tela, atrasando justamente o elemento do LCP.
- Focar em imagens e esquecer o tempo de resposta do servidor, que é a base de todo o carregamento.
- Medir só no desktop, quando a maior parte do tráfego e dos problemas está no mobile.
Perguntas frequentes sobre LCP
Qual é um bom LCP?
O Google considera bom um LCP de até 2,5 segundos, medido no percentil 75 dos acessos reais, ou seja, pelo menos 75% das visitas dentro desse tempo. Entre 2,5 s e 4,0 s a página precisa melhorar, e acima de 4,0 s a experiência é classificada como ruim.
O que costuma deixar o LCP alto?
As causas mais frequentes são servidor lento para responder, imagens pesadas no topo da página, CSS e JavaScript que bloqueiam a renderização e fontes customizadas mal carregadas. O diagnóstico do PageSpeed Insights aponta qual elemento é o LCP e quais recursos atrasam a renderização dele.
LCP afeta o ranqueamento no Google?
Sim, como parte dos Core Web Vitals, que integram os sinais de experiência de página do algoritmo do Google. O peso é moderado: conteúdo relevante segue sendo o fator principal. Entre páginas de relevância parecida, a experiência melhor tende a levar vantagem.