Core Web Vitals: Guia Completo de LCP, INP e CLS [2026]

Os Core Web Vitals são um conjunto de métricas do Google que medem a experiência real do utilizador no seu website. Desde 2021, são fator oficial de ranking — e em 2026, o seu peso na classificação continua a aumentar.

As três métricas — LCP, INP e CLS — avaliam velocidade de carregamento, interatividade e estabilidade visual. Se o seu website não cumpre os thresholds do Google, está a perder posições nos resultados de pesquisa e, mais importante, está a perder clientes.

Neste guia, explicamos cada métrica em detalhe, como medi-las, e as técnicas específicas para as melhorar. Escrito pela equipa de SEO Técnico da PortugalSEO.

O Que São Core Web Vitals?

Core Web Vitals (CWV) são três métricas específicas criadas pelo Google para medir a qualidade da experiência do utilizador numa página web. Fazem parte de um conjunto mais alargado de sinais de experiência de página (Page Experience signals) que o Google utiliza como fator de ranking.

Em linguagem simples:

• LCP — Quão rápido a página carrega o conteúdo principal?
• INP — Quão rápido a página responde quando o utilizador clica ou interage?
• CLS — Os elementos da página mexem-se inesperadamente durante o carregamento?

Porque é que o Google criou os Core Web Vitals?

O Google quer mostrar resultados que não só tenham conteúdo relevante, mas que também ofereçam uma boa experiência. Dados do Google mostram que:

• Sites que cumprem CWV têm 24% menos abandono
• Uma melhoria de 0.1s no LCP pode aumentar conversões em 8%
• Páginas com CLS superior a 0.25 têm maior taxa de rejeição

Quais São as Três Métricas dos Core Web Vitals em 2026?

1. LCP — Largest Contentful Paint

O LCP mede quanto tempo demora a carregar o maior elemento visível da página (geralmente a imagem hero, um vídeo ou um bloco de texto grande). É o indicador de velocidade percebida pelo utilizador.

O que conta como LCP element:

• Imagens (incluindo background images em CSS)
• Vídeos (poster image)
• Blocos de texto grandes
• Elementos SVG

Causas comuns de LCP lento

• Imagens não otimizadas — Hero images de 2MB+ sem compressão
• Servidor lento — TTFB (Time to First Byte) elevado
• CSS e JavaScript bloqueantes — Recursos que impedem o render
• Fontes web lentas — Google Fonts sem preload
• Lazy loading no LCP element — Erro comum: aplicar lazy loading à imagem principal

Como melhorar o LCP

• Otimizar imagens: Formato WebP, compressão adequada, dimensões corretas. A imagem hero deve ter menos de 200KB.
• Preload do LCP element: <link rel=”preload” as=”image” href=”hero.webp”>
• Minimizar CSS bloqueante: Inline critical CSS, defer non-critical CSS
• CDN: Servir conteúdo estático a partir de servidores geograficamente próximos
• Server-side rendering: Renderizar o HTML no servidor em vez de depender de JavaScript do lado do cliente
• Cache: Configurar cache headers adequados (LiteSpeed, Cloudflare, etc.)
• Remover lazy loading do LCP: A imagem principal deve carregar imediatamente

2. INP — Interaction to Next Paint

O INP mede quanto tempo a página demora a responder às interações do utilizador — cliques, toques e pressionamentos de tecla. Substituiu o FID (First Input Delay) em março de 2024.

Diferença entre INP e FID: O FID media apenas o atraso do primeiro input. O INP mede a latência de todas as interações durante toda a visita e reporta o valor no percentil 75 — é uma métrica muito mais exigente e representativa.

Causas comuns de INP elevado

• JavaScript pesado — Scripts grandes que bloqueiam o main thread
• Third-party scripts — Google Tag Manager, chats, analytics, ads
• Event handlers complexos — Lógica pesada em resposta a cliques
• Layout thrashing — Leituras e escritas DOM repetidas

Como melhorar o INP

• Code splitting: Dividir JavaScript em chunks menores, carregados on-demand
• Defer third-party scripts: Carregar scripts externos depois do conteúdo principal
• Web Workers: Mover processamento pesado para threads separadas
• requestAnimationFrame: Agrupar atualizações visuais no ciclo de rendering
• Debounce/throttle: Limitar a frequência de event handlers
• Minimizar DOM: DOMs mais pequenos são mais rápidos de manipular

3. CLS — Cumulative Layout Shift

O CLS mede a estabilidade visual da página — quantos elementos se movem inesperadamente durante o carregamento. Já lhe aconteceu clicar num botão e a página “saltar”, fazendo-o clicar noutra coisa? Isso é CLS.

Causas comuns de CLS elevado

• Imagens sem dimensões — Imagens sem width/height definidos no HTML
• Anúncios dinâmicos — Banners que carregam depois e empurram conteúdo
• Fontes web (FOUT) — Flash of Unstyled Text quando a fonte carrega
• Conteúdo injetado dinamicamente — Banners de cookies, popups, elementos inseridos por JS
• Iframes sem dimensões — YouTube embeds, mapas, etc.

Como melhorar o CLS

• Definir dimensões em imagens e vídeos: <img width=”800″ height=”450″ …>
• Reservar espaço para anúncios: Usar min-height nos containers de ads
• font-display: swap + preload: Carregar fontes rapidamente sem layout shift
• Evitar injetar conteúdo acima do viewport: Banners e alertas devem ter espaço reservado
• CSS aspect-ratio: Usar a propriedade CSS aspect-ratio para reservar espaço proporcional
• Cuidado com o cookie banner: O banner deve ter posição fixa (fixed) para não empurrar conteúdo

Como Medir Core Web Vitals?

Existem duas formas de medir CWV — dados de campo (utilizadores reais) e dados de laboratório (simulados):

Dados de Campo (Field Data) — Os que o Google usa para ranking

Dados de Laboratório (Lab Data) — Para diagnóstico

Importante: O Google usa os dados de campo (CrUX) para o ranking, não os dados de laboratório. Os dados de laboratório servem para diagnosticar problemas e testar soluções.

Qual é o Impacto Real dos Core Web Vitals no Ranking?

Os CWV são um fator de ranking confirmado pelo Google, mas com nuances importantes:

• Não são o fator mais importante — Relevância do conteúdo e backlinks ainda pesam mais
• São um fator de desempate — Entre duas páginas igualmente relevantes, a com melhores CWV vence
• O impacto é progressivo — Não há “penalização” por CWV maus, mas há benefício por CWV bons
• Mobile é mais impactante — Os CWV mobile são avaliados separadamente e têm mais peso

Dados de mercado em 2026

• 45% dos sites ainda não cumprem os thresholds de CWV
• Sites com “bom” CWV têm em média +5.7% de tráfego orgânico vs. sites com CWV “mau”
• O INP é a métrica onde mais sites falham (substituiu FID em 2024, é mais exigente)

Como Otimizar Core Web Vitals em WordPress?

A maioria dos sites portugueses usa WordPress. Eis as otimizações específicas:

Plugins essenciais para CWV

• LiteSpeed Cache — Cache completo, minificação CSS/JS, lazy loading, CDN (ideal para Hostinger)
• WP Rocket — Alternativa premium: cache, preload, defer JS, minificação
• Imagify / ShortPixel — Compressão automática e conversão WebP
• Perfmatters — Desativar scripts desnecessários por página
• Asset CleanUp — Remover CSS/JS não utilizados em cada página

Otimizações técnicas para WordPress

1. Minimizar plugins — Cada plugin adiciona CSS/JS. Remova os desnecessários.
2. Tema leve — Evite temas pesados com page builders (Divi, Elementor). Opte por temas otimizados.
3. Hosting de qualidade — Hosting partilhado barato = TTFB lento. Invista em LiteSpeed ou cloud.
4. CDN — Cloudflare (gratuito) ou CDN do hosting para servir estáticos rapidamente.
5. PHP 8.2+ — Versões recentes do PHP são significativamente mais rápidas.
6. Base de dados — Limpar revisões, transients e tabelas órfãs regularmente.

Checklist de Core Web Vitals

LCP (≤ 2.5s)

• ☐ Imagens hero em WebP, <200KB
• ☐ Preload da imagem LCP no head
• ☐ CSS crítico inline, CSS não-crítico deferrido
• ☐ JavaScript com defer ou async
• ☐ TTFB < 800ms
• ☐ CDN ativo
• ☐ Cache de página ativo

INP (≤ 200ms)

• ☐ Third-party scripts deferridos
• ☐ JavaScript minificado e code-split
• ☐ Event handlers otimizados
• ☐ DOM < 1500 elementos
• ☐ Long tasks identificadas e corrigidas

CLS (≤ 0.1)

• ☐ Imagens com width/height explícitos
• ☐ Fontes com font-display: swap + preload
• ☐ Espaço reservado para ads e embeds
• ☐ Cookie banner com position: fixed
• ☐ Sem injeção de conteúdo acima do fold

Perguntas Frequentes Sobre Core Web Vitals

Conclusão

Os Core Web Vitals são uma componente essencial do SEO Técnico em 2026. Embora não sejam o fator de ranking mais pesado, são um diferenciador importante — e são essenciais para oferecer uma boa experiência que converte visitantes em clientes.

Comece por medir o estado atual no Google Search Console, identifique as páginas com piores métricas, e aplique as otimizações deste guia por prioridade.

Precisa de ajuda com Core Web Vitals? O serviço de SEO Técnico da PortugalSEO inclui auditoria completa de performance e implementação das otimizações necessárias. Fale connosco.