Em 2021, o Google incluiu a experiência da página como fator de ranking. Os Core Web Vitals são as métricas centrais dessa avaliação - indicadores objetivos de como os usuários reais percebem a performance do seu site.
O que são Core Web Vitals
Core Web Vitals são três métricas que o Google usa para avaliar a experiência de carregamento, interatividade e estabilidade visual de uma página:
LCP - Largest Contentful Paint
O que mede: o tempo até que o maior elemento visível da página seja carregado e exibido.
O maior elemento costuma ser a imagem hero, o thumbnail do vídeo ou um bloco de texto grande.
| Classificação | Valor |
|---|---|
| Bom | Menor que 2,5 segundos |
| Precisa melhorar | 2,5s a 4s |
| Ruim | Maior que 4 segundos |
Principal causa de LCP ruim: imagem hero não otimizada, sem precarregamento.
INP - Interaction to Next Paint
O que mede: o tempo de resposta da página a interações do usuário (clique, toque, teclado).
INP substituiu o FID (First Input Delay) em março de 2024.
| Classificação | Valor |
|---|---|
| Bom | Menor que 200ms |
| Precisa melhorar | 200ms a 500ms |
| Ruim | Maior que 500ms |
Principal causa de INP ruim: JavaScript pesado bloqueando a thread principal do navegador.
CLS - Cumulative Layout Shift
O que mede: quanto o layout da página “pula” durante o carregamento - quando elementos mudam de posição inesperadamente.
Aquele fenômeno de tentar clicar em um botão e o anúncio carrega em cima e você clica no lugar errado? É CLS alto.
| Classificação | Valor |
|---|---|
| Bom | Menor que 0.1 |
| Precisa melhorar | 0.1 a 0.25 |
| Ruim | Maior que 0.25 |
Principal causa de CLS: imagens sem dimensões definidas, banners e anúncios carregando dinamicamente, fontes web causando FOUT (flash de texto sem estilo).
Como verificar os Core Web Vitals do seu site
Google Search Console
O Search Console tem uma seção de “Experiência da página” com os dados de Core Web Vitals coletados de usuários reais (dados de campo). É a fonte mais confiável.
Google PageSpeed Insights
Acesse pagespeed.web.dev, insira a URL e veja as métricas de laboratório e campo. Mostra sugestões específicas para melhorar cada métrica.
Chrome DevTools
Na aba “Performance” do Chrome DevTools, você pode simular diferentes velocidades de conexão e medir as métricas em laboratório.
As ações de maior impacto para melhorar cada métrica
Para melhorar LCP
- Otimize a imagem hero: converta para WebP, comprima sem perda de qualidade visível, defina dimensões explícitas
- Precarregue a imagem LCP: adicione
<link rel="preload" as="image" href="hero.webp">no<head> - Use CDN: arquivos servidos de um CDN chegam mais rápido ao usuário
- Habilite compressão GZIP/Brotli: reduz o tamanho dos arquivos transferidos
Para melhorar INP
- Reduza JavaScript não essencial: remova scripts que não são necessários na página
- Carregue scripts de forma assíncrona:
defereasyncnos scripts que não bloqueiam renderização - Adie scripts de terceiros: pixel de rastreamento, chat e widgets carregam depois do conteúdo principal
Para melhorar CLS
- Defina dimensões de imagens: sempre inclua
widtheheightnas tags<img> - Reserve espaço para banners e anúncios: defina o tamanho do container antes de o conteúdo carregar
- Use
font-display: swapem fontes web: evita que o layout “pule” ao carregar a fonte
Core Web Vitals vs. outros fatores de SEO
O Google afirma que conteúdo relevante continua sendo o fator mais importante. Uma página com excelente conteúdo pode ranquear bem mesmo com Core Web Vitals mediocres - mas uma página com bom conteúdo E bons Core Web Vitals tem vantagem sobre a concorrência.
Pense nos Core Web Vitals como um desempate: quando duas páginas têm conteúdo similar, a que oferece melhor experiência de usuário tende a ranquear melhor.
Seu site está passando nos Core Web Vitals?
Auditamos e otimizamos a performance do seu site para passar nas métricas do Google e melhorar o posicionamento.
Auditar performance do meu siteFAQ
Passar nos Core Web Vitals garante um bom ranking?
Não garante, mas contribui. Os Core Web Vitals são um dos sinais de ranking, não o único. Conteúdo, links e autoridade do domínio ainda têm peso maior na maioria dos casos.
Qual é a diferença entre dados de campo e dados de laboratório no PageSpeed?
Dados de laboratório são medições feitas em um ambiente controlado (simulação do PageSpeed). Dados de campo são medições coletadas de usuários reais do Chrome navegando no site. O Google usa dados de campo para o ranking. Se os dados diferem muito, pode ser sinal de problema específico com determinados dispositivos ou conexões.
Meu site tem score 90+ no desktop mas 45 no mobile. Qual importa mais?
Para a maioria dos sites, o tráfego mobile supera o desktop. O Google usa a indexação mobile-first, então a performance mobile tem mais impacto no ranking. Priorize a otimização mobile.
Como monitorar Core Web Vitals ao longo do tempo?
Google Search Console atualiza os dados a cada 28 dias com base em dados reais. Para monitoramento contínuo, configure o pacote web-vitals no JavaScript do site e envie os dados para o Google Analytics 4. Isso permite ver tendências e identificar regressões após atualizações.