Como Otimizamos o Site Cadê Dinheiro até Chegar aos 100 no Google PageSpeed (Mobile)

Print do resultado do teste PageSpeed do site Cadê Dinheiro, com pontuação de 100 no desempenho em dispositivos móveis.
Site Cadê Dinheiro atinge 100/100 no teste de desempenho do Google PageSpeed para mobile.

Alcançar uma pontuação perfeita de 100/100 no Google PageSpeed Insights não é fácil — especialmente em um site WordPress com múltiplas páginas, formulários e conteúdo visual. Mas foi exatamente isso que conseguimos no Cadê Dinheiro PageSpeed 100 , após uma série de ajustes técnicos focados em desempenho e experiência do usuário.

Neste post, vamos mostrar exatamente o que fizemos, por que funciona e como você também pode aplicar essas melhorias no seu próprio site.


Por que o desempenho importa?

A velocidade do site afeta tudo:

  • A experiência de quem visita (principalmente pelo celular)
  • A posição no Google (SEO)
  • A taxa de conversão (seja para vender, captar e-mails ou manter o visitante no site)

Sites lentos não apenas irritam os usuários — eles afundam nos resultados de busca. Por isso, otimizar foi uma prioridade desde o início do nosso projeto.


Ferramenta usada: Google PageSpeed Insights

Usamos a Ferramenta ofial do Google para medir o desempenho da versão mobile do site.

🔗 Clique aqui para ver o teste original (realizado em 15/05/2025)

💡 Se o relatório estiver expirado, basta colar o link do seu próprio site na ferramenta para testar ao vivo.

Gráfico exibindo a pontuação máxima de desempenho (100/100) no Google PageSpeed para o site Cadê Dinheiro em versão mobile.

O que fizemos para chegar aos Google PageSpeed 100 pontos

Listamos aqui os principais ajustes aplicados ao longo do processo:

✅ 1. Ativação do CDN via QUIC.cloud

  • Distribui o site globalmente para reduzir o tempo de resposta (TTFB)
  • Especialmente útil para visitantes fora do Brasil

✅ 2. Otimização com LiteSpeed Cache

  • Minificação de CSS e JS
  • Geração de CSS crítico por página (UCSS)
  • Carregamento assíncrono de estilos

✅ 3. Escolha de hospedagem com LiteSpeed nativo

Optamos por usar a Hostinger, que oferece servidores com LiteSpeed nativamente, o que permitiu ativar o LiteSpeed Cache e usar o CDN do QUIC.cloud com integração total.

Além disso:

  • É rápida, estável e com suporte em português
  • Tem painel próprio intuitivo (hPanel)
  • Permite integração com Cloudflare, GSC e outros com poucos cliques

🔗 Veja nossa recomendação da Hostinger para amigos

✅ 4. Correção do CLS (Layout Shift)

  • Desativamos o font-display: swap que estava causando saltos visuais
  • Garantimos que todas as imagens tivessem width e height definidos

✅ 5. Compressão e peso reduzido

  • Página com menos de 160 KB
  • Sem uso de scripts pesados
  • Imagens otimizadas com o plugin Smush

Antes e Depois: Comparativo Técnico

MétricaAntes (com problemas)Depois (otimizado)
Desempenho PSI96–98100
CLS (Layout Shift)0.7030.00
LCP (Maior conteúdo)2.8 s1.1 s
TBT (Bloqueios)816 ms10 ms
Peso total da página389 KB157 KB
SEO e Práticas100100

Resultado do teste PageSpeed Insights mostrando pontuação 100 em desempenho, com destaque para o site Cadê Dinheiro no modo mobile.

O que você pode aprender com isso

Se você tem um blog, um site de negócios ou mesmo uma página simples em WordPress, melhorar a performance não exige mágica — mas sim:

  • Boas práticas de código
  • Plugins certos configurados com cuidado
  • Testes, comparações e ajustes progressivos

Se quiser seguir esse caminho, comece pelo básico: ative o cache, otimize suas imagens, use um CDN gratuito (como o da QUIC.cloud) e acompanhe suas notas no PageSpeed Insights.


Se você tem um site WordPress e deseja alcançar esse nível de desempenho, siga as boas práticas que mostramos aqui. Ferramentas como o LiteSpeed Cache, um bom serviço de hospedagem e atenção à estrutura de código fazem toda a diferença. Teste, ajuste e monitore sempre. Com consistência, é possível não só atingir os 100/100 PageSpeed, mas também garantir uma excelente experiência para seus visitantes em qualquer dispositivo.


Quer testar o seu próprio site?

👉 Acesse: pagespeed.web.dev
Cole o link do seu site e veja como ele está hoje.
Você pode começar aos poucos e, com ajustes simples, evoluir bastante.

 

 

 

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

mais Posts