Melhoria de PageSpeed: sites mais rápidos para campanhas que convertem mais

Por que a velocidade do site importa

O estudo Milliseconds Make Millions, da Deloitte com o Google, mostrou que melhorar em apenas 0,1 segundo a velocidade de sites mobile aumentou em 8,4% as conversões no varejo. Além da conversão, a velocidade entra na avaliação de experiência da página feita pelo Google e influencia o desempenho das campanhas que apontam para o site.

Para a agência, melhorar o PageSpeed de um cliente é uma das formas mais diretas de aumentar o resultado das campanhas sem aumentar o investimento em mídia.

Core Web Vitals: as métricas que o Google usa

O Google mede a experiência real dos usuários com as Core Web Vitals:

• LCP (Largest Contentful Paint): tempo até o maior elemento visível carregar. Bom: até 2,5 segundos.
• INP (Interaction to Next Paint): tempo de resposta às interações do usuário. Bom: até 200 milissegundos.
• CLS (Cumulative Layout Shift): quanto o layout "pula" enquanto carrega. Bom: até 0,1.

O PageSpeed Insights mostra duas coisas diferentes: os dados de campo (usuários reais, quando há volume) e a nota de laboratório (um teste simulado). Trabalhamos as duas, mas o que importa no fim são os usuários reais.

O que deixa um site lento

• Imagens pesadas: fotos enormes, sem compressão e sem dimensões definidas.
• Excesso de JavaScript: page builders, sliders, animações e plugins que carregam em todas as páginas.
• Scripts de terceiros: chats, pixels, mapas e widgets que bloqueiam o carregamento.
• Google Tag Manager mal configurado: muitas tags disparando cedo demais. Explicamos por que o próprio código do Google pesa em como aumentar a velocidade do site e melhorar a nota no PageSpeed.
• Fontes externas carregadas sem otimização.
• Servidor lento ou sem cache e compressão.

Como fazemos a melhoria de PageSpeed

1. Diagnóstico: análise do PageSpeed Insights, dados de campo e auditoria das páginas mais importantes (home, landing pages e páginas de produto).
2. Plano de ação: lista priorizada pelo impacto, com o que exige código e o que é configuração.
3. Imagens e fontes: conversão para WebP, dimensões corretas, carregamento sob demanda e fontes locais.
4. CSS e JavaScript: remoção do que não é usado, CSS crítico e adiamento de scripts.
5. Terceiros e GTM: tags revisadas e carregadas no momento certo, sem perder o rastreamento.
6. Servidor e cache: cache de página, compressão, versão do PHP e, se necessário, migração de hospedagem.

Meta de 90+ no PageSpeed

Nossa meta é 90+ no PageSpeed. Em sites desenvolvidos em HTML e em sistemas sob medida, essa meta costuma ser alcançada. Quando o site depende de uma estrutura pesada, que não pode ser trocada no momento, o diagnóstico define uma nota alvo realista antes de começar.

E a nota 100? Sites com chat, vários pixels e vídeos dificilmente chegam a 100, e perseguir a nota máxima a qualquer custo pode significar remover ferramentas importantes para o marketing. O objetivo é passar nas Core Web Vitals com os usuários reais e ter a melhor nota possível mantendo tudo o que o negócio precisa. Também explicamos por que a nota muda mesmo sem alterações no site.

E quando otimizar não basta?

Em alguns sites o problema está na base: tema multipropósito, page builder e dezenas de plugins. Dá para melhorar bastante, mas há um limite. Nesses casos, um novo projeto com tema WordPress próprio, um site institucional em HTML ou uma landing page em HTML para as campanhas costuma ser o investimento que mais retorna. Velocidade também é base de otimização SEO.

O que pode entrar na melhoria de PageSpeed

• Diagnóstico com dados de campo e laboratório
• Plano de ação priorizado
• Imagens em WebP com dimensões corretas
• Carregamento sob demanda de imagens
• Fontes locais e otimizadas
• CSS crítico e remoção de CSS sem uso
• JavaScript adiado e reduzido
• GTM e pixels com carregamento otimizado
• Cache, compressão e PHP atualizado
• Entrega white label, com a marca da agência

Perguntas frequentes sobre melhoria de PageSpeed