Como Reduzir o Número de Requisições HTTP do Meu Site (Guia para Iniciantes)
Olá, querido(a) cliente da GeHost! 👋
Seu site é como uma casa: quanto mais portas e janelas abertas, mais energia (e tempo) ele gasta. Cada vez que um navegador carrega uma imagem, um estilo, um script ou uma fonte, ele faz uma requisição HTTP. Muitas requisições = site mais lento.
Hoje, vou te ensinar, com carinho e passo a passo, como reduzir esse número e deixar seu site mais rápido, leve e bem-vindo aos visitantes. Vamos lá, meu aluno(a) de primeira viagem? 🌟
💡 Por que reduzir requisições HTTP é importante?
Imagine que você está pedindo um prato de comida em um restaurante:
- Se pedir 10 pratos separados, o garçom vai ter que ir e voltar 10 vezes.
- Se pedir tudo junto em um único pedido, ele leva só uma vez.
É assim com o seu site: cada requisição é como um "garçom" indo buscar um arquivo. Muito garçom = muito tempo de espera.
Reduzir requisições HTTP = site mais rápido = melhor experiência para o visitante = mais conversões (vendas, contatos, inscrições).
🛠️ Passo a Passo: Como Reduzir Requisições HTTP
1. Combine arquivos CSS e JavaScript
Se seu site tem 5 arquivos de estilo (CSS) ou 4 arquivos de script (JS), o navegador precisa pedir cada um separadamente.
Solução: Junte todos os arquivos semelhantes em um só.
- Exemplo:
estilo1.css,estilo2.css→estilo-geral.css - Exemplo:
script1.js,script2.js→script-geral.js
Isso reduz de 5 para 1 requisição (ou de 4 para 1).
Dica: Use ferramentas como Webpack, Grunt ou Gulp se souber programar. Se não, peça ao desenvolvedor ou ao designer do seu site.
2. Use imagens em sprites (mapas de imagens)
Se seu site tem muitos ícones pequenos (como redes sociais, botões, ícones de menu), cada um é uma requisição.
Solução: Junte todos os ícones em uma única imagem grande (sprite).
Depois, use CSS para mostrar apenas a parte que você quer — como uma lupa sobre uma foto.
Exemplo: Em vez de carregar 10 ícones, carrega só 1 imagem e posiciona com CSS.
Se seu site usa ícones, pergunte ao criador se é possível usar um sprite. É uma técnica clássica e muito eficiente.
3. Minimize arquivos (minificação)
Arquivos grandes (CSS, JS, HTML) levam mais tempo para carregar. Minificar é remover espaços, comentários e linhas em branco.
Exemplo:
/* Antes (grande): */
body {
margin: 0;
padding: 20px;
font-size: 16px;
}
/* Depois (minificado): */
body{margin:0;padding:20px;font-size:16px;}
Isso não muda o funcionamento, mas reduz o tamanho — e, por consequência, o tempo de transferência.
Dica: Ferramentas como UglifyJS (para JS), CSSNano (para CSS) fazem isso automaticamente. Se não souber, peça ao desenvolvedor.
4. Use o CDN (Rede de Distribuição de Conteúdo)
Seu site está hospedado na GeHost, mas os visitantes podem estar em outro país. Carregar arquivos de um servidor distante é lento.
Solução: Use um CDN — como o Cloudflare ou o Google Cloud CDN.
Com um CDN, os arquivos estáticos (imagens, CSS, JS) são armazenados em servidores próximos ao visitante. Assim, ele não precisa esperar o servidor da GeHost.
Como usar no cPanel?
Na GeHost, você pode configurar o CDN via Cloudflare (recomendado).
Se já tiver o Cloudflare, basta:
- Acessar o painel da GeHost: painel.gehost.com.br
- Ir em Domínios → Gerenciar DNS
- Alterar os nomes de servidor (NS) para os do Cloudflare (ex:
ns1.cloudflare.com) - Ativar o CDN no Cloudflare (em modo "Proxy" para imagens, CSS, JS)
Com isso, o conteúdo é distribuído por todo o mundo — e o número de requisições efetivas para o servidor da GeHost cai muito.
5. Evite carregar recursos de terceiros (plugins, scripts externos)
Plugins de análise (como Google Analytics), chat ao vivo, widgets de redes sociais, scripts de anúncios — todos fazem requisições externas.
Solução: Use apenas o essencial.
- Se não precisa do chat ao vivo, não coloque.
- Se o Google Analytics está no site, use o Google Tag Manager para controlar melhor.
- Evite plugins que carregam 10 scripts diferentes só para mostrar um botão.
Quanto menos recursos externos, menos requisições.
6. Use cache de navegador (browser cache)
Quando um visitante volta ao seu site, ele não precisa baixar tudo de novo — se o navegador lembrar.
Solução: Configure o cache no servidor.
Isso é feito via .htaccess no diretório public_html.
Exemplo de código para adicionar no .htaccess:
<IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access 1 month" ExpiresByType image/jpeg "access 1 month" ExpiresByType image/gif "access 1 month" ExpiresByType image/png "access 1 month" ExpiresByType text/css "access 1 month" ExpiresByType text/javascript "access 1 month" ExpiresByType application/javascript "access 1 month" </IfModule>
Isso diz ao navegador: “Guarde esses arquivos por 1 mês. Não peça de novo.”
Dica: Para editar o .htaccess, use o Gerenciador de Arquivos no cPanel.
✅ Resumo: O que você pode fazer HOJE
- Combine arquivos CSS e JS.
- Use sprites para ícones.
- Minifique arquivos.
- Ative um CDN (Cloudflare é ótimo).
- Reduza plugins externos.
- Configure cache via .htaccess.
Se fizer só 3 desses passos, seu site vai ficar mais rápido que um foguete 🚀.
💡 Dica Final: Monitore seu progresso
Use ferramentas gratuitas como:
