Core Web Vitals: guia prático
TL;DR
- Core Web Vitals medem a experiência de página: carregamento, interatividade e estabilidade.
- LCP < 2,5s, INP < 200ms, CLS < 0,1 são os limites de bom.
- Medem-se em laboratório (PageSpeed Insights) e em campo (Search Console).
- Não são um fator mágico, mas contam e afetam conversão.
Os três Core Web Vitals
- 1LCP carregamento
- 2INP interatividade
- 3CLS estabilidade
Experiência de página que conta
É quase sempre no telemóvel que um site chumba os Core Web Vitals - e é o telemóvel que o Google mede. São três métricas da experiência real de uso de uma página. Não ganham rankings sozinhas. Mas uma página lenta ou aos saltos perde utilizadores antes de o conteúdo ter hipótese.
As três métricas
| Métrica | Mede | Bom |
|---|---|---|
| LCP | Tempo até ao maior elemento carregar | < 2,5s |
| INP | Resposta à interação do utilizador | < 200ms |
| CLS | Estabilidade visual (saltos de layout) | < 0,1 |
Como melhorar
LCP: imagens e servidor. INP: cortar JavaScript pesado. CLS: reservar espaço para imagens e anúncios, para a página não saltar debaixo do dedo. Mede no PageSpeed Insights, confirma no campo pelo Search Console, e não persigas o 100: o alvo é "bom" com utilizadores reais, não um número bonito em laboratório. Faz parte do checklist de SEO técnico e do serviço de SEO.
Vê no vídeo do Google
Dados-chave
| LCP - Largest Contentful Paint | ≤ 2,5 s |
|---|---|
| INP - Interaction to Next Paint | ≤ 200 ms |
| CLS - Cumulative Layout Shift | ≤ 0,1 |
| Percentil de visitas que tem de cumprir | 75% |
| INP substituiu o FID | mar. 2024 |
Fontes: web.dev / Google · Google - INP
Erros comuns e como fazer bem
Já vi obsessões com CWV que ignoravam o conteúdo. Equilíbrio - mas há erros que doem mesmo no INP:
| Evita (erro comum) | Faz (boa prática) |
|---|---|
| ✗ Perseguir 100/100 no PageSpeed como troféu | ✓ Focar nos limites de campo (Search Console), não no laboratório |
| ✗ Injetar JavaScript pesado de terceiros sem controlo | ✓ Reduzir e adiar JS - o INP agradece |
| ✗ Carregar imagens sem dimensões definidas | ✓ Reservar espaço (width/height) para evitar CLS |
| ✗ Otimizar só a homepage | ✓ Medir os templates que geram mais tráfego |
Ferramentas que uso e recomendo
- PageSpeed InsightsCore Web Vitals e diagnóstico de performance (grátis, Google).
- Google Search ConsolePerformance orgânica, cobertura e Core Web Vitals de campo.
- Screaming Frog SEO SpiderCrawl técnico e auditoria on-page em profundidade.
Fontes
Perguntas frequentes
Os Core Web Vitals são fator de ranking?
São um sinal de experiência de página, entre muitos. Contam, mas não superam relevância e qualidade. Ver SEO →
Laboratório ou campo?
Ambos: o PageSpeed Insights dá dados de laboratório; o Search Console mostra dados reais de utilizadores. Checklist técnico →