O que são Core Web Vitals e por que eles importam

Você já entrou em um site que demorou uma eternidade para aparecer? Ou naquele em que você foi clicar no botão e, do nada, um banner apareceu e você acabou clicando no lugar errado? Pois é: essas irritações do dia a dia têm nome, têm medida e têm nota. Elas se chamam Core Web Vitals.

As Core Web Vitals são três indicadores criados pelo Google para medir, em números, a qualidade da experiência de quem visita uma página. Elas não avaliam se o seu texto é bom ou se o design é bonito: avaliam se o site abre rápido, se responde quando a pessoa toca e se fica parado no lugar enquanto carrega. Neste artigo você vai entender cada uma delas em português claro, descobrir como conferir as notas do seu site e saber o que costuma derrubá-las.

O que são Core Web Vitals, afinal

Imagine que o Google tenha um fiscal invisível acompanhando cada visita ao seu site — não em laboratório, mas na vida real: no celular de quem está no 4G da praia, no computador antigo do escritório, na conexão instável do interior. Esse fiscal anota três coisas e transforma tudo em nota.

É exatamente isso que acontece. O Chrome coleta dados reais de navegação de milhões de usuários e os agrupa por site. Quando 75% das visitas de uma página ficam dentro do limite considerado "bom" em uma métrica, aquela métrica é aprovada. Precisa passar nas três para o site ser considerado aprovado no conjunto.

O nome assusta, mas a ideia é simples: Core (essencial) Web Vitals (sinais vitais da web). São os sinais vitais da sua página, como pressão e batimentos em um exame médico. E, assim como em um exame, o número serve para apontar onde está o problema — não para julgar o seu negócio.

As três métricas explicadas sem tecnês

Cada uma responde a uma pergunta que o visitante faz sem perceber:

LCP — o conteúdo abre rápido?

O LCP (Largest Contentful Paint) marca o momento em que o maior elemento visível da tela — geralmente a foto principal ou o título grande — termina de carregar. É o instante em que a pessoa sente que "o site apareceu".

A meta é 2,5 segundos ou menos. Acima de 4 segundos, a nota é ruim. Parece pouco tempo, e é mesmo: a maior parte das desistências acontece justamente nesse intervalo, antes de o visitante ler qualquer coisa. Vale a leitura sobre como um site rápido ajuda a vender mais.

INP — o site responde ao toque?

O INP (Interaction to Next Paint) mede o intervalo entre a pessoa clicar em algo e a tela reagir de verdade. Você já apertou um botão de menu e ficou meio segundo sem saber se funcionou? Aquele silêncio é o INP alto.

A meta é 200 milissegundos ou menos — um quinto de segundo. Essa métrica substituiu o antigo FID em março de 2024 porque o FID media só a primeira interação; o INP olha todas, o que reflete muito melhor a experiência real de navegação.

CLS — a página fica parada?

O CLS (Cumulative Layout Shift) mede o quanto o conteúdo pula de lugar durante o carregamento. É o clássico: você começa a ler, a imagem carrega atrasada, empurra o texto para baixo e você perde a linha. Ou pior, o botão se desloca bem na hora do clique.

Aqui a nota não é tempo, é um índice: a meta é ficar abaixo de 0,1. Quanto mais perto de zero, mais estável a página. Essa costuma ser a métrica mais fácil de corrigir — e a que mais irrita quem usa o site pelo celular.

Resumo rápido das três

Por que isso importa para o seu negócio

Existem duas razões, e a segunda costuma pesar mais do que a primeira.

A primeira é o Google. Desde 2021 as Core Web Vitals fazem parte dos critérios de posicionamento nos resultados de busca. Não são o fator mais importante — conteúdo relevante continua valendo mais —, mas funcionam como desempate. Entre duas páginas que respondem igualmente bem à busca, a que oferece melhor experiência tende a aparecer na frente. Se você ainda está entendendo esse assunto, comece por o que é SEO.

A segunda é o visitante. E essa razão independe do Google. Cada segundo a mais de espera aumenta a chance de a pessoa fechar a aba. Um botão que não responde faz o cliente achar que o site está quebrado. Um layout que pula transmite descuido. Ou seja: mesmo que o Google não medisse nada disso, melhorar as três notas continuaria valendo a pena — porque elas medem justamente os motivos que fazem alguém desistir de comprar.

Como descobrir as notas do seu site

Não é preciso ser programador para consultar. Três caminhos gratuitos:

1. PageSpeed Insights (pagespeed.web.dev): cole o endereço do seu site e aguarde. Ele mostra os dados reais dos últimos 28 dias, quando existem visitas suficientes, e também um teste simulado com sugestões práticas.
2. Google Search Console: no menu lateral há um relatório chamado "Core Web Vitals", que separa as páginas por status (boas, precisam melhorar, ruins) e agrupa as que têm o mesmo problema. É a visão mais útil para sites com muitas páginas.
3. Extensão Web Vitals para o Chrome: mostra as notas em tempo real enquanto você navega, útil para testar uma alteração na hora.

Uma dica importante: olhe primeiro o resultado do celular. É de lá que vem a maior parte das visitas e é a versão móvel que o Google usa como referência principal. Um site pode ir muito bem no computador e mal no telefone — vale conferir também se ele é de fato um site responsivo.

O que costuma derrubar as notas

Na prática, quase sempre são os mesmos culpados:

• Imagens pesadas demais. Uma foto de 4 MB direto da câmera na página inicial é o vilão número um do LCP. Redimensionar e comprimir resolve boa parte do problema — veja como escolher as fotos certas para o site.
• Excesso de plugins e scripts. Cada ferramenta extra (chat, pop-up, mapa, rastreador, banco de fontes) adiciona peso e trabalho para o navegador. É a causa mais comum de INP alto.
• Imagens e anúncios sem espaço reservado. Quando a largura e a altura não são declaradas, o navegador não sabe quanto espaço guardar, e o conteúdo pula quando o arquivo chega. É o principal responsável pelo CLS.
• Hospedagem lenta ou distante. Um servidor barato demais atrasa toda a resposta antes mesmo de o primeiro pixel aparecer.
• Fontes personalizadas mal configuradas. Elas causam aquele efeito de texto que troca de aparência depois de carregar, e isso conta pontos negativos.
• Vídeos e animações pesadas logo no topo da página, que consomem processamento justo no momento mais crítico.

Repare que nenhum desses itens exige refazer o site do zero. Na maioria dos casos, comprimir imagens, remover o que não é usado e ajustar detalhes técnicos já tira a página da zona vermelha.

Conclusão

Core Web Vitals são, no fundo, uma forma de medir educação digital: o site abre rápido, responde quando é chamado e não muda de lugar enquanto a pessoa lê. Três notas simples — LCP, INP e CLS — que traduzem em números a diferença entre um visitante que fica e um que fecha a aba em cinco segundos.

Se ao consultar o seu site você encontrou notas vermelhas, não se assuste: quase tudo aqui tem solução técnica conhecida. A TH Designer cuida dessa parte para você — otimização de imagens, limpeza de scripts desnecessários, ajustes de estabilidade e acompanhamento das notas depois da entrega. Conheça nossos serviços e mande uma mensagem: em uma conversa rápida a gente analisa o desempenho do seu site e mostra o que dá para melhorar primeiro.

Perguntas frequentes