Core Web Vitals sem complicação: as três notas de velocidade que o Google olha

Existe um problema que não aparece no layout. A fonte pode ser perfeita, as imagens podem estar impecáveis e a animação pode impressionar na apresentação. Mas se a pessoa toca e fica esperando a página abrir, todo esse trabalho começa perdendo. É isso que as Core Web Vitals medem.

O Google mede essa espera com três notas chamadas Core Web Vitals. Nesse texto eu explico o que cada uma significa, sem jargão, e o que fazer com elas.

Antes de avaliar o seu design, a pessoa precisa conseguir acessar o seu design.

O que são as Core Web Vitals

São três medidas que o Google usa para avaliar a experiência real de quem abre uma página. Cada uma olha para um momento diferente:

• LCP: quanto tempo o conteúdo principal leva para aparecer.
• INP: quanto tempo a página leva para responder quando alguém toca ou clica.
• CLS: o quanto a página muda de lugar sozinha enquanto carrega.

Os nomes parecem técnicos. Na prática, cada um responde a uma pergunta simples: abriu rápido? Respondeu quando eu toquei? Ficou parado no lugar?

LCP: o conteúdo principal apareceu a tempo?

O LCP mede o tempo até o maior elemento da tela aparecer, que costuma ser a imagem principal ou o título. A referência do Google é que isso aconteça em até 2,5 segundos depois que a página começa a carregar.

Para quem está do outro lado, a tradução é: abri e vi o que vim buscar, ou abri e fiquei olhando uma tela vazia.

INP: a página respondeu quando eu toquei?

O INP mede o tempo entre o toque ou o clique e a resposta da página. O Google considera bom um valor abaixo de 200 milissegundos.

É a diferença entre tocar no botão do menu e ele abrir na hora, ou tocar e achar que não funcionou, porque a resposta demorou.

CLS: nada pulou enquanto eu lia?

O CLS mede mudanças inesperadas de posição durante o carregamento. O valor recomendado é menor que 0,1.

Todo mundo já passou por isso: você vai tocar em um botão, a imagem termina de carregar, o texto desce e você toca em outra coisa. Isso é um CLS alto.

Como ver as suas notas

Você não precisa de nenhum programa especial. O Google oferece duas formas gratuitas de olhar:

• o PageSpeed Insights, onde você cola o endereço da página e vê as três notas;
• o relatório de Core Web Vitals do Google Search Console, que mostra como o site vai com visitantes reais ao longo do tempo.

Se a página abre devagar, eu já falei do que isso custa ao negócio em Seu site demora 3 segundos para carregar?. Aqui o foco é entender o que o Google mede.

O que costuma pesar na nota

Quase sempre o problema não é o visual em si, e sim o que entrou sem critério:

• uma imagem de 8 MB onde uma versão otimizada resolveria;
• cinco fontes onde duas bastariam;
• programas rodando na página para funções que ninguém usa;
• plugins acumulados ao longo dos anos;
• animações pesadas só para impressionar.

Um site rápido não precisa ser um site sem personalidade. Bom web design também é saber o que não precisa entrar.

Por onde começar a melhorar, em ordem

1. Meça primeiro. Anote as três notas antes de mexer em qualquer coisa.
2. Reduza as imagens: tamanho certo para a tela e formato mais leve, como o WebP.
3. Reserve o espaço de cada imagem e de cada bloco da página, para nada pular quando carregar.
4. Tire o que ninguém usa: plugins parados, fontes extras, programas de rastreio duplicados.
5. Teste no celular, que é onde a maioria das pessoas vai abrir a página.
6. Meça de novo e compare com a primeira anotação.

Uma observação: o Google avalia essas notas com dados de pessoas reais navegando. Por isso o relatório do Search Console usa uma janela de cerca de 28 dias, e a melhora pode levar algumas semanas para aparecer, mesmo depois de você corrigir.

Nota boa não garante primeiro lugar

Tem uma ressalva importante. Segundo o Google, a busca sempre procura mostrar o conteúdo mais relevante, mesmo quando a experiência da página não é boa. A experiência boa ajuda quando existem muitos conteúdos úteis disputando a mesma pesquisa.

Ou seja, a velocidade não resolve sozinha. Não adianta carregar em um segundo se ninguém entende o que você faz. Não adianta zerar o CLS se a mensagem não passa confiança. Não adianta buscar 100 pontos na ferramenta enquanto a pessoa não sabe onde tocar.

Performance precisa servir à estratégia. É a mesma lógica que eu conto em O site que trabalha enquanto você dorme: o que importa é a pessoa entender e decidir.

O melhor site é aquele que a pessoa nem percebe que existe: abriu, funcionou, ela achou o que queria, entendeu o negócio e decidiu. A tecnologia some, e o negócio aparece.

Se quiser que eu olhe as notas do seu site, ou monte já pensando nelas, me chama no WhatsApp. Eu faço um diagnóstico antes de qualquer proposta.

Fonte oficial: Google Search Central: Core Web Vitals