LCP, ou Largest Contentful Paint, é uma das três métricas Core Web Vitals da Google e mede o tempo que o maior elemento visível, normalmente uma imagem, um vídeo ou um bloco de texto, demora a ser renderizado no ecrã.
Definição abrangente
O LCP não mede quando a página começa a carregar, mas sim o momento em que o conteúdo principal, aquele que realmente dá sentido à página aos olhos de quem navega, fica visível. A Google considera uma pontuação boa até 2,5 segundos, a precisar de melhorias entre 2,5 e 4 segundos, e fraca acima de 4 segundos. Estes valores fazem parte da avaliação de Core Web Vitals usada pela Google como sinal de ranking, e são visíveis diretamente no relatório de Core Web Vitals do Search Console.
Informação relevante e com maior detalhe
Causas comuns de um LCP lento e como as resolver:
Tempo de resposta do servidor: um alojamento lento ou sem cache adequada atrasa tudo o resto, sendo muitas vezes o primeiro ponto a corrigir;
Imagens não otimizadas: ficheiros pesados sem compressão nem formatos modernos como WebP ou AVIF atrasam diretamente o elemento que costuma ser o próprio LCP;
Recursos que bloqueiam a renderização: ficheiros CSS e JavaScript carregados de forma síncrona no <head> atrasam a apresentação do conteúdo principal;
Carregamento tardio do elemento principal: quando a imagem ou o vídeo do LCP só é pedido depois de outro conteúdo carregar, vale a pena usar fetchpriority=”high” para o priorizar explicitamente.
Partilha este conteúdo: