Core Web Vitals: por que a velocidade do site vira dinheiro

Velocidade deixou de ser assunto só de desenvolvedor. O Google transformou a experiência de carregamento em critério de ranqueamento, e o comportamento do visitante faz o resto: página lenta perde gente antes mesmo de mostrar o conteúdo.

As três métricas que importam

LCP — Largest Contentful Paint

Quanto tempo até o maior elemento visível aparecer. Normalmente é a imagem principal ou o título do topo. Meta: abaixo de 2,5 segundos.

INP — Interaction to Next Paint

Quanto tempo a página demora para responder a um clique, toque ou digitação. Substituiu o antigo FID e é mais rigoroso, porque mede todas as interações da visita. Meta: abaixo de 200 milissegundos.

CLS — Cumulative Layout Shift

O quanto o conteúdo "pula" enquanto carrega. É a causa daquele clique no botão errado porque um banner apareceu depois. Meta: abaixo de 0,1.

Por que isso vira dinheiro

Cada segundo a mais no carregamento aumenta a chance de abandono — e o efeito é ainda maior no celular, com conexão instável. Em um site com formulário, isso é lead perdido antes do primeiro contato. Em um site imobiliário, é o visitante voltando para o portal.

O que costuma deixar um site lento

Imagens sem tratamento

É de longe a causa mais comum. Foto de 4 MB exibida em um espaço de 400 pixels de largura. A correção é básica: redimensionar, comprimir, servir em WebP e carregar sob demanda o que está fora da tela.

Excesso de scripts de terceiros

Chat, mapa, pixel de rede social, ferramenta de teste A/B, banner de cookies. Cada um traz o seu peso e nenhum é de graça. Vale auditar periodicamente: o que está ali é usado de fato?

Fontes mal carregadas

Fonte que bloqueia a renderização segura o texto na tela em branco. Usar font-display: swap e limitar os pesos carregados resolve boa parte.

Hospedagem inadequada

Plano compartilhado barato demais, sem cache e com servidor distante do público. A primeira resposta do servidor (TTFB) atrasa tudo o que vem depois.

Falta de cache

Se o site recalcula tudo a cada visita, o servidor trabalha à toa. Cache de página, de consulta e de assets é o ganho mais barato que existe.

Layout sem espaço reservado

Imagem sem width e height definidos empurra o conteúdo quando carrega. É a origem da maioria dos problemas de CLS — e a correção custa minutos.

Como medir

• PageSpeed Insights: diagnóstico por página, com dados de laboratório e de usuários reais.
• Search Console: relatório de Core Web Vitals do site inteiro, agrupado por tipo de problema.
• Lighthouse: auditoria local, útil durante o desenvolvimento.

Meça sempre no celular. É lá que a maior parte do tráfego está e onde os problemas aparecem primeiro.

Por onde começar

Otimize as imagens, revise os scripts de terceiros e ative cache. Só isso já resolve a maior parte dos casos. Se depois disso o site continuar lento, o problema é estrutural — e aí vale uma auditoria de verdade.

Quer saber como o seu site está? Peça uma análise gratuita.