Carregando

Sites robustos · 9 min de leitura

Velocidade e Core Web Vitals: como deixar o site rápido de verdade

Velocidade não é vaidade técnica: é dinheiro. Cada segundo a mais de carregamento derruba a taxa de conversão, encarece o clique no Google Ads e reduz a quantidade de páginas que o robô do Google consegue rastrear por dia.

Neste artigo você entende as três métricas que o Google usa para julgar a experiência do seu site — LCP, INP e CLS — e sai com um plano prático de correção, na ordem certa de prioridade.

O que são LCP, INP e CLS

LCP (Largest Contentful Paint) mede quanto tempo leva até o maior elemento visível da dobra aparecer — geralmente a imagem do topo ou o título principal. A meta é abaixo de 2,5 segundos no 4G médio brasileiro, não no wi-fi do escritório.

INP (Interaction to Next Paint) substituiu o antigo FID e mede a resposta real do site ao clique: você toca no menu e o menu abre em quanto tempo? Acima de 200 ms o usuário percebe travamento.

CLS (Cumulative Layout Shift) mede o pulo do conteúdo enquanto a página carrega. É o motivo número um de cliques errados no celular. Meta: 0,1 — e em páginas bem construídas o número real é zero.

  • LCP bom: até 2,5s · precisa melhorar: 2,5s a 4s · ruim: acima de 4s
  • INP bom: até 200ms · ruim: acima de 500ms
  • CLS bom: até 0,1 · ruim: acima de 0,25

As cinco causas mais comuns de lentidão

Na prática, quase todo site lento que auditamos repete o mesmo conjunto de erros. Não é sofisticado: é acúmulo.

Imagens pesadas lideram com folga. Um banner de 2 MB exportado direto do editor gráfico destrói o LCP em qualquer conexão móvel. A correção é converter para WebP ou AVIF, servir tamanhos diferentes por breakpoint e declarar largura e altura no HTML.

Em seguida vêm os plugins e scripts de terceiros. Cada pixel de rastreamento, chat externo e widget de avaliação adiciona requisições bloqueantes. A regra é simples: carregue o essencial no primeiro paint e adie o resto.

  • Imagens sem compressão e sem dimensões declaradas
  • Fontes externas bloqueando a renderização do texto
  • Excesso de scripts de terceiros carregados de forma síncrona
  • Ausência de cache e de CDN na borda
  • Temas genéricos que carregam CSS e JS de recursos que a página nem usa

Checklist técnico de aceleração

A ordem importa. Corrigir cache antes de resolver imagens é otimizar o transporte de peso desnecessário. Siga de cima para baixo.

  • Comprimir e converter todas as imagens para formatos modernos
  • Definir width, height e loading=lazy fora da dobra
  • Pré-carregar apenas a imagem do LCP com fetchpriority alto
  • Servir fontes locais com font-display: swap
  • Dividir o JavaScript por rota e adiar o que está abaixo da dobra
  • Ativar cache de longa duração para assets versionados
  • Distribuir o conteúdo por CDN próxima do usuário final
  • Reservar espaço para banners e embeds para manter o CLS em zero

Como medir sem se enganar

Teste de laboratório (Lighthouse, PageSpeed) é diagnóstico; dado de campo (CrUX, Search Console) é a verdade. Um site pode marcar 98 no laboratório e reprovar em campo porque a audiência real está em 4G num celular de entrada.

Nosso padrão de entrega é rodar Lighthouse em modo mobile com throttling, comparar com o relatório de Core Web Vitals do Search Console após 28 dias e só então declarar a otimização concluída.

Perguntas frequentes

Quanto tempo leva para melhorar os Core Web Vitals de um site existente?+

As correções técnicas costumam levar de uma a três semanas. Já o reflexo no relatório de campo do Search Console aparece após 28 dias, porque a métrica é calculada sobre uma janela móvel de visitas reais.

Site rápido melhora o posicionamento no Google?+

Velocidade é um sinal de classificação, mas de peso menor que relevância de conteúdo. O ganho maior é indireto: páginas rápidas têm menos abandono, mais páginas por sessão e melhor taxa de conversão, o que reforça os sinais de qualidade.

Vale a pena migrar de WordPress para acelerar?+

Nem sempre. Muitos sites WordPress lentos melhoram muito só com limpeza de plugins, cache e imagens. A migração se justifica quando o tema é engessado, o site precisa de integrações pesadas ou o custo de manutenção já supera o de reconstrução.

CLS zero é possível de verdade?+

Sim. Basta reservar espaço fixo para imagens, banners, embeds e blocos carregados depois. A maior parte dos sites com CLS alto simplesmente não declara dimensões.

Velocidade reduz o custo do Google Ads?+

Reduz. A experiência da página de destino entra no Índice de Qualidade, e um índice melhor baixa o custo por clique para a mesma posição.

Checklist de Site Robusto

Receba o checklist com os 32 pontos que auditamos em velocidade e Core Web Vitals e nas outras camadas do projeto. Enviamos direto no seu WhatsApp, com o diagnóstico inicial do seu site.

Leia também