Ninguém espera muito tempo por uma página que não carrega. Um site lento perde visitantes, vendas e posições nas buscas. A parte boa é que, na maior parte das vezes, poucos problemas respondem pela maior parte da lentidão. O truque é descobrir quais são, em vez de otimizar às cegas.
Meça antes de mexer
Use ferramentas gratuitas:
- PageSpeed Insights: do Google, analisa uma página e dá notas para celular e computador, com sugestões práticas.
- Lighthouse: auditoria integrada ao navegador (nas ferramentas do desenvolvedor, no Chrome).
- Aba Rede (Network) do navegador: mostra cada arquivo baixado, com tamanho e tempo.
- Search Console: o relatório de experiência da página mostra problemas reais de usuários.
Teste a página inicial e duas ou três páginas importantes, como a de um produto ou a de um artigo. Anote as notas e, se possível, faça o teste também com uma conexão de celular, porque é nela que a lentidão mais aparece. Sempre que fizer uma mudança, meça de novo. Pequenas variações entre testes são normais, então olhe a tendência.
As métricas centrais são os Core Web Vitals: o tempo até o maior elemento aparecer (LCP), a rapidez de resposta aos toques e cliques (INP) e a estabilidade visual, que mede se a página “pula” enquanto carrega (CLS).
As correções que mais fazem diferença
São seis frentes, da que mais costuma pesar à que menos pesa. Comece de cima.
1. Imagens: o maior vilão
Fotos pesadas são a causa número um de sites lentos. Corrija assim:
- Redimensione: não suba uma foto de 4000 pixels de largura para exibir em 800.
- Comprima: ferramentas gratuitas reduzem o peso sem perda visível.
- Use formatos modernos: WebP e AVIF costumam gerar arquivos menores que JPG e PNG, com boa qualidade. Verifique o suporte nos navegadores que seu público usa.
- Carregamento preguiçoso (lazy loading): imagens abaixo da dobra só carregam quando o visitante rola até elas. Basta o atributo loading com valor lazy.
- Defina largura e altura: isso reserva o espaço e evita saltos de layout.
2. Cache e compressão
O cache guarda cópias de arquivos para não precisar baixá-los toda vez. Existem dois tipos principais: o do navegador do visitante e o do servidor, que entrega páginas prontas. A compressão (gzip ou Brotli) reduz o tamanho dos textos enviados. A maioria das hospedagens modernas oferece ambos; confira no painel ou com o suporte.
Um CDN (rede de distribuição de conteúdo) guarda cópias do site em vários locais do mundo e entrega ao visitante a mais próxima. Serviços como o Cloudflare têm planos gratuitos para começar.
3. Menos código, menos scripts
- Minifique CSS e JavaScript: remove espaços e comentários, reduzindo o arquivo.
- Carregue só o necessário: não use uma biblioteca inteira para um efeito pequeno.
- Scripts de terceiros (chats, rastreadores, pixels, widgets de redes sociais) são pesados. Revise cada um e remova o que não traz resultado.
- Adie o que não é urgente: os atributos defer e async no script evitam que ele bloqueie a exibição da página.
4. Fontes
Fontes personalizadas são arquivos extras. Use poucas famílias e poucos pesos (por exemplo, normal e negrito), hospede localmente quando possível e configure a exibição para mostrar um texto temporário enquanto a fonte carrega (propriedade font-display).
5. Se o site é WordPress
O WordPress pode ficar pesado com o tempo. Ajuda:
- Usar um tema leve e bem avaliado.
- Remover plugins que você não usa. Cada um acrescenta código e consultas ao banco.
- Instalar um plugin de cache e um de otimização de imagens, se a hospedagem não fizer isso.
- Manter o WordPress, o tema e os plugins atualizados.
- Evitar construtores de página visuais muito pesados quando uma página simples basta.
Se você ainda vai instalar, veja como instalar o WordPress e comece leve.
6. Hospedagem e servidor
Se, mesmo após otimizar, o tempo de resposta do servidor continua alto, o problema pode estar na hospedagem: plano muito limitado, servidor sobrecarregado ou longe do público. Conversar com o suporte e, se necessário, migrar para um plano melhor resolve. Entenda as opções em domínio, hospedagem e DNS.
Pense no celular
Os testes mais duros são os de celular com conexão moderada. Layouts leves, imagens adaptadas ao tamanho da tela e poucos scripts ajudam. Veja também site responsivo: como deixar bom no celular.
Ordem de ataque
Para ganhar tempo, siga esta ordem:
- Meça e identifique os maiores arquivos.
- Otimize as imagens.
- Ative cache e compressão.
- Remova scripts e plugins inúteis.
- Ajuste as fontes.
- Reavalie a hospedagem.
Depois de cada etapa, meça de novo. Se a nota subiu, ótimo; se não mudou, o gargalo está em outro lugar. Registre as notas antes e depois em uma planilha simples: assim você sabe o que funcionou e não desfaz um bom trabalho por engano mais adiante.
Um cuidado final
Não existe nota 100 obrigatória, e correr atrás dela pode custar mais do que rende. Sites com vídeos, mapas e ferramentas de terceiros dificilmente chegam lá, e tudo bem. Uma página bem útil que carrega rápido o suficiente já é um bom resultado. Priorize corrigir o que os visitantes sentem na prática e combine esse trabalho com o SEO técnico básico.