Como configurar o cache do navegador para arquivos estáticos do site
Olá, querido(a) cliente! Seja bem-vindo(a) ao seu guia de desempenho e otimização na GeHost. Aqui, vamos te ajudar a deixar seu site mais rápido e responsivo — como se fosse um superpoder para visitantes! 🚀
Quando alguém acessa seu site, o navegador baixa arquivos como imagens, CSS, JavaScript e vídeos. Se esses arquivos forem carregados toda vez, o site fica mais lento. A solução? ativar o cache do navegador — ou seja, ensinar o navegador a guardar esses arquivos por um tempo, evitando baixá-los de novo.
É como se você tivesse uma geladeira com os seus alimentos favoritos: quando volta, já tem tudo pronto. Sem precisar ir ao mercado toda vez!
Por que isso importa?
- Reduz o tempo de carregamento do site.
- Diminui o uso de banda.
- Deixa o visitante mais feliz — e mais propenso a voltar!
Na GeHost, esse recurso é configurado via .htaccess — um arquivo que controla como o servidor responde às requisições. Vamos lá!
Passo a passo: ative o cache para arquivos estáticos
- Entre no painel do cliente em painel.gehost.com.br.
- Na seção de Hospedagem, clique em Gerenciar para acessar o cPanel.
- No cPanel, encontre a ferramenta Gerenciador de Arquivos (File Manager) e clique nela.
- Na lista de pastas, clique em public_html (essa é a pasta principal do seu site).
- Na parte superior, verifique se a opção Mostrar arquivos ocultos está ativada. Se não estiver, ative.
- Procure pelo arquivo chamado .htaccess. Ele pode não aparecer à primeira vista — isso é normal, pois é um arquivo oculto.
- Clique duas vezes no arquivo .htaccess para editá-lo.
- Se o arquivo estiver vazio, cole o código abaixo. Se já tiver conteúdo, insira o código no final do arquivo, antes do fechamento (se houver).
💡 Dica sensata: Antes de editar o .htaccess, faça um backup do arquivo original. No cPanel, você pode clicar em "Download" antes de editar — assim, se algo der errado, pode restaurar com facilidade.
# Ativa o cache para arquivos estáticos
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/javascript "access plus 1 month"
ExpiresByType application/x-javascript "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType application/zip "access plus 1 month"
ExpiresByType application/octet-stream "access plus 1 month"
</IfModule>
Depois de colar o código:
- Clique em Salvar ou Salvar Arquivo.
- Pronto! Seu site já está com o cache configurado para arquivos estáticos.
Como verificar se funcionou?
Depois de salvar, você pode testar o site em um navegador novo ou em modo anônimo. Use as ferramentas de desenvolvedor (F12) e veja as requisições de rede. Você vai notar que arquivos como imagens e CSS estão sendo carregados com o status 200 (from cache) ou 304 (Not Modified) — isso é sinal de que o cache está funcionando!
Importante: cuidado com o .htaccess
O arquivo .htaccess é poderoso, mas também sensível. Se você colocar código errado, pode deixar seu site inacessível. Por isso:
- Nunca edite o arquivo sem fazer backup.
- Se algo der errado, restaure o arquivo original.
- Se tiver dúvidas, entre em contato com o nosso suporte — estamos aqui para te ajudar! 🌟
Quer mais? Dica extra!
Se você usa um CDN (como Cloudflare), ele também pode ajudar a melhorar o cache. A configuração do .htaccess funciona bem junto com o CDN — mas lembre-se: o cache no navegador é só uma parte da história. O resto é feito pelo CDN, se ativado.
Se precisar de ajuda com o CDN ou quiser saber como configurar o cache para outros tipos de arquivos, é só pedir. Aqui na GeHost, a gente te ajuda com carinho, como se fosse um amigo da vida real.
Com todo o carinho,
Sensei da GeHost
*Equipe de Suporte | G e Soluções e Eventos LTDA (CNPJ: 46.647.904/0001-04)*