Velocidade não é vaidade técnica: é receita. Página lenta perde visitante antes de existir chance de convencer. Este guia explica as três métricas de Core Web Vitals, o que cada uma mede, quais são as metas e o que fazer, na prática, para atingi-las.
As três métricas e suas metas
| Métrica | O que mede | Meta (bom) |
|---|---|---|
| LCP | tempo até o maior elemento visível aparecer | até 2,5 s |
| INP | resposta da página às interações do usuário | até 200 ms |
| CLS | estabilidade visual do layout | abaixo de 0,1 |
As metas valem para o percentil 75 dos acessos reais, medidos em campo. Teste de laboratório serve para diagnosticar; dado de campo é o que conta.
Como melhorar o LCP
- Identifique o elemento LCP — quase sempre a imagem de topo ou o título principal.
- Sirva imagens em WebP ou AVIF, com
widtheheightdeclarados. - Remova
loading="lazy"do elemento de topo e usefetchpriority="high". - Pré-carregue a imagem crítica e as fontes usadas acima da dobra.
- Aplique
font-display: swappara não bloquear a pintura do texto.
Como melhorar o INP
- Reduza JavaScript de terceiros — cada tag adicionada cobra pedágio na interação.
- Quebre tarefas longas e adie o que não é necessário na primeira tela.
- Carregue scripts de chat, mapa e vídeo apenas sob interação.
- Evite animações que dependem de layout a cada frame.
Como zerar o CLS
Reserve espaço para tudo que chega depois: imagens, banners, avisos de cookie e anúncios. Fontes com métricas muito diferentes da fallback também deslocam o texto — use size-adjust ou uma fallback próxima.
Como medir de forma confiável
Campo
Relatório de experiência do usuário do Chrome e Search Console mostram o comportamento real dos seus visitantes.
Laboratório
Lighthouse e WebPageTest ajudam a isolar a causa. Combine com os eventos do GA4 para relacionar velocidade e conversão por página.
Em páginas comerciais, tratar performance é parte do mesmo ciclo descrito em CRO e impacta diretamente a estrutura da landing page.
Checklist de Core Web Vitals
- Elemento LCP identificado por template de página.
- Imagens em WebP/AVIF com dimensões declaradas.
- Imagem de topo com fetchpriority alto e sem lazy loading.
- Fontes pré-carregadas com font-display: swap.
- Scripts de terceiros auditados e adiados.
- Espaço reservado para elementos assíncronos.
- Monitoramento de dado de campo no Search Console.
Conclusão
Core Web Vitals não é checklist de desenvolvedor: é infraestrutura de conversão. Corrigir LCP, INP e CLS aumenta o retorno de tudo que já está rodando, sem aumentar investimento em mídia.
Perguntas frequentes sobre core web vitals
O que são Core Web Vitals?
São três métricas de experiência do usuário definidas pelo Google: LCP, que mede o tempo até o maior elemento visível aparecer; INP, que mede a resposta às interações; e CLS, que mede a estabilidade visual do layout.
Quais são as metas de LCP, INP e CLS?
LCP até 2,5 segundos, INP até 200 milissegundos e CLS abaixo de 0,1, sempre considerando o percentil 75 dos acessos reais medidos em campo.
Core Web Vitals influenciam o ranqueamento no Google?
Sim, como parte dos sinais de experiência da página. O impacto direto no ranking é moderado, mas o efeito sobre conversão e abandono costuma ser bem maior.
Como melhorar o LCP de uma landing page?
Sirva a imagem principal em WebP ou AVIF com dimensões declaradas, remova o lazy loading do elemento de topo, use fetchpriority alto, pré-carregue a imagem crítica e aplique font-display swap.
Qual a diferença entre dado de laboratório e dado de campo?
Dado de laboratório vem de testes simulados, como o Lighthouse, e serve para diagnosticar. Dado de campo vem de usuários reais e é o que o Google considera na avaliação.
Sobre a autora
Kauára Bertoluci
Sócia e Head de Design de Conversão — KCLOCK
Designer de conversão. Responsável por transformar estratégia em interfaces, landing pages e e-commerces que vendem.
- #performance
- #seo técnico
- #cro
Quer aplicar isso no seu funil com quem faz todo dia?
A KCLOCK constrói funis, landing pages, sites e e-commerces de alta conversão. Fazemos o diagnóstico do seu funil atual e mostramos onde está a receita que você está deixando na mesa.
