Como configurar cabeçalhos de cache do navegador (browser caching) para o site

Como Configurar Cabeçalhos de Cache do Navegador para o Seu Site (Guia para Iniciantes)

Olá, querido(a) cliente da GeHost! 😊

Se você quer deixar seu site mais rápido e agradável para os visitantes, um dos segredos mais poderosos está nos cabeçalhos de cache do navegador. Sim, isso mesmo! Quando alguém visita seu site, o navegador guarda algumas coisas (como imagens, arquivos de estilo e scripts) para não precisar baixar tudo de novo na próxima vez. Isso é o browser caching — e configurar corretamente os cabeçalhos faz toda a diferença!

Imagine um cliente que volta ao seu site amanhã. Se o cache estiver bem configurado, ele vai carregar em segundos, sem esperar por cada imagem ou arquivo. Isso melhora a experiência, reduz o tempo de permanência e até ajuda no SEO. 🚀

Na GeHost, você pode ajustar isso com um simples arquivo de configuração. Vamos lá, com passos simples, como se fosse um amigo te ensinando na cozinha!

Passo 1: Acesse o Gerenciador de Arquivos do cPanel

Para fazer essa configuração, você precisa acessar o Gerenciador de Arquivos do seu painel de controle. Vamos lá:

1. Entre no seu painel do cliente: painel.gehost.com.br
2. Localize e clique em cPanel (geralmente no topo da tela).
3. No cPanel, procure por Gerenciador de Arquivos (na seção “Arquivos”).

Passo 2: Acesse a Pasta do Seu Site

Onde seu site está hospedado? Geralmente, na pasta public_html. É lá que o site é "visível" na internet.

4. No Gerenciador de Arquivos, clique em public_html (ou o nome da sua pasta principal).
5. Verifique se você está no diretório principal do seu site. É importante não mexer em pastas como public_html/cgi-bin ou public_html/backup — só o diretório principal.

Passo 3: Crie ou Edite o Arquivo .htaccess

O arquivo .htaccess é o "controlador" do seu site no servidor. Ele permite que você configure regras de cache, redirecionamento, segurança e muito mais — sem precisar de código complexo.

6. Procure por um arquivo chamado .htaccess. Ele pode não aparecer na lista inicial — isso é normal!
7. Se ele não existir, clique no botão Novo Arquivo e digite .htaccess no campo de nome.
8. Se já existir, clique duas vezes nele para editá-lo.

Dica do Sensei: Se o arquivo não aparecer, clique em Mostrar arquivos ocultos (geralmente no canto superior direito do Gerenciador de Arquivos).

Passo 4: Adicione as Regras de Cache

Agora vem a parte mágica! Copie e cole o código abaixo dentro do arquivo .htaccess. Ele define quanto tempo cada tipo de arquivo pode ficar armazenado no navegador do visitante.

# Habilita o cache para arquivos estáticos
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 month"
    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 text/javascript "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"
</IfModule>

# Evita que arquivos sejam armazenados em cache em certos casos
<IfModule mod_headers.c>
    Header unset ETag
    Header unset Last-Modified
    Header set Cache-Control "public, no-transform, max-age=31536000"
</IfModule>

Importante: Essas regras são seguras e funcionam bem para a maioria dos sites. Elas dizem ao navegador: “Guarde esses arquivos por um tempo longo, mas verifique se houve atualizações a cada 1 ano (para imagens) ou 1 mês (para CSS e JS).”

Passo 5: Salve e Teste

9. Depois de colar o código, clique em Salvar (ou Salvar Arquivo).
10. Volte ao seu site em um navegador novo (ou em modo anônimo) e verifique se ele carrega rápido.
11. Para testar se o cache está funcionando, use ferramentas como PageSpeed Insights (Google) ou KeyCDN Header Checker.

Conselho do Sensei: Não se preocupe se o site parecer um pouco mais lento no primeiro acesso. O cache só começa a funcionar após a primeira visita. Depois disso, ele será muito mais rápido!

Quer ir além?

Se você quiser, pode personalizar os tempos de cache para cada tipo de arquivo. Por exemplo, se você atualiza seu CSS toda semana, talvez queira reduzir o tempo para 1 semana em vez de 1 mês. Basta ajustar o valor no código.

Se tiver dúvidas, não hesite em entrar em contato com nosso suporte — estamos aqui para te ajudar, com um sorriso no coração. ❤️

Resumo do que você aprendeu hoje

• Cabeçalhos de cache ajudam o site a carregar mais rápido.
• O arquivo .htaccess é o “comando” para configurar isso no servidor.
• Você pode definir quanto tempo cada tipo de arquivo (imagens, CSS, JS) pode ficar armazenado no navegador.
• Após configurar, o site será mais leve e agradável para seus visitantes.

Parabéns, você está um passo mais perto de ter um site que brilha no desempenho! 🌟

Com carinho,
Seu Sensei da GeHost