Cada segundo extra de carregamento faz mais visitantes desistirem antes de ver o seu conteúdo. Além de afetar a conversão, a velocidade e a experiência de página fazem parte dos sinais que o Google considera. Neste guia, a Raised explica por que a velocidade importa, o que são os Core Web Vitals, como medir e melhorar, e o que mudou sobre pop-ups intrusivos e Progressive Web Apps (PWA).
Por que a velocidade importa
- Conversão: páginas lentas perdem visitantes e vendas;
- SEO: a experiência de página é um dos fatores considerados;
- Mídia paga: páginas lentas desperdiçam cliques pagos (Google Ads);
- Mobile: conexões variáveis tornam a velocidade ainda mais crítica (design responsivo);
- Marca: passa profissionalismo.
Core Web Vitals: o que são
| Métrica | O que mede | Referência (bom) |
|---|---|---|
| LCP (Largest Contentful Paint) | Tempo até o maior elemento da página aparecer | Até 2,5 s |
| INP (Interaction to Next Paint) | Responsividade às interações do usuário | Até 200 ms |
| CLS (Cumulative Layout Shift) | Estabilidade visual (elementos que "pulam") | Até 0,1 |
Os limites vêm da documentação do Google e podem ser atualizados: consulte web.dev/vitals e o guia de Core Web Vitals do Search Central.
Como medir
- PageSpeed Insights: dados de laboratório e de campo (usuários reais);
- Search Console: relatório de Core Web Vitals por grupos de URLs;
- Lighthouse (Chrome DevTools);
- Monitoramento contínuo de desempenho.
Como melhorar a velocidade
- Otimize imagens: WebP/AVIF, tamanhos corretos, carregamento tardio (
loading="lazy") fora da primeira tela e dimensões definidas para evitar CLS (formatos de imagem). - Reduza e adie scripts de terceiros e CSS não crítico.
- Use cache e CDN para servir arquivos rapidamente.
- Comprima HTML, CSS e JS (Brotli ou Gzip).
- Escolha uma hospedagem adequada e mantenha o servidor atualizado.
- Fontes: use
font-display: swap, limite variações e hospede localmente. - Evite excesso de plugins (no WordPress, veja o que é WordPress).
- Priorize o conteúdo acima da dobra e carregue o resto depois.
Pop-ups intrusivos e experiência de página
O Google desvaloriza páginas em que pop-ups ou intersticiais cobrem o conteúdo principal logo após o clique vindo da busca, especialmente no celular. Exceções incluem avisos legais (cookies e verificação de idade) e banners discretos. Boas práticas: use banners pequenos, atrase pop-ups, ofereça fácil fechamento e evite cobrir o conteúdo (page experience).
Progressive Web Apps (PWA)
PWAs são sites com recursos de aplicativo: funcionam offline, podem ser instalados na tela inicial e enviam notificações. São construídos com service workers e um manifesto. Podem melhorar a experiência e o engajamento, principalmente em e-commerce e serviços recorrentes, desde que implementados com cuidado de desempenho e SEO. Veja também mobile marketing.
Erros comuns
- Imagens gigantes sem otimizar;
- Dezenas de scripts de terceiros;
- Layouts que "pulam" ao carregar;
- Pop-ups agressivos;
- Medir só em um aparelho rápido;
- Otimizar só uma página e ignorar o restante.
Para o contexto de SEO técnico, veja como fazer SEO.
