Como corrigir LCP alto no WordPress (Core Web Vitals)
O que é o LCP alto no WordPress?
O LCP alto no WordPress é uma falha de Core Web Vitals: o Largest Contentful Paint mede em quanto tempo o maior elemento visível da janela (uma imagem hero, um banner ou o bloco de título) termina de aparecer. A meta do Google é abaixo de 2,5 segundos; entre 2,5s e 4s é “precisa melhorar” e acima de 4s é “ruim”. Um LCP alto significa que o visitante encara uma tela quase vazia por tempo demais, o que prejudica a experiência e o ranqueamento. As causas se concentram em servidor lento, recursos que bloqueiam o render e o próprio elemento LCP ser pesado.
Como identificar
- O PageSpeed Insights marca o LCP acima de 2,5s, em amarelo ou vermelho, no relatório de Core Web Vitals.
- O Search Console acusa URLs com “LCP maior que 2,5 s” no relatório de Core Web Vitals.
- A imagem ou o banner do topo da página demora visivelmente a aparecer ao carregar.
- O campo “Reduce server response time (TTFB)” aparece como oportunidade no PageSpeed, indicando atraso antes do render.
Como prevenir
- Mantenha cache de página e CDN ativos para segurar o TTFB baixo em todas as páginas
- Sirva imagens em WebP/AVIF comprimidas e nunca aplique lazy loading ao elemento do topo
- Monitore o LCP no Search Console com regularidade para pegar regressões logo após mudanças no tema ou plugins
Causa
- TTFB (tempo de resposta do servidor) alto por hospedagem lenta, ausência de cache de página ou PHP não otimizado.
- Imagem hero (elemento LCP) sem compressão, em formato antigo (JPEG/PNG em vez de WebP/AVIF) ou sem dimensões servidas.
- CSS e JavaScript que bloqueiam a renderização carregados antes do elemento LCP, adiando a pintura.
- Imagem LCP com lazy loading aplicado por engano, atrasando o carregamento do que deveria vir primeiro.
- Fontes web carregadas de forma bloqueante, sem preload nem font-display, segurando o texto do topo.
Como resolver
- Identifique o elemento LCP: rode o PageSpeed Insights e veja no detalhe do LCP qual elemento foi medido (quase sempre a imagem ou o título do topo). Você só otimiza o que conhece.
- Ataque o TTFB com cache de página: ative um plugin de cache de página e, se possível, cache no servidor e CDN. Reduzir o tempo de resposta corta uma parte fixa do LCP de todas as páginas.
- Otimize a imagem LCP: converta o hero para WebP ou AVIF, comprima e sirva no tamanho exibido. Remova o lazy loading desse elemento específico para ele carregar de imediato.
- Faça preload do recurso LCP: adicione uma tag de preload da imagem (ou da fonte) do topo no head, com fetchpriority alto, para o navegador buscá-la com prioridade.
- Elimine o render-blocking: no plugin de performance, adie ou minifique o JavaScript não crítico e inline o CSS crítico, liberando a renderização do topo antes do resto.
- Meça de novo com dados de campo: depois das mudanças, confira o LCP no PageSpeed e aguarde o Search Console atualizar os dados de campo (CrUX), que refletem usuários reais.
<!-- No <head> do tema: prioriza o carregamento do elemento LCP (imagem hero) -->
<link rel="preload" as="image"
href="/wp-content/uploads/hero.avif"
type="image/avif"
fetchpriority="high">
<!-- A tag da imagem hero: SEM lazy loading + dimensoes explicitas -->
<img src="/wp-content/uploads/hero.avif"
width="1280" height="720"
fetchpriority="high" loading="eager"
alt="Descricao do banner">














