Core Web Vitals WordPress: Guia Prático para Pontuação Verde em 2025

Core Web Vitals são um conjunto de métricas de performance definidas pelo Google que medem a experiência real do utilizador. Desde 2021 que influenciam directamente o ranking nos resultados de pesquisa. Em 2025, com a substituição do FID pelo INP, muitos sites que tinham "verde" passaram a ter problemas. Este guia explica cada métrica e as optimizações específicas para WordPress.

As três métricas Core Web Vitals

LCP — Largest Contentful Paint

O que mede: o tempo até ao maior elemento visível no viewport (imagem hero, bloco de texto principal) estar completamente carregado.

Threshold bom: ≤ 2,5 segundos. Precisa de melhorar: 2,5s – 4s. Mau: > 4s.

Causas comuns de LCP lento em WordPress:

• Imagem hero servida sem preload — o browser descobre a imagem tarde no HTML
• Hosting com TTFB alto (servidor lento a responder)
• Imagem hero não optimizada (10MB em vez de 80KB WebP)
• Render-blocking CSS que atrasa o carregamento do conteúdo visível

Correcções principais: adicionar <link rel="preload"> para a imagem hero, optimizar imagens para WebP, melhorar TTFB com cache de página e hosting melhor, e fazer defer de CSS não-crítico.

INP — Interaction to Next Paint

O que mede: o tempo de resposta do site a interacções do utilizador (cliques, toque, teclado) — mede o pior 75% das interacções numa sessão.

Threshold bom: ≤ 200ms. Precisa de melhorar: 200ms – 500ms. Mau: > 500ms.

INP substituiu o FID em Março de 2024 e é mais exigente: mede todas as interacções, não apenas a primeira. Sites que tinham FID verde podem ter INP amarelo ou vermelho.

Causas comuns de INP alto em WordPress:

• JavaScript pesado de page builders (Elementor, Divi) que bloqueia o main thread
• Scripts de terceiros (chat widgets, pop-ups, tracking) que executam código no click
• Animações CSS/JS não optimizadas que causam layout recalculation

Correcções: auditar com Chrome DevTools (Performance tab → Interactions), defer scripts de terceiros, substituir animações JS por CSS transforms, considerar tema mais leve se o page builder for o problema central.

CLS — Cumulative Layout Shift

O que mede: a estabilidade visual da página — quanto os elementos se movem durante o carregamento (o botão que muda de sítio quando uma imagem acima carrega).

Threshold bom: ≤ 0,1. Precisa de melhorar: 0,1 – 0,25. Mau: > 0,25.

Causas comuns de CLS alto em WordPress:

• Imagens sem atributos width e height — o browser não reserva espaço antes de carregarem
• Anúncios ou banners injectados dinamicamente que empurram conteúdo
• Fontes web que causam FOIT/FOUT (Flash of Invisible/Unstyled Text) sem font-display: swap
• Elementos que aparecem após carregamento de scripts (cookies banners, chat widgets)

Correcções: sempre definir width e height em imagens, usar aspect-ratio em CSS para containers de media, reservar espaço para ads e widgets com CSS, e usar font-display: optional para fontes não-críticas.

Como medir Core Web Vitals

Existem dois tipos de dados: dados de campo (real user data) e dados de laboratório (testes sintéticos). O Google usa dados de campo do CrUX (Chrome User Experience Report) para rankings.

• PageSpeed Insights — mostra dados de campo (CrUX) e dados de laboratório (Lighthouse). Gratuito.
• Google Search Console → Relatório Core Web Vitals — mostra quais URLs têm problemas com dados reais de utilizadores.
• Chrome DevTools → Lighthouse — análise laboratorial com sugestões de correcção detalhadas.
• web-vitals.js — biblioteca JavaScript oficial do Google para medir CWV em produção com dados reais.

Stack WordPress optimizada para Core Web Vitals

A combinação que consistentemente atinge verde em todos os CWV:

• Hosting com PHP-FPM, Redis object cache, e CDN integrado (Cloudways, Kinsta, ou VPS gerido)
• Tema leve: GeneratePress, Kadence, ou Blocksy (carregam <30KB de CSS)
• Cache de página: WP Rocket ou LiteSpeed Cache
• Optimização de imagens: Imagify ou ShortPixel (conversão automática para WebP)
• Cloudflare (gratuito) para CDN e compressão adicional

Page builders pesados (Elementor, Divi) são compatíveis com pontuação verde mas exigem configuração cuidadosa e devem ser usados apenas quando estritamente necessários.

Impacto real no ranking e conversão

O impacto directo no ranking é modesto para a maioria dos sites — Core Web Vitals são um "tiebreaker" entre sites de qualidade similar. O impacto indirecto, via experiência de utilizador e taxas de conversão, é mais significativo: estudos do Google mostram que sites que passam de "precisa de melhorar" para "bom" em LCP registam melhorias de 15-30% em taxas de conversão mobile.