Como reduzir o número de requisições HTTP e deixar seu site mais rápido
Oi, tudo bem? Aqui é a Sensei da GeHost 🥋 e hoje eu vou te ensinar uma das coisas que mais faz diferença na velocidade de um site: reduzir o número de requisições HTTP.
Toda vez que alguém abre o seu site, o navegador da pessoa precisa "pedir" pro servidor cada arquivinho que forma a página: a imagem do logo, o arquivo de estilo (CSS), os scripts (JS), as fontes, os ícones... Cada um desses pedidos é uma requisição HTTP. Quanto mais requisições, mais tempo o navegador leva pra montar a página — é como se cada item da sua lista de compras exigisse uma ida separada ao mercado, em vez de comprar tudo de uma vez só. Vamos simplificar essa "lista de compras" do seu site?
Passo 1 — Entenda o que está pesando
Antes de sair mexendo em qualquer coisa, dê uma olhada em quantas requisições o seu site está fazendo. Você pode usar ferramentas gratuitas como o PageSpeed Insights ou o GTmetrix, colando o endereço do seu site. Elas mostram, entre outras coisas, quantos arquivos (imagens, CSS, JS) estão sendo carregados.
💡 Dica da Sensei: não precisa zerar tudo — o objetivo é reduzir o desnecessário, não deixar o site "pelado". Qualidade visual e velocidade andam juntas quando bem equilibradas.
Passo 2 — Junte arquivos parecidos (minificação e concatenação)
Se o seu site usa vários arquivos de CSS e vários de JavaScript separados, cada um deles é uma requisição a mais. A ideia aqui é juntar arquivos do mesmo tipo em um só e ainda "enxugar" o código (isso se chama minificação — remove espaços e comentários que não afetam o funcionamento).
- Se o seu site é em WordPress, plugins de cache/otimização (como WP Rocket, Autoptimize, W3 Total Cache, entre outros) fazem essa junção e minificação de forma automática, com poucos cliques.
- Se o seu site é feito sob medida (HTML/CSS/JS próprio), essa junção costuma ser feita direto no código-fonte, antes de subir os arquivos.
Passo 3 — Use "sprites" ou ícones em fonte/SVG
Se o seu site tem muitos ícones pequenos (redes sociais, setas, botões), cada ícone carregado como uma imagem separada é uma requisição a mais. Duas saídas boas:
- Sprite de imagens: juntar vários ícones pequenos em uma única imagem e usar CSS pra "recortar" só o pedacinho necessário em cada lugar.
- Ícones em fonte ou SVG inline: muitos temas e frameworks já trazem bibliotecas de ícones que carregam tudo em um único arquivo leve.
Passo 4 — Ative o carregamento preguiçoso (lazy load) de imagens
Nem toda imagem da página precisa carregar de uma vez. Com o lazy load, as imagens só são solicitadas ao servidor quando a pessoa realmente rola a página até chegar perto delas — isso não reduz o total de requisições da visita completa, mas reduz muito as requisições feitas no primeiro carregamento, que é o que o visitante sente na prática.
Em WordPress, isso já vem nativo nas versões mais recentes ou pode ser ativado por plugin de otimização.
Passo 5 — Reveja plugins, scripts externos e fontes
Cada plugin, cada script de terceiro (chat, pixel de rastreamento, contador de visitas, fonte do Google, ícone de rede social) é, no mínimo, mais uma requisição — às vezes várias de uma vez só.
- Desative plugins que você não usa mais.
- Verifique se dois plugins não estão fazendo a mesma coisa (ex.: dois plugins de SEO, dois de formulário).
- Prefira carregar fontes só nos pesos e estilos (negrito, itálico) que você realmente usa, em vez da família toda.
⚠️ Se você não tem certeza do que cada plugin faz, é mais seguro pedir uma avaliação pro nosso suporte do que desativar por conta própria e quebrar alguma função do site.
Passo 6 — Use um cache
Com o cache ativado (por plugin, no caso de WordPress, ou por configuração do próprio site), o navegador do visitante guarda uma cópia dos arquivos que não mudam com frequência (CSS, JS, imagens). Assim, nas próximas visitas, boa parte dos arquivos nem precisa ser pedida de novo ao servidor — ela já está guardada no navegador da pessoa.
Quando vale a pena chamar o suporte GeHost
Se você já aplicou essas dicas e sentiu que o site continua pesado, ou se não se sente à vontade para mexer em código/plugins, é só chamar o nosso suporte pelo painel.gehost.com.br. Lembrando que todo serviço entregue pela GeHost já vem com 30 dias de suporte gratuito após a entrega — aproveite esse período pra ajustar os detalhes de performance com a gente.
E se o seu site cresceu bastante (mais produtos, mais visitas, mais funcionalidades), talvez o momento seja de avaliar um plano de hospedagem com mais recursos — dá pra conferir as opções direto no seu painel.
🥋 Resumo da Sensei: menos arquivos, arquivos mais leves, coisas carregando só quando precisam, e um bom cache pra "lembrar" o que já foi baixado. Assim seu site fica mais rápido e a experiência do seu visitante melhora — e visitante feliz fica, compra e volta! 💚