Core Web Vitals são um conjunto de métricas criadas pelo Google para avaliar aspectos importantes da experiência real de uso de uma página na web.
Atualmente, elas medem três pontos principais: velocidade de carregamento, capacidade de resposta às interações e estabilidade visual. As métricas que compõem os Core Web Vitals são LCP, INP e CLS.
Esses indicadores ajudam desenvolvedores, profissionais de SEO, UX e produto a identificar problemas que podem tornar um site lento, instável ou frustrante para o usuário.
Quais são os Core Web Vitals
Os Core Web Vitals são formados por três métricas.
LCP — Largest Contentful Paint
O Largest Contentful Paint (LCP) mede o desempenho de carregamento da página.
Na prática, ele indica quanto tempo leva para que o maior elemento de conteúdo visível na tela — como uma imagem, banner ou bloco de texto — seja exibido.
Segundo os parâmetros do Google, uma boa experiência ocorre quando o LCP acontece em até 2,5 segundos.
Um LCP ruim pode estar relacionado a fatores como imagens pesadas, servidor lento, excesso de JavaScript ou recursos que bloqueiam a renderização da página.
INP — Interaction to Next Paint
O Interaction to Next Paint (INP) mede a capacidade de resposta de uma página às interações do usuário.
Ele observa quanto tempo a interface leva para apresentar uma resposta visual depois de ações como clicar em um botão, abrir um menu ou interagir com algum elemento.
Um bom INP deve ficar abaixo de 200 milissegundos, segundo a referência do Google.
O INP substituiu oficialmente o antigo FID, ou First Input Delay, como Core Web Vital em março de 2024.
CLS — Cumulative Layout Shift
O Cumulative Layout Shift (CLS) mede a estabilidade visual da página.
Ele identifica movimentos inesperados de elementos durante o carregamento.
Um exemplo comum acontece quando uma pessoa está prestes a clicar em um botão e, de repente, uma imagem ou anúncio carrega acima dele e desloca todo o conteúdo.
Para ser considerado bom, o CLS deve ficar abaixo de 0,1.
Para que servem os Core Web Vitals
Os Core Web Vitals transformam aspectos da experiência de navegação em métricas que equipes podem acompanhar e melhorar ao longo do tempo.
Eles ajudam a responder perguntas como:
- a página apresenta seu conteúdo principal rapidamente?
- o site responde com agilidade quando o usuário interage?
- os elementos permanecem estáveis enquanto a página carrega?
Esses dados são especialmente úteis porque ajudam a sair de uma percepção vaga de que um site “parece lento” e permitem identificar problemas mais específicos.
Core Web Vitals e SEO
O Google considera os Core Web Vitals ao avaliar a experiência de uma página nos resultados de busca, mas essas métricas, sozinhas, não garantem melhores posições.
O próprio Google recomenda considerar a experiência da página de maneira mais ampla. Ter bons resultados nos Core Web Vitals é importante, mas isso não substitui fatores fundamentais como conteúdo útil, relevância para a intenção de busca e qualidade geral da página.
Por isso, otimizar Core Web Vitals deve fazer parte de uma estratégia de SEO técnico e experiência do usuário, e não ser tratada como uma ação isolada.
Como medir os Core Web Vitals
Uma das ferramentas mais conhecidas para analisar essas métricas é o PageSpeed Insights, do Google.
A ferramenta pode apresentar tanto dados coletados de usuários reais quanto análises realizadas em ambiente controlado, dependendo da disponibilidade de informações para aquela página ou domínio.
Na avaliação oficial dos Core Web Vitals, quando existem dados suficientes, o Google considera o 75º percentil das experiências registradas. Para uma página ou origem ser aprovada na avaliação, as três métricas precisam estar dentro da faixa considerada boa.
Outras ferramentas e recursos também podem ser usados, como:
- Google Search Console;
- Chrome DevTools;
- Lighthouse;
- biblioteca web-vitals;
- relatórios baseados no Chrome User Experience Report.
Dados de laboratório e dados de campo
Ao analisar Core Web Vitals, é importante entender a diferença entre dados de laboratório e dados de campo.
Os dados de laboratório são obtidos em testes simulados, realizados sob condições controladas. Eles são úteis principalmente para diagnosticar problemas e testar otimizações.
Já os dados de campo representam experiências reais de usuários, considerando diferentes dispositivos, conexões e condições de navegação.
Uma página pode apresentar bom desempenho em um teste de laboratório e ainda oferecer uma experiência ruim para parte dos usuários reais. Por isso, os dois tipos de informação podem ser úteis, mas cumprem funções diferentes.
Como melhorar os Core Web Vitals
As melhorias dependem de qual métrica apresenta problemas.
Por exemplo, ara melhorar o LCP, algumas ações comuns incluem otimizar imagens, reduzir o tempo de resposta do servidor e priorizar o carregamento dos elementos principais da página.
Para melhorar o INP, pode ser necessário reduzir tarefas pesadas de JavaScript, evitar bloqueios prolongados da thread principal e tornar as interações mais leves.
Para melhorar o CLS, é importante reservar espaço previamente para imagens, vídeos, anúncios e outros elementos que carregam depois do conteúdo inicial.
A causa exata, porém, varia de site para site. Por isso, uma boa otimização começa pelo diagnóstico, e não pela aplicação indiscriminada de uma lista de técnicas.
Core Web Vitals e experiência do usuário
Embora sejam frequentemente associados ao SEO, os Core Web Vitals tratam principalmente de experiência.
Uma página que demora para exibir seu conteúdo, responde lentamente a um clique ou muda os elementos de lugar durante a navegação cria atrito.
Esses problemas podem afetar não apenas a percepção de qualidade do site, mas também ações importantes como preencher um formulário, concluir um checkout, consumir um conteúdo ou navegar entre páginas.
Por isso, Core Web Vitals são relevantes para áreas como SEO, UX design, desenvolvimento web, produto digital, marketing e e-commerce.
Em resumo, Core Web Vitals são métricas que ajudam a medir a qualidade da experiência de uma página em relação a carregamento, interatividade e estabilidade visual. Atualmente, esse conjunto é formado por LCP, INP e CLS e funciona como uma referência importante para identificar e melhorar problemas reais de desempenho na web.