Como deixar o site mais rápido no celular: passo a passo para negócio local
Por Jackson Menezes · publicado em
Você abre o seu próprio site no celular, conta até cinco e a página ainda está em branco. Agora pense em quem acabou de pesquisar “dentista perto de mim” e tem três outros nomes na tela. A pessoa não espera: volta e clica no próximo.
Como gestor de tráfego, eu vejo o custo disso na conta de anúncio. Você paga pelo clique, a pessoa chega, a página demora e ela vai embora. O clique foi pago do mesmo jeito. Por isso, em site de negócio local, velocidade é a primeira coisa que eu olho.
A boa notícia é que a maior parte da lentidão vem de poucos erros, e todos têm conserto.
Passo 1: teste o seu site de graça
- Abra o PageSpeed Insights.
- Cole o endereço do seu site e clique em Analisar.
- Olhe a aba Celular, não a de computador.
- Anote a nota e os três números principais abaixo dela.
| Número | O que mede | Bom |
|---|---|---|
| LCP | Quanto tempo o conteúdo principal leva para aparecer | Até 2,5 segundos |
| INP | Quanto tempo a página leva para responder a um toque | Até 200 milissegundos |
| CLS | Se a página “pula” enquanto carrega | Até 0,1 |
Mais abaixo, o teste lista “Oportunidades” e “Diagnósticos”. É essa lista que diz o que consertar. Salve uma captura de tela agora, para comparar depois.
Passo 2: imagens, o vilão número 1
Foto de consultório, de equipe e de resultado costuma ser o item mais pesado da página. Três regras resolvem:
- Use WebP. É um formato de imagem que pesa bem menos que JPG e PNG, com qualidade parecida. O Squoosh, do próprio Google, converte de graça no navegador.
- Envie no tamanho em que ela aparece. Uma foto de 4000 pixels de largura mostrada num espaço de 400 pixels carrega dez vezes mais dados do que precisa.
- Carregue sob demanda o que está lá embaixo. Imagens que ficam depois da primeira tela podem ter
loading="lazy". Na imagem do topo, não use: ela tem que aparecer na hora.
Se o seu site está em WordPress, existem plugins que fazem a conversão sozinhos. Em qualquer caso, vale revisar as fotos maiores à mão.
Passo 3: scripts de terceiros
Cada ferramenta que você cola no site vira código extra para o celular baixar e executar:
- Chat flutuante
- Mapa do Google incorporado na página
- Vídeo do YouTube aberto no topo
- Vários pixels e códigos de rastreio
- Botões de redes sociais com contador
Faça a pergunta honesta para cada um: isso traz contato? Se não traz, tira. Mapa e vídeo podem virar uma imagem que só carrega a ferramenta quando a pessoa clica. O código de rastreio que importa (Analytics, pixel) fica, mas conferido para não estar instalado duas vezes. Veja como fazer isso certo em como instalar o Google Analytics 4 no site.
Passo 4: fontes
Fonte carregada de outro servidor obriga o celular a fazer uma conexão a mais antes de mostrar o texto. Duas correções:
- Hospede as fontes no próprio site.
- Use no máximo duas famílias, com poucos pesos (normal e negrito, por exemplo).
Passo 5: plugins e tema pesado
Aqui o problema é típico de WordPress. Site com 30 plugins, vários parados, e um tema “multiuso” que traz funções que você nunca usa.
- Desative e apague plugin que não está em uso.
- Troque dois plugins que fazem a mesma coisa por um só.
- Se o tema é pesado demais, o conserto honesto é trocar de tema ou refazer o site de forma leve.
Passo 6: só depois, hospedagem e cache
Se você corrigiu imagens, scripts, fontes e plugins e o servidor ainda demora para responder, aí o problema pode ser a hospedagem. Uma hospedagem barata e compartilhada, dividida com centenas de sites, costuma ser lenta nas horas de pico. Um serviço de CDN (como a Cloudflare) guarda cópias do site perto de quem acessa e ajuda bastante.
Teste de novo, uma mudança por vez
Depois de cada passo, rode o PageSpeed Insights de novo e compare com a captura que você salvou. Assim você descobre o que realmente funcionou, em vez de mudar dez coisas e não saber qual deu resultado.
E se o site não tem conserto?
Acontece. Quando o site foi feito numa ferramenta que não deixa mexer no código, ou quando o tema está espalhado por todo o conteúdo, cada correção custa mais do que refazer. Falo desse caso em site para psicólogo: como ficar rápido, aparecer no Google e ser indicado pelo ChatGPT, e vale para qualquer consultório ou clínica.
O checklist completo do que um site de negócio local precisa ter está em site para negócio local: o que ele precisa ter. Se você quer que eu olhe o seu, veja o serviço de criação de sites.