Core Web Vitals são as três métricas que o Google usa para medir a experiência do usuário em um site: LCP (velocidade de carregamento), CLS (estabilidade visual) e INP (resposta a interações). Desde 2021, essas métricas são fator de ranqueamento oficial. Sites que reprovam no PageSpeed Insights perdem posições para concorrentes com conteúdo equivalente mas performance melhor.

Para sites WordPress, as causas de reprovação são sempre as mesmas: imagens sem otimização, plugins pesados carregando scripts desnecessários, hospedagem lenta e ausência de cache. Neste tutorial você vai ver como diagnosticar cada problema e quais ajustes fazem diferença real nas três métricas.

---

O que são Core Web Vitals e por que impactam o SEO

Core Web Vitals é o conjunto de métricas que o Google definiu como indicadores de experiência real do usuário. São diferentes de métricas técnicas como tempo de resposta do servidor porque medem o que o usuário percebe, não o que o servidor processa.

LCP: Largest Contentful Paint

LCP mede o tempo até o maior elemento visível da página carregar completamente. Na maioria dos sites WordPress, esse elemento é a imagem do hero ou o título principal.

Meta do Google: LCP abaixo de 2,5 segundos. Entre 2,5 e 4 segundos é considerado “precisa melhorar”. Acima de 4 segundos é ruim.

As causas mais comuns de LCP alto em WordPress são imagens sem compressão, ausência de preload da imagem hero e hospedagem com servidor lento no Brasil.

CLS: Cumulative Layout Shift

CLS mede o quanto os elementos da página se movem durante o carregamento. Um banner que aparece depois e empurra o texto para baixo, ou uma imagem sem dimensões definidas que expande ao carregar, geram CLS alto.

Meta do Google: CLS abaixo de 0,1. Entre 0,1 e 0,25 precisa melhorar. Acima de 0,25 é ruim.

Em WordPress, as causas mais comuns são banners de cookies sem dimensão fixa, widgets de redes sociais carregando dinamicamente e imagens sem atributos width e height definidos.

INP: Interaction to Next Paint

INP substituiu o FID em março de 2024 e mede o tempo de resposta do site a qualquer interação do usuário: clique, toque ou digitação. É a métrica mais difícil de melhorar porque depende do JavaScript executado no navegador.

Meta do Google: INP abaixo de 200ms. Entre 200ms e 500ms precisa melhorar. Acima de 500ms é ruim.

Em WordPress, INP alto geralmente vem de plugins que carregam JavaScript pesado em todas as páginas, mesmo nas que não precisam.

---

Como diagnosticar seu site

Antes de ajustar qualquer coisa, precisa saber onde está o problema.

PageSpeed Insights

Acesse pagespeed.web.dev e cole a URL do seu site. O relatório mostra os dados de campo (experiência real de usuários nos últimos 28 dias) e dados de laboratório (simulação). Os dados de campo são o que o Google usa para ranqueamento.

Verifique sempre a versão mobile. O Google usa mobile-first indexing, então a nota mobile é a que importa para SEO, mesmo que seu site seja principalmente acessado pelo desktop.

Google Search Console

No GSC, a seção “Experiência” mostra quantas URLs do seu site estão aprovadas, precisando de melhora ou ruins em cada métrica. Isso é mais valioso que o PageSpeed porque mostra o problema em escala, não em uma URL isolada.

Se o GSC mostra 40 URLs com LCP ruim, o problema é sistêmico (hospedagem ou imagens). Se são 3 URLs específicas, o problema está nessas páginas.

---

Como melhorar o LCP

1. Otimizar a imagem hero

A imagem do banner principal é o LCP na maioria dos sites WordPress. Três ajustes resolvem:

Compressão. Usar Imagify ou ShortPixel para reduzir o peso da imagem sem perda de qualidade visível. Uma imagem de 2 MB que pode ser comprimida para 200 KB representa 1,8 MB a menos no carregamento inicial.

