SEO Técnico·17 de março de 2026·9 min de leitura

#core-web-vitals #technisches-seo #wordpress

Otimização de Core Web Vitals no WordPress: Melhorar LCP, INP e CLS (2026)

Core Web Vitals são um fator de ranking direto do Google. Mostramos passo a passo como melhorar de forma mensurável LCP, INP e CLS no seu site WordPress.

O que são Core Web Vitals e por que são um fator de classificação?

Desde a atualização do Google Page Experience, os Core Web Vitals são um fator de classificação direto — o Google os utiliza para avaliar a rapidez e estabilidade com que seu site carrega para usuários reais.

As três métricas em resumo:

LCP (Largest Contentful Paint): Quão rápido o maior elemento visível carrega? Meta: menos de 2,5 segundos.
INP (Interaction to Next Paint): Quão rápido a página responde à interação do usuário? Meta: menos de 200 ms.
CLS (Cumulative Layout Shift): Quão estável é o layout durante o carregamento? Meta: menos de 0,1.

De acordo com dados do HTTP Archive, apenas 44% de todos os sites WordPress passam nas três métricas em dispositivos móveis. Essa é a sua oportunidade de ultrapassar os concorrentes.

Diagnóstico: Onde você está?

Antes de otimizar, você precisa medir. Estas ferramentas mostram seu desempenho atual:

Google PageSpeed Insights analisa uma URL tanto no modo de laboratório quanto no modo de dados de campo (dados reais de usuários do Chrome User Experience Report). Insira suas páginas mais importantes — página inicial, páginas de categorias, páginas de produtos.

Google Search Console → Relatório de Core Web Vitals mostra todas as páginas do seu domínio classificadas como "ruins" ou "precisam de melhorias". Este é o ponto de partida mais importante, porque o Google usa exatamente esses dados para o ranking.

WebPageTest.org permite testes com diferentes dispositivos e velocidades de rede — ideal para simular realisticamente a experiência do usuário móvel.

Melhorar o LCP: Carregar o maior elemento mais rápido

O LCP é determinado na maioria dos sites WordPress por uma imagem hero, um título H1 ou uma grande miniatura de vídeo.

Otimizar imagens hero:

Entregar imagens no formato WebP (30–50% menores que JPEG/PNG)
Marcar a imagem LCP com fetchpriority="high":
Desativar explicitamente o carregamento preguiçoso para a imagem LCP: loading="eager"

Reduzir o TTFB (Time to First Byte): Um servidor lento atrasa tudo. Verifique seu provedor de hospedagem — para WordPress, provedores com cache no servidor são recomendados. Meta: TTFB abaixo de 800 ms.

Inserir CSS crítico inline: Arquivos CSS bloqueiam a renderização. Ferramentas como WP Rocket ou NitroPack podem extrair automaticamente o CSS crítico e inseri-lo inline no , enquanto o restante carrega de forma assíncrona.

Plugins recomendados para LCP:

WP Rocket — Solução tudo-em-um com pré-carregamento, CSS crítico e otimização de TTFB
Imagify / ShortPixel — Conversão e compressão automática para WebP
Cloudflare (gratuito) — CDN reduz significativamente o TTFB globalmente

Melhorar o INP: Fazer a página responder às interações

O INP substituiu a antiga métrica FID em 2024 e mede o tempo de resposta para todas as interações do usuário (cliques, toques, entrada por teclado).

Reduzir o excesso de JavaScript: Cada plugin desnecessário carrega JavaScript. Desative plugins que você não precisa. Com a aba Performance do Chrome DevTools, você pode ver quais scripts demoram mais para bloquear.

Carregar scripts sob demanda: Plugins como Perfmatters permitem carregar scripts apenas em páginas específicas ou somente após interação do usuário (defer, async).

Eliminar recursos que bloqueiam a renderização: Scripts no sem defer ou async bloqueiam completamente a renderização. A maioria dos plugins modernos carrega corretamente, mas temas e plugins mais antigos frequentemente não.

Eliminar o CLS: Sem mais mudanças de layout

Nada frustra mais os usuários do que uma página que se move durante o carregamento, fazendo-os clicar no botão errado.

Sempre incluir dimensões das imagens: Sem os atributos width e height, o navegador não sabe quanto espaço uma imagem precisa antes de carregar:

<img src="imagem.webp" width="800" height="450" alt="..." />

Estabilizar fontes web: Fontes personalizadas causam Flash of Invisible Text (FOIT) ou Flash of Unstyled Text (FOUT). Solução: font-display: swap na declaração CSS. Ainda melhor: hospedar fontes localmente em vez de carregar do Google Fonts.

Reservar espaço para anúncios e incorporações: Quando anúncios, incorporações do YouTube ou banners de cookies são inseridos na página após o carregamento, o layout se desloca. Sempre reserve uma altura fixa para esses elementos via CSS.

Monitoramento: Manter o controle dos valores a longo prazo

A otimização não é uma tarefa única. Cada novo plugin, cada atualização de tema pode piorar os Core Web Vitals.

Google Search Console alerta automaticamente quando páginas caem na categoria "ruim".

AniSEO monitora continuamente seu site WordPress e sugere proativamente otimizações — antes que uma perda de classificação ocorra.

Monitorar Core Web Vitals automaticamente com AniSEO →

Artigos relacionados: