🎉 USE O CUPOM DESCONTO.FULL | 20% OFF acima de R$ 50,00

Como corrigir LCP alto no WordPress (Core Web Vitals)

Time Full Services Time Full Services
Tipo Performance & Velocidade
Nome do erro LCP alto (Core Web Vitals) EN: High LCP (Largest Contentful Paint)
Severidade Grave
Descrição LCP alto no WordPress é quando o Largest Contentful Paint, o tempo até o maior elemento visível (geralmente a imagem ou o título do topo) ser renderizado, passa de 2,5 segundos. Costuma vir de servidor lento (TTFB), imagem hero pesada ou recursos que bloqueiam a renderização.

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

  1. 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.
  2. 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.
  3. 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.
  4. 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.
  5. 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.
  6. 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.
HTML
<!-- 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">

Perguntas frequentes

Qual é o valor ideal de LCP no WordPress?
A meta do Google é LCP abaixo de 2,5 segundos com dados de campo. Entre 2,5s e 4s o status é "precisa melhorar" e acima de 4s é considerado ruim, prejudicando experiência e ranqueamento.
O que costuma ser o elemento LCP em um site WordPress?
Quase sempre é a imagem hero do topo, um banner grande ou o bloco de título principal. O PageSpeed Insights mostra exatamente qual elemento foi medido como LCP naquela URL.
Por que não devo aplicar lazy loading na imagem do topo?
Porque o lazy loading adia o carregamento até o elemento entrar na tela, e o elemento LCP já está visível desde o início. Adiá-lo aumenta o LCP. Use loading="eager" na imagem do topo e lazy loading só nas imagens abaixo da dobra.
Melhorar o TTFB resolve o LCP sozinho?
Ajuda bastante, porque o TTFB é uma parcela fixa do LCP, mas raramente basta sozinho. É preciso combinar servidor rápido com imagem LCP otimizada e remoção de recursos que bloqueiam a renderização.
Mudei o site mas o PageSpeed ainda mostra LCP alto. Por quê?
O PageSpeed tem o teste de laboratório (instantâneo) e os dados de campo (CrUX), que são uma média de 28 dias de usuários reais. As correções aparecem na hora no laboratório, mas os dados de campo demoram semanas para refletir a melhora.
Plugins de cache ajudam a baixar o LCP?
Sim. O cache de página reduz o TTFB, e os recursos de otimização (minificar JS, inline de CSS crítico, preload) atacam o render-blocking. Mas configure com cuidado para não combinar scripts essenciais e quebrar o site.

Seja PRO.

Tenha acesso a snippets de código premium — PHP, JavaScript, CSS e HTML prontos para usar em seus projetos.

Conhecer o plano Pro →

Uma nova era para o WordPress.

A FULL Services redefine o CMS com uma arquitetura modular que transforma o WordPress em um motor de crescimento digital. 

Painéis personalizados

Um novo nível de controle para o WordPress. Acompanhe métricas, automações e evolução do seu site em um único painel visual.

A força por trás de grandes marcas

Para agências, estúdios e profissionais independentes que desejam oferecer soluções de alto nível com sua própria marca.

Componentes

Hero Sections

30 componentes

Seções de CTA

14 componentes

Login

14 componentes

Blog

14 componentes

Cabeçalhos

24 componentes

Seções de FAQ

53 componentes

Cadastro

53 componentes

Blog individual

53 componentes

Rodapés

28 componentes

Seções de contato

27 componentes

Seções de preços

27 componentes

Faixas

27 componentes

Portfólio

16 componentes

Seções de equipe

12 componentes

Números

12 componentes

Logotipos

12 componentes