O que são as Core Web Vitals
O Google criou as Core Web Vitals para transformar uma ideia subjetiva, a sensação de que um site é bom de usar, em números que podem ser medidos. Hoje são três métricas principais:
- LCP (Largest Contentful Paint): quanto tempo o maior elemento visível da tela, geralmente a imagem principal ou o título, leva para aparecer.
- INP (Interaction to Next Paint): quanto tempo a página demora para reagir quando a pessoa toca em um botão, abre um menu ou digita em um campo. O INP substituiu o antigo FID em março de 2024.
- CLS (Cumulative Layout Shift): o quanto os elementos se movem sozinhos enquanto a página carrega, como aquele botão que muda de lugar na hora em que você ia tocar nele.
Juntas, elas respondem a três perguntas simples: o conteúdo aparece rápido? O site responde quando eu interajo? A tela fica estável?
Quais são os valores considerados bons
O Google classifica cada métrica em três faixas. Para ser considerado bom, o resultado precisa atingir o limite em pelo menos 75% das visitas reais ao site:
| Métrica | Bom | Precisa melhorar | Ruim |
|---|---|---|---|
| LCP | até 2,5 s | 2,5 s a 4 s | acima de 4 s |
| INP | até 200 ms | 200 ms a 500 ms | acima de 500 ms |
| CLS | até 0,1 | 0,1 a 0,25 | acima de 0,25 |
Repare que a referência é a experiência de usuários reais, não um teste feito no computador do desenvolvedor com internet de fibra. Quem acessa pelo 4G no trânsito de Fortaleza ou em uma praia de Aquiraz com sinal fraco conta tanto quanto qualquer outro visitante.
Core Web Vitals influenciam o ranking no Google?
Sim, mas com peso moderado. O próprio Google explica que a experiência da página é um dos muitos sinais considerados e que conteúdo relevante continua sendo o fator principal. Um site lento com o melhor conteúdo do mundo ainda pode aparecer bem, e um site rapidíssimo sem conteúdo útil não vai ao topo só por isso.
O impacto maior está no comportamento do visitante. Uma página que demora a aparecer ou trava ao toque faz a pessoa voltar para a busca e escolher o concorrente. Por isso vale tratar as Core Web Vitals como parte da conversão, não apenas do SEO. Falamos mais sobre esse efeito no artigo site lento perde clientes.
Como medir as Core Web Vitals do seu site
Existem dois tipos de dados: os de campo, coletados de usuários reais do Chrome, e os de laboratório, gerados por uma simulação. As ferramentas gratuitas mais úteis são:
- PageSpeed Insights (pagespeed.web.dev): mostra os dados de campo do relatório CrUX, quando o site tem visitas suficientes, e um teste de laboratório com sugestões de correção.
- Google Search Console: no relatório de Core Web Vitals você vê grupos de páginas com problema, separados entre celular e computador.
- Lighthouse: embutido no Chrome (DevTools), ótimo para testar mudanças antes de publicar.
Uma dica prática: avalie sempre a versão mobile primeiro. É nela que a maioria dos negócios locais recebe visitas e onde os problemas aparecem com mais força. Se o seu site tem pouco tráfego, o PageSpeed pode não exibir dados de campo. Nesse caso use o teste de laboratório como referência.
Como melhorar o LCP
O LCP costuma ser o vilão em sites de pequenas empresas, quase sempre por causa da imagem principal do topo. O que mais funciona:
- Converter imagens para WebP ou AVIF e servir tamanhos diferentes para celular e computador.
- Não usar carregamento preguiçoso (lazy load) na imagem do topo e indicar prioridade alta para ela.
- Reduzir CSS e JavaScript que bloqueiam a renderização, carregando o restante depois.
- Escolher uma hospedagem com bom tempo de resposta do servidor e usar cache ou CDN.
- Limitar fontes externas e usar apenas os pesos realmente necessários.
Como melhorar o INP e o CLS
INP: deixe o navegador livre para responder
O INP piora quando muito JavaScript roda ao mesmo tempo. Plugins em excesso, scripts de chat, pixels de anúncio e widgets de redes sociais disputam o processador do celular. Revise o que realmente é usado, adie scripts de terceiros e divida tarefas longas em partes menores. Em sites WordPress, reduzir plugins costuma ser o primeiro passo.
CLS: reserve espaço para tudo
- Defina largura e altura em imagens, vídeos e iframes.
- Reserve o espaço de banners, avisos de cookies e anúncios antes que eles carreguem.
- Evite inserir conteúdo acima do que já está na tela depois do carregamento.
- Use font-display adequado e fontes com métricas parecidas com a fonte reserva.
Quando vale refazer o site em vez de otimizar
Nem sempre dá para consertar tudo com ajustes. Temas pesados, construtores visuais que geram código em excesso e dezenas de plugins criam um teto difícil de romper. Se depois das otimizações o site continua no vermelho, pode ser mais barato reconstruir com uma base leve do que seguir remendando.
Na Levitatech, em Aquiraz, desenvolvemos sites pensando em performance desde o primeiro layout: imagens otimizadas, código enxuto e testes no celular antes da entrega. Se quiser entender a situação do seu site, veja nosso serviço de redesign de site ou fale com a gente pela página de contato. A análise inicial e o orçamento são gratuitos.
