Core Web Vitals são três medidas que o Google usa para avaliar a experiência de uma página: LCP (quanto tempo o conteúdo principal leva para aparecer; bom até 2,5 segundos), INP (quanto a página demora para responder a um toque; bom até 200 milissegundos) e CLS (quanto o layout pula enquanto carrega; bom até 0,1).
Você já tentou tocar num botão e, no último instante, a página pulou e você tocou em outra coisa? Isso é CLS alto.
As três medidas, uma a uma
LCP: carregamento
Mede quando o maior elemento visível, em geral a foto principal ou o título, termina de aparecer. Imagens pesadas e servidores lentos são os culpados mais comuns.
INP: resposta ao toque
Mede a demora entre o toque e a reação da página. Excesso de JavaScript, como widgets de chat e scripts de terceiros, costuma piorar esse número.
CLS: estabilidade
Mede o quanto os elementos se mexem durante o carregamento. Imagens sem tamanho definido e anúncios que surgem de repente causam esse problema.
Por que a velocidade traz clientes
Quem pesquisa um serviço no celular costuma abrir vários resultados ao mesmo tempo. O site que aparece primeiro na tela tem a primeira chance de convencer. Além disso, o Google considera a experiência da página ao organizar os resultados.
Como medir
O PageSpeed Insights (pagespeed.web.dev) mostra os dados reais de visitantes, quando o site tem acesso suficiente, e um teste de laboratório. O Lighthouse, no Chrome, faz o teste de laboratório. No Search Console, o relatório de Core Web Vitals aponta as páginas com problema.
O que mais melhora a velocidade
Imagens no formato WebP ou AVIF e no tamanho certo para a tela. Menos scripts de terceiros. Fontes hospedadas no próprio site. Hospedagem que entrega o site de perto do visitante. Este site segue essas regras e tira 99 ou 100 no teste de desempenho do Google.
Perguntas frequentes
Qual é uma boa velocidade de carregamento?
Pela referência do Google, o conteúdo principal deve aparecer em até 2,5 segundos para a maioria dos visitantes.
Por que o meu site é rápido no computador e lento no celular?
O celular tem processador mais fraco e, muitas vezes, conexão pior. Os testes de celular simulam essas condições, por isso as notas são mais baixas.
Plugin de cache resolve um site lento?
Ajuda no tempo do servidor, mas não resolve imagens pesadas nem excesso de scripts, que costumam ser o problema maior.