Core Web Vitals: o que sao e como melhorar de verdade
Se você já abriu o PageSpeed Insights e se deparou com siglas como LCP, INP e CLS, provavelmente fechou a aba sem entender muita coisa. Esses três números são os Core Web Vitals, e eles dizem ao Google se o seu site oferece uma boa experiência — o que pesa diretamente no seu posicionamento.
A ideia aqui é desmistificar cada métrica e, principalmente, mostrar o que dá para fazer para melhorar. Sem jargão.
O que são os Core Web Vitals
São três indicadores criados pelo Google para medir, de forma objetiva, como é usar uma página. Em vez de perguntar "esse site é rápido?", eles medem coisas concretas que o visitante sente na pele: quanto tempo até ver o conteúdo, quanto até conseguir interagir e quanto a tela "balança" no caminho.
O Google leva esses dados em conta na hora de ranquear. Entre duas páginas parecidas, a que oferece a melhor experiência ganha vantagem.
LCP: o tempo até a tela "encher"
O LCP (Largest Contentful Paint) mede quanto tempo leva para o maior elemento visível aparecer — geralmente uma imagem grande ou um bloco de texto principal. O alvo é abaixo de 2,5 segundos.
Quando o LCP está ruim, quase sempre o culpado é:
- Uma imagem pesada demais carregando primeiro.
- Servidor lento para entregar a página.
- Excesso de código bloqueando a renderização.
Como melhorar: comprima e use formatos modernos de imagem (como WebP), entregue o conteúdo principal o quanto antes e use uma boa hospedagem. A velocidade geral importa muito aqui — vale entender por que a velocidade do seu site decide o seu SEO.
INP: a rapidez para responder ao clique
O INP (Interaction to Next Paint) mede quanto tempo a página leva para reagir quando alguém clica, toca ou digita. O ideal é abaixo de 200 milissegundos.
Aquela sensação de "cliquei e não aconteceu nada" é INP ruim. O vilão costuma ser o excesso de JavaScript rodando ao mesmo tempo, travando o navegador.
Como melhorar: reduza e divida o JavaScript, carregue só o que é necessário em cada momento e evite scripts de terceiros que pesam sem entregar valor real.
CLS: a tela que não pode "pular"
O CLS (Cumulative Layout Shift) mede o quanto os elementos se mexem enquanto a página carrega. Sabe quando você vai clicar num botão e, de repente, um banner empurra tudo para baixo e você clica errado? Isso é CLS alto. O alvo é abaixo de 0,1.
Como melhorar: reserve o espaço de imagens e anúncios desde o início (definindo largura e altura), evite inserir conteúdo acima do que já apareceu e cuide do carregamento de fontes para que o texto não pule de tamanho.
Meça antes de mexer
Não dá para melhorar o que você não mede. Use ferramentas gratuitas:
- PageSpeed Insights mostra as três métricas e dá sugestões diretas.
- Lighthouse (dentro do navegador Chrome) ajuda a testar durante o desenvolvimento.
- Search Console revela como os usuários reais estão experimentando o site, não só o laboratório.
Comece pela métrica mais vermelha e ataque uma de cada vez. Quase sempre, otimizar imagens e enxugar o JavaScript já resolve a maior parte do problema.
Performance se constrói desde a fundação
A verdade é que Core Web Vitals dificilmente são "consertados" no fim do projeto. Um site rápido é resultado de boas decisões desde o começo: estrutura leve, renderização estática e o mínimo de código necessário.
É assim que a Pump trabalha — tratando performance como requisito, não como ajuste opcional. Quer saber como estão os Core Web Vitals do seu site hoje? Fale com a gente e fazemos um diagnóstico.
