Durante meses o SUV Car, meu blog de carros, ficou travado em nota 61 no PageSpeed pelo celular. Eu mexia numa coisa, testava, e a nota não saía do lugar. Hoje ele está com 99 no celular, e o Caiaque.net, meu blog de pesca, também chegou a 99 no celular e 100 em tudo no computador.
Não troquei de hospedagem, não comprei plugin pago e não tirei os anúncios. O que fiz foi descobrir o que realmente estava pesando e corrigir uma coisa de cada vez. Neste artigo eu mostro exatamente o que foi, com os prints, para você conseguir repetir no seu blog.
O ponto de partida: nota 61 no celular
O blog roda em WordPress, numa hospedagem compartilhada da Hostinger, com o plugin LiteSpeed Cache e o CDN da própria Hostinger. Ou seja, uma estrutura comum, igual à de muita gente. No computador a nota já era boa; o problema era o celular, que é justamente o teste que o Google usa como referência.
O PageSpeed reclamava de JavaScript demais, tempo de bloqueio alto e, em alguns testes, de mudança de layout (CLS). Quando fui olhar a fundo, quase tudo apontava para o mesmo lugar: o script do Google AdSense.
O que estava pesando de verdade
Foram quatro problemas somados. Nenhum deles sozinho explicava a nota, e é por isso que eu demorei para achar.
1. O AdSense carregava logo na abertura da página
O script do AdSense é pesado: ele baixa vários arquivos, roda muito JavaScript e ainda injeta anúncios que empurram o conteúdo. Se ele carrega junto com a página, o PageSpeed mede tudo isso como lentidão. No BR24, meu blog de viagem, eu deixei o AdSense carregando de imediato de propósito (explico o motivo mais abaixo) e veja a diferença:
2. O gatilho de “rolagem” disparava durante o próprio teste
Eu já tinha colocado o AdSense para carregar só quando o leitor interage com a página. O problema é que um dos gatilhos era o evento de rolagem (scroll) e o movimento do mouse. Acontece que o teste do PageSpeed também rola a página e simula movimento, então o AdSense era carregado durante a medição, e a nota despencava do mesmo jeito.
3. Um script do AdSense escondido dentro do bloco de anúncio da home
Esse foi o mais chato de achar. Quando você copia o código de um bloco de anúncio no painel do AdSense, ele vem com a linha <script async src="...adsbygoogle.js"> junto. Eu tinha colado esse código inteiro no espaço de anúncio da home. Resultado: mesmo com o carregamento atrasado configurado, essa linha carregava o AdSense na hora, por fora.
4. Cache antigo mascarando o resultado
O CDN da hospedagem guarda uma cópia de cada página. Eu corrigia algo, testava, e o PageSpeed recebia a versão antiga que estava no cache. Parecia que a correção não tinha funcionado, quando na verdade o teste nem estava vendo a página nova. No Caiaque.net aconteceu algo parecido com o LiteSpeed: depois de trocar o tema, ficou guardado um CSS antigo e a mudança de layout (CLS) foi para 0,47.
As mudanças, uma por uma
Passo 1: carregar o AdSense só quando o leitor interage de verdade
A regra que uso hoje é: o AdSense só carrega quando a pessoa toca na tela, clica, aperta uma tecla, usa a roda do mouse ou rola mais de 150 pixels. Se nada disso acontecer, ele carrega sozinho 8 segundos depois que a página terminou de abrir. Assim o leitor real vê os anúncios normalmente, mas o carregamento inicial fica leve.
Se o seu tema não tem essa opção, dá para fazer com este código no rodapé do site (troque o ca-pub-XXXXXXXXXXXXXXXX pelo seu ID de editor e remova a tag do AdSense que estiver no cabeçalho, senão ele carrega duas vezes):
<script>
(function () {
var carregado = false;
function carregarAdsense() {
if (carregado) return;
carregado = true;
var s = document.createElement('script');
s.async = true;
s.crossOrigin = 'anonymous';
s.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX';
document.head.appendChild(s);
}
['touchstart', 'pointerdown', 'keydown', 'wheel'].forEach(function (ev) {
window.addEventListener(ev, carregarAdsense, { once: true, passive: true });
});
window.addEventListener('scroll', function () {
if (window.scrollY > 150) carregarAdsense();
}, { passive: true });
window.addEventListener('load', function () {
setTimeout(carregarAdsense, 8000);
});
})();
</script>Repare que eu não uso mousemove nem qualquer rolagem como gatilho. Foi exatamente isso que fazia o AdSense carregar durante o teste.
Passo 2: tirar a linha do adsbygoogle.js de dentro dos blocos de anúncio
Nos espaços de anúncio (widgets, blocos HTML, campos do tema) deixe só o <ins class="adsbygoogle" ...> e o (adsbygoogle = window.adsbygoogle || []).push({});. A linha que carrega o adsbygoogle.js já é feita pelo código do passo 1. No meu tema eu automatizei isso: quando os anúncios automáticos estão ligados, o tema remove sozinho essa linha de qualquer conteúdo, widget ou bloco.
Passo 3: limpar o cache certo depois de cada mudança
- LiteSpeed Cache: em LiteSpeed Cache → Caixa de ferramentas, use “Limpar tudo”. Se você trocou de tema ou mudou CSS, limpe também o CSS crítico e o CSS único (CCSS/UCSS), porque o “Limpar tudo” não apaga esses dois.
- CDN da hospedagem: na Hostinger fica em hPanel → Desempenho → CDN → Limpar cache. Sem isso, o PageSpeed pode continuar recebendo a página antiga.
- Teste de novo só depois de limpar os dois, e rode o teste duas ou três vezes. A primeira medição depois de limpar o cache costuma sair pior.
Passo 4: tirar o que não precisa
Desativei plugins que estavam ali “por costume”, inclusive o Ad Inserter, porque o tema já cuida dos espaços de anúncio. Também desliguei os emojis do WordPress, que carregam um script em todas as páginas só para desenhar carinhas que o celular já sabe desenhar. Cada coisa dessas é pouco, mas no celular, com 4G lento simulado, tudo soma.
Resultado: antes e depois
| Blog | Antes (celular) | Depois (celular) |
|---|---|---|
| SUV Car | 61 | 99 (FCP 1,0 s · LCP 1,5 s · TBT 0 ms · CLS 0) |
| Caiaque.net | CLS 0,47 depois da troca de tema | 99 (FCP 1,0 s · LCP 1,9 s · TBT 0 ms · CLS 0) |
| BR24 (AdSense imediato de propósito) | — | 73 (LCP 5,6 s · TBT 280 ms) |
Por que o BR24 continua com 73
O BR24 está em análise no AdSense. Enquanto o site não é aprovado, eu prefiro que o código do AdSense esteja presente desde a abertura da página, do jeito que o Google espera encontrar. Depois da aprovação eu ligo o carregamento na interação e ele deve subir como os outros. É uma troca consciente: velocidade agora ou segurança na aprovação.
Uma observação honesta: carregar anúncios só na interação pode reduzir um pouco as impressões de quem entra e sai em poucos segundos. Nos meus blogs, o ganho de velocidade compensa, mas vale acompanhar o seu relatório do AdSense nas semanas seguintes.
O que eu faria primeiro em qualquer blog
- Rodar o PageSpeed no celular e anotar a nota e as métricas.
- Procurar todas as linhas
adsbygoogle.jsno site (cabeçalho, widgets, blocos, plugins) e deixar só uma, carregada na interação. - Conferir se nenhum gatilho de carregamento usa rolagem simples ou movimento do mouse.
- Desativar plugins que não fazem falta.
- Limpar o cache do plugin e do CDN, e só então testar de novo.
Boa parte disso já vem pronta no tema que eu uso nos meus blogs, o ADMonetiza. Se quiser testar no seu, eu explico como ele funciona e deixo o download no artigo ADMonetiza: o tema WordPress que criei para blogs com AdSense.
Perguntas frequentes
Nota alta no PageSpeed faz o blog subir no Google?
A velocidade é um dos sinais de experiência da página, mas não passa na frente de um conteúdo melhor. O ganho maior é no leitor: página que abre rápido no celular segura mais gente, e mais gente lendo significa mais páginas vistas e mais anúncios exibidos.
Atrasar o AdSense é permitido?
Sim. O código continua sendo o oficial do Google, só muda o momento em que ele é carregado. O que não pode é esconder anúncio, forçar clique ou alterar o código do anúncio em si.
Preciso trocar de hospedagem para ter nota alta?
No meu caso, não. Os dois blogs com 99 estão numa hospedagem compartilhada comum. Antes de pagar por um plano maior, vale eliminar o que está pesando dentro do próprio site.
Isaac Souza · Fundador da Monetividade
Isaac Souza é profissional de marketing digital e fundador da Monetividade. Cria, gerencia e monetiza blogs próprios — como o SUV Car, o Caiaque.net e o BR24 — usando conteúdo, SEO, Google AdSense, mídia programática e automação com IA. Aqui ele mostra, com números reais, o que deu certo (e o que não deu) nos próprios projetos, para ajudar você a construir e monetizar seus sites.
Continuar lendo →Me acompanhe nas redes sociais
Deixe um comentário