O Que Sao Core Web Vitals? | Glossario de SEO

Core Web Vitals sao tres metricas-chave de experiencia do usuario definidas pelo Google que quantificam a velocidade de carregamento, a responsividade e a estabilidade visual de uma pagina da web.

Por Que Importa

Core Web Vitals sao um fator oficial de ranking de busca incluido no algoritmo de Page Experience do Google. Segundo analises do setor em 2025-2026, elas respondem por cerca de 10-15% do total dos sinais de ranking. Para palavras-chave altamente competitivas, sites que atendem as tres metricas relataram uma melhora de 8-15% na visibilidade de busca. Por outro lado, de acordo com dados do Web Almanac de 2025, apenas cerca de 48% das paginas mobile e 56% das paginas desktop passam nos tres limites - o que significa que a otimizacao de Core Web Vitals representa uma oportunidade real de ganhar vantagem competitiva.

As Tres Metricas Centrais

LCP (Largest Contentful Paint) - Desempenho de Carregamento

Mede o tempo que o conteudo principal da pagina (a maior imagem ou bloco de texto) leva para ser renderizado na tela.

Classificacao	Limite
Bom	<= 2,5s
Precisa Melhorar	2,5s - 4,0s
Ruim	> 4,0s

INP (Interaction to Next Paint) - Responsividade

Mede o atraso entre uma interacao do usuario (clique, toque, entrada de teclado etc.) e o momento em que a tela realmente se atualiza. O INP substituiu oficialmente o FID (First Input Delay) como Core Web Vital em marco de 2024, avaliando a responsividade ao longo de todo o ciclo de vida da pagina, e nao apenas da primeira interacao.

Classificacao	Limite
Bom	<= 200ms
Precisa Melhorar	200ms - 500ms
Ruim	> 500ms

CLS (Cumulative Layout Shift) - Estabilidade Visual

Mede o grau em que o layout se desloca de forma inesperada durante o carregamento da pagina. Causas comuns de pontuacoes altas de CLS incluem anuncios ou imagens que carregam tarde e empurram as posicoes dos botoes.

Classificacao	Limite
Bom	<= 0,1
Precisa Melhorar	0,1 - 0,25
Ruim	> 0,25

As tres metricas precisam atingir o limite "Bom" em pelo menos 75% das visitas a pagina para que ela seja considerada aprovada na avaliacao de Core Web Vitals.

Metodos de Otimizacao

Melhorando o LCP

Adicione o atributo fetchpriority="high" a imagem alvo do LCP e faca o pre-carregamento dela com <link rel="preload">.
Use formatos de imagem de proxima geracao, como WebP e AVIF, para reduzir o tamanho dos arquivos.
Aproveite uma CDN (Content Delivery Network) para reduzir o tempo de resposta do servidor (TTFB).
Implemente cache no lado do servidor e otimize as consultas ao banco de dados.

Melhorando o INP

Adie o JavaScript nao essencial que bloqueia a thread principal usando defer ou async.
Divida tarefas longas em unidades menores para que o navegador possa responder a entrada do usuario mais rapidamente.
Remova scripts de terceiros desnecessarios ou atrase o momento do carregamento deles.

Melhorando o CLS

Especifique os atributos width e height em elementos de imagem e video para que o navegador possa reservar espaco com antecedencia.
Use font-display: swap em conjunto com <link rel="preload"> para o carregamento de fontes da web a fim de evitar deslocamentos de layout.
Evite injetar dinamicamente banners ou anuncios acima do conteudo existente.

Ferramentas de Medicao

Ferramenta	Tipo	Descricao
Google Search Console (relatorio Core Web Vitals)	Dados de Campo	Visualize o status de CWV em todo o site agrupado por URL
PageSpeed Insights	Dados de Campo + Laboratorio	Fornece dados do CrUX e analise do Lighthouse simultaneamente
Lighthouse (integrado ao Chrome DevTools)	Dados de Laboratorio	Diagnostica problemas de desempenho durante o desenvolvimento e fornece recomendacoes de melhoria
Extensao Web Vitals para Chrome	Monitoramento em Tempo Real	Visualize LCP, INP e CLS em tempo real enquanto navega
WebPageTest	Dados de Laboratorio	Execute testes detalhados em diversas condicoes de rede e ambientes de dispositivo
Google Analytics 4	Dados de Campo	Colete e analise dados reais de CWV dos usuarios

Os dados de campo refletem os ambientes reais dos visitantes e sao os dados usados diretamente para os rankings de busca do Google. Os dados de laboratorio consistem em medicoes feitas em ambientes controlados e sao uteis para diagnostico e depuracao. Usar os dois tipos em conjunto e a abordagem mais eficaz.

Fontes:

Posts Relacionados do inblog

Como o inblog Ajuda

O inblog e construido sobre Next.js SSR, entregando desempenho otimizado de Core Web Vitals.