Formato WebP. WebP é 30% menor que JPEG equivalente. Imagify e ShortPixel convertem automaticamente e servem WebP para navegadores compatíveis com fallback para JPEG.

Preload. Adicionar a tag de preload no header do WordPress para que o navegador comece a baixar a imagem hero antes de processar o restante do HTML:

“`html

“`

No WP Rocket, isso é configurável direto nas opções de media sem editar código.

2. Ativar cache de página

Sem cache, cada acesso ao seu site executa PHP e consultas ao banco de dados do zero. Com cache, o servidor serve um arquivo HTML estático pré-gerado. A diferença no TTFB (tempo de resposta do servidor) é de 800ms para menos de 100ms em hospedagens boas.

WP Rocket, LiteSpeed Cache e W3 Total Cache são as opções mais usadas. Para hospedagens com servidor LiteSpeed (como a maioria das hospedagens brasileiras de qualidade), o LiteSpeed Cache entrega os melhores resultados porque se integra diretamente com o servidor.

3. Usar CDN

CDN (Content Delivery Network) distribui os arquivos estáticos do site em servidores ao redor do mundo. Um usuário em Recife acessa os arquivos de um servidor em São Paulo, não nos Estados Unidos onde muitas hospedagens têm seu datacenter principal.

Cloudflare tem um plano gratuito que já resolve para a maioria dos sites. A configuração leva 15 minutos e o impacto no LCP é imediato, especialmente para usuários fora da região do servidor da hospedagem.

---

Como melhorar o CLS

1. Definir dimensões em todas as imagens

Imagens sem atributos width e height causam CLS porque o navegador não reserva espaço antes de carregá-las. Quando a imagem aparece, empurra o conteúdo abaixo.

Em WordPress, o editor de blocos adiciona dimensões automaticamente. O problema está em imagens inseridas via HTML personalizado ou em temas antigos. Verificar no PageSpeed quais elementos estão causando CLS e corrigir os atributos.

2. Estabilizar banners e widgets externos

Banners de cookies, pop-ups e widgets de redes sociais que aparecem depois do carregamento geram CLS alto. As soluções:

Reservar espaço fixo. Definir altura mínima via CSS para o container do banner antes de ele aparecer. O layout não se move porque o espaço já estava reservado.

Carregar de forma assíncrona fora da área visível. Widgets que aparecem apenas no rodapé ou em posições não visíveis no carregamento inicial não causam CLS.

3. Verificar fontes customizadas

Fontes do Google Fonts ou Adobe Fonts carregadas de forma padrão causam FOUT (Flash of Unstyled Text), onde o texto aparece primeiro na fonte padrão e depois muda para a fonte final. Isso gera CLS.

A solução é usar font-display: swap no CSS e precarregar as fontes principais. WP Rocket tem opção específica para otimização de fontes do Google.

---

Como melhorar o INP

INP é a métrica mais técnica das três e depende do JavaScript que roda no navegador.

1. Identificar scripts pesados

No PageSpeed Insights, a seção “Reduza o trabalho do thread principal” mostra quais scripts estão consumindo mais tempo de CPU do navegador. Frequentemente são plugins de chat, scripts de analytics pesados ou construtores de página com JavaScript excessivo.

2. Carregar scripts de forma diferida

Scripts que não são necessários no carregamento inicial devem ser carregados com defer ou async. WP Rocket tem uma opção de “Atrasar execução do JavaScript” que pode reduzir o INP significativamente em sites com muitos plugins.

A configuração exige testes porque alguns scripts precisam carregar na ordem correta. Ativar em modo de teste antes de aplicar em produção.

3. Desativar plugins desnecessários

Cada plugin ativo pode adicionar JavaScript ao frontend, mesmo que você só use o plugin no backend. Perfmatters e Asset CleanUp permitem desativar scripts de plugins específicos em páginas onde não são necessários.

A gente vê no suporte da FULL sites com 35 plugins ativos onde 12 estavam adicionando JavaScript ao frontend sem necessidade. Depois de limpar, o INP caiu de 450ms para 180ms sem alterar nenhuma funcionalidade visível.

---

Resultado esperado por ajuste

Ajuste	Métrica principal	Impacto esperado
Comprimir imagem hero	LCP	Alto
Ativar cache de página	LCP + TTFB	Alto
CDN	LCP	Médio-alto
Dimensões em imagens	CLS	Alto
Estabilizar banners	CLS	Médio
Diferir JavaScript	INP	Alto
Desativar plugins desnecessários	INP	Médio-alto
Preload de fontes	CLS	Médio

---

Como o plano PRO da FULL resolve a maioria disso

Configurar cada ajuste manualmente exige conhecimento técnico e tempo. O plano PRO da FULL inclui WP Rocket, Imagify e Perfmatters, que cobrem automaticamente a maior parte dos ajustes de LCP, CLS e INP, todos ativados com 1 clique direto do painel.

WP Rocket cuida do cache, CDN, preload de imagens e atraso de JavaScript. Imagify comprime e converte para WebP automaticamente. Perfmatters desativa scripts desnecessários por página.

Os três juntos avulsos custam aproximadamente R$650 por ano para 1 site. No plano PRO da FULL você tem os três mais 7 outros plugins premium por R$849,90 em 10 sites, o que representa R$85 por site com setup completo de performance.

Ative o WP Rocket com 1 clique no plano PRO FULL: full.services/planos

---

FAQ

Core Web Vitals afetam o ranqueamento do Google?

Sim, desde 2021. O Google usa os dados reais de Core Web Vitals dos usuários como fator de ranqueamento. Sites com boas métricas têm vantagem sobre concorrentes com conteúdo equivalente mas performance ruim, especialmente em nichos competitivos.

Qual nota mínima no PageSpeed para não perder posição?

O Google não divulga um threshold específico. O que importa é estar na faixa “bom” nas três métricas: LCP abaixo de 2,5s, CLS abaixo de 0,1 e INP abaixo de 200ms. Nota acima de 90 no PageSpeed geralmente indica que as três métricas estão aprovadas.

LiteSpeed Cache ou WP Rocket, qual é melhor?

Depende da hospedagem. Em servidores LiteSpeed, o LiteSpeed Cache tem vantagem por integração nativa. Em servidores Apache ou Nginx, WP Rocket entrega resultados mais consistentes e tem interface mais simples. Para a maioria das hospedagens brasileiras de qualidade, os dois funcionam bem.

Core Web Vitals ruins derrubam o site do Google?

Não derrubar no sentido de sair do índice. O impacto é perda de posição relativa para concorrentes com melhor performance. Em nichos menos competitivos, o impacto pode ser pequeno. Em nichos com muitos sites bem otimizados, pode ser decisivo.

Quanto tempo leva para melhorar depois dos ajustes?

O Google atualiza os dados de campo de Core Web Vitals a cada 28 dias. Depois de fazer os ajustes, o impacto começa a aparecer no GSC em 2 a 4 semanas. O PageSpeed Insights mostra melhora imediata nos dados de laboratório.

---

Conclusão

Core Web Vitals não são métricas técnicas opcionais. São o critério que o Google usa para decidir qual site merece posição melhor quando o conteúdo é equivalente.

Para a maioria dos sites WordPress, três ajustes resolvem a maior parte dos problemas: comprimir imagens com WebP, ativar cache de página e corrigir dimensões de imagens para eliminar CLS. Esses três juntos cobrem LCP e CLS, que são as métricas mais impactantes para SEO.

INP exige diagnóstico mais específico porque depende dos plugins instalados. O ponto de partida é o PageSpeed Insights mostrando quais scripts estão pesando no thread principal.

Para quem quer resolver tudo de uma vez sem configuração manual, o plano PRO da FULL inclui WP Rocket, Imagify e Perfmatters já integrados, cobrindo automaticamente a maioria dos ajustes de Core Web Vitals por R$849,90 por ano em 10 sites.

Ative o WP Rocket com 1 clique no plano PRO FULL: full.services/planos