Velocidade deixou de ser “detalhe técnico”. O Google mede a experiência real de quem acessa seu site através de três indicadores, chamados Core Web Vitals, e usa esses dados como um dos sinais de ranqueamento. Mais importante: páginas lentas fazem a pessoa desistir antes de ver qualquer coisa.
Os três indicadores
- LCP (Largest Contentful Paint): quanto tempo leva para o maior elemento da tela (geralmente a imagem ou o título principal) aparecer. O ideal é até 2,5 segundos.
- INP (Interaction to Next Paint): quanto tempo a página demora para reagir a um clique ou toque. O ideal é até 200 milissegundos. Substituiu o antigo FID em 2024.
- CLS (Cumulative Layout Shift): o quanto o conteúdo “pula” enquanto carrega. O ideal é até 0,1.
Como medir
A forma mais simples é o PageSpeed Insights, do próprio Google: basta colar o endereço. Ele mostra dados reais de usuários (quando há volume suficiente) e dados de laboratório, com sugestões. O relatório de Core Web Vitals do Google Search Console mostra quais páginas do site precisam de atenção.
O que mais costuma melhorar o LCP
- Comprimir imagens e usar formatos modernos (WebP ou AVIF)
- Entregar a imagem no tamanho em que ela aparece, e não uma foto de 4000 px reduzida pelo navegador
- Não aplicar carregamento preguiçoso (lazy loading) na imagem principal do topo
- Hospedagem de qualidade e, quando fizer sentido, uma CDN
- Reduzir fontes personalizadas ou carregá-las de forma otimizada
O que mais costuma melhorar o INP
- Remover scripts que ninguém usa (plugins, widgets e rastreadores antigos)
- Evitar bibliotecas pesadas para fazer coisas simples
- Carregar scripts de terceiros (chat, mapas, vídeos) apenas quando necessários
O que mais costuma melhorar o CLS
- Definir largura e altura de imagens e vídeos para reservar o espaço
- Reservar espaço para banners, anúncios e avisos de cookies
- Evitar inserir conteúdo acima do que a pessoa já está lendo
Um bom ponto de partida
Rode o PageSpeed Insights na página inicial e na página que mais recebe visitas, no modo celular. Corrija primeiro o que aparece em vermelho e que você consegue resolver com imagens e scripts. Em muitos sites, só otimizar imagens já muda o resultado de forma visível.
Nota 100 no PageSpeed não é o objetivo. O objetivo é uma página que abre rápido na conexão do seu cliente, no celular dele. Veja também Mobile-first não é só deixar responsivo.
