Os Core Web Vitals do Google são métricas de experiência do utilizador que se tornaram factor de ranking desde 2021. Para sites WordPress, melhorar estas métricas não é apenas uma questão de SEO — é um reflexo directo da qualidade da experiência que o site oferece. O problema é que muitos tutoriais sobre Core Web Vitals são demasiado teóricos ou demasiado genéricos. Este guia é focado especificamente em WordPress, com acções concretas por métrica.
Antes de avançar para as soluções, é importante perceber o que cada métrica mede e quais são os valores aceitáveis. Sem este contexto, os valores do PageSpeed Insights são números sem significado prático.
As três métricas Core Web Vitals e os seus thresholds
| Métrica | O que mede | Bom | Precisa melhorar | Mau |
|---|---|---|---|---|
| LCP (Largest Contentful Paint) | Velocidade de carregamento do maior elemento visível | < 2,5s | 2,5s – 4s | > 4s |
| CLS (Cumulative Layout Shift) | Estabilidade visual (elementos que saltam) | < 0,1 | 0,1 – 0,25 | > 0,25 |
| INP (Interaction to Next Paint) | Responsividade a interacções do utilizador | < 200ms | 200ms – 500ms | > 500ms |
Como melhorar LCP num site WordPress
O LCP mede o tempo até o maior elemento visível da página estar carregado. Em WordPress, este elemento é frequentemente a imagem de hero da homepage, a imagem destacada de um post, ou a imagem principal de um produto WooCommerce.
Acções com maior impacto no LCP:
- Preload da imagem LCP: adicionar
<link rel="preload">à imagem identificada como LCP para que o browser a comece a descarregar antes de processar o HTML completo. Plugins como WP Rocket e RankMath permitem configurar isto. - Optimização da imagem LCP: converter para WebP, dimensionar para o tamanho real de exibição, e servir com o atributo
fetchpriority="high"para sinalizar prioridade ao browser. - Eliminar render-blocking resources: CSS e JavaScript que bloqueiam o rendering da página atrasam o LCP. Carregar CSS crítico inline e diferir o restante.
- Melhorar TTFB (Time to First Byte): um LCP fraco frequentemente começa com um TTFB lento. Cache de página, hosting de qualidade e CDN são os factores principais.
Como melhorar CLS num site WordPress
O CLS ocorre quando elementos da página saltam de posição enquanto carregam. Em WordPress, as causas mais comuns são:
- Imagens sem dimensões definidas: quando imagens não têm atributos
widtheheightno HTML, o browser não reserva espaço antes do carregamento — quando a imagem carrega, empurra o conteúdo abaixo. Solução: usar Gutenberg com dimensões correctas ou verificar que o tema gera sempre atributos width e height. - Anúncios e widgets externos: conteúdo de terceiros que carrega depois do HTML inicial e empurra o layout. Solução: reservar espaço com dimensões mínimas para estes elementos.
- Fontes web que causam FOUT: quando a fonte web substitui a fonte de sistema, o texto pode saltar se houver diferenças de espaçamento. Solução: usar
font-display: swape pre-load das fontes críticas.
Como melhorar INP num site WordPress
O INP (que substituiu o FID em 2024) mede a responsividade a interacções — cliques, teclado, toques. Em WordPress, problemas de INP são frequentemente causados por JavaScript excessivo no main thread.
- Diferir JavaScript não crítico: scripts que não são necessários para o carregamento inicial devem ser carregados com
deferouasync. - Remover JavaScript não utilizado: plugins desactivados que ainda carregam scripts, scripts de plugins de page builder em páginas que não usam o builder.
- Optimizar o JavaScript de plugins de terceiros: widgets de chat, pixel do Facebook, scripts de analytics — todos competem pelo main thread. Carregar após interacção do utilizador quando possível.
Ferramentas para medir Core Web Vitals em WordPress
- Google PageSpeed Insights: ferramenta principal, com dados de utilizadores reais (CrUX) e dados de laboratório. Distinguir entre os dois — os dados de campo são os que importam para ranking.
- Google Search Console: relatório de Core Web Vitals com dados agregados por URL e grupo de páginas. Identifica as páginas com mais problemas.
- WebPageTest.org: análise detalhada com filmstrip do carregamento, identificação do elemento LCP e métricas de layout shift.
- Chrome DevTools: Performance tab para análise detalhada do main thread e identificação de long tasks que afectam INP.
Core Web Vitals incluídos na manutenção WordPress da Vuvo
Os planos de manutenção da Vuvo incluem verificação periódica dos Core Web Vitals e optimizações correctivas para manter o site dentro dos thresholds do Google.
Ver planos de manutenção