RednewDesenvolvimento
Core Web Vitals: o que são, as metas de cada uma e como medir
Pontos principais
- LCP até 2,5 s, INP até 200 ms e CLS até 0,1.
- As metas valem para o percentil 75 das visitas.
- O INP substituiu o FID em março de 2024.
- Laboratório e campo medem coisas diferentes.
A resposta curta: Core Web Vitals são três medidas de experiência na página definidas pelo Google: LCP (quanto o conteúdo principal demora a aparecer), INP (quanto a página demora a responder às interações) e CLS (quanto o layout pula enquanto carrega). As metas boas são LCP até 2,5 s, INP até 200 ms e CLS até 0,1, no percentil 75 das visitas.
As três medidas e as metas
| Medida | O que mede | Meta boa |
|---|---|---|
| LCP | Tempo até o maior elemento visível aparecer | até 2,5 s |
| INP | Tempo de resposta às interações (toque, clique, tecla) | até 200 ms |
| CLS | Quanto o layout se desloca sem o usuário pedir | até 0,1 |
As metas valem para o percentil 75 das visitas, ou seja, pelo menos 3 de cada 4 visitas precisam atingir o valor (web.dev). O INP substituiu o FID como Core Web Vital em março de 2024 (anúncio).
Laboratório e campo
Existem dois tipos de dado. O de laboratório vem de um teste controlado, como o Lighthouse do PageSpeed Insights, que simula um celular com rede limitada. O de campo vem de visitas reais, agregadas quando o site tem tráfego suficiente.
- Laboratório: bom para encontrar a causa e testar uma correção na hora.
- Campo: mostra o que os visitantes realmente vivem.
- O INP depende de interação real; no laboratório, o Total Blocking Time (TBT) serve como indicador aproximado.
Como medir
- Rode o PageSpeed Insights na URL: ele mostra os dados de campo (se houver) e o teste de laboratório.
- No Chrome, use o DevTools (aba Lighthouse e aba Performance) para investigar com calma.
- Para dados de campo do próprio site, a biblioteca web-vitals permite medir nas visitas reais e mandar para a sua ferramenta de análise.
import { onLCP, onINP, onCLS } from 'web-vitals';
onLCP(console.log);
onINP(console.log);
onCLS(console.log);As causas mais comuns de cada uma
| Medida | Causa comum | Primeiro passo |
|---|---|---|
| LCP | Imagem principal pesada ou carregada tarde | Otimizar a imagem e dar prioridade a ela |
| INP | JavaScript longo travando a thread principal | Dividir tarefas longas e adiar o que não é urgente |
| CLS | Imagem sem dimensões, anúncio ou fonte que empurra o conteúdo | Declarar width e height e reservar espaço |
Declarar width e height nas imagens deixa o navegador reservar o espaço e evita o deslocamento (web.dev sobre CLS).
Em resumo
- LCP até 2,5 s, INP até 200 ms, CLS até 0,1.
- Meta no percentil 75 das visitas.
- Laboratório acha a causa; campo mostra a realidade.
- Comece pela causa mais comum de cada medida.
Quer medir um site agora? Use a análise de site grátis ou veja SEO e performance.
Perguntas frequentes
O que é o percentil 75?
Significa que pelo menos 75% das visitas precisam atingir a meta. É uma forma de olhar para a experiência da maioria, e não da média.
A nota do PageSpeed é a mesma coisa que as Core Web Vitals?
Não. A nota de 0 a 100 vem do Lighthouse, num teste simulado. As Core Web Vitals de campo vêm de visitas reais, quando há dados suficientes.
Por que o meu site tem nota boa e Core Web Vitals ruins?
O teste de laboratório roda numa condição fixa; os usuários reais têm aparelhos e redes variados. Os dois podem divergir.
O que aconteceu com o FID?
Ele foi substituído pelo INP como Core Web Vital em março de 2024. O INP mede a resposta às interações ao longo da visita, e não só a primeira.
