Como configurar cache do navegador (browser caching) via .htaccess Print

  • 0

Como configurar cache do navegador via .htaccess para melhorar o desempenho do seu site

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

Se você está aqui, é porque quer deixar seu site mais rápido, mais responsivo e mais agradável para os visitantes — e isso é super importante. Um dos segredos mais poderosos para isso é o cache do navegador (ou browser caching).

Imagine que seu site é uma loja. Cada vez que alguém entra, ele tem que pegar tudo do zero. Agora imagine que, depois da primeira visita, o cliente leva um "kit de boas-vindas" com os itens mais usados — ele não precisa voltar a buscar tudo de novo. Isso é o cache!

No mundo digital, o cache do navegador faz exatamente isso: armazena arquivos estáticos (como imagens, CSS e JavaScript) no dispositivo do visitante, para que, na próxima visita, o site carregue muito mais rápido.

Hoje, vou te ensinar, de forma simples e prática, como ativar esse recurso usando o arquivo .htaccess — um dos grandes aliados da performance no seu site.

Antes de começar: o que você precisa

Antes de tudo, é bom saber que:

  • Esse guia é para quem já tem um site hospedado na GeHost.
  • Você precisa ter acesso ao cPanel (painel de controle).
  • Seu site já está com arquivos estáticos (imagens, CSS, JS) funcionando.

Se você ainda não tem acesso ao cPanel, entre no painel.gehost.com.br com suas credenciais.

Passo a passo: como configurar o cache via .htaccess

Abra o Gerenciador de Arquivos no cPanel. Vamos lá!

Tela inicial do cPanel com os grupos de ferramentas
  1. Localize o Gerenciador de Arquivos na seção "Arquivos". Clique nele.
  2. Na parte superior, selecione a pasta principal do seu site, geralmente public_html ou o domínio diretamente.
  3. Ative a opção "Mostrar arquivos ocultos (como .htaccess)". Isso é essencial — o arquivo .htaccess é oculto por padrão.
  4. Procure pelo arquivo chamado .htaccess na lista. Se ele existir, clique nele para editar.
  5. Se não houver arquivo .htaccess, clique em criar novo arquivo e digite .htaccess no nome.

Pronto! Agora vamos adicionar as regras de cache.

Adicione as regras de cache no .htaccess

Abra o editor de texto do arquivo e cole o código abaixo. Ele define quanto tempo cada tipo de arquivo deve 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"
    ExpiresByType application/zip "access plus 1 month"
    ExpiresByType application/octet-stream "access plus 1 month"
</IfModule>

# Força o navegador a verificar atualizações periodicamente
<IfModule mod_headers.c>
    Header append Cache-Control "public, must-revalidate"
</IfModule>

Seu arquivo .htaccess agora tem regras que dizem: "Guarde esses arquivos no navegador por um tempo, mas verifique se houve atualizações de vez em quando".

Salve e teste

  1. Após colar o código, clique em Salvar ou Salvar Arquivo.
  2. Volte ao seu site e faça uma visita. Abra as ferramentas do desenvolvedor do navegador (F12 ou Ctrl+Shift+I) e vá até a aba Network.
  3. Recarregue a página e veja os arquivos carregados. Você vai notar que arquivos como imagens e CSS aparecem com status 200 (from cache) ou 304 (Not Modified) — isso é sinal de que o cache está funcionando!

Dica Sensei: O cache funciona melhor quando você atualiza seu site com cuidado. Se alterar um arquivo CSS ou imagem, lembre-se de mudar o nome do arquivo (ex: estilo.cssestilo-v2.css) para forçar o navegador a buscar a nova versão.

Importante: o que pode dar errado (e como resolver)

Se o cache não estiver funcionando:

  • Verifique se o arquivo .htaccess está no diretório correto (public_html).
  • Confirme que o servidor tem o módulo mod_expires e mod_headers ativo — na GeHost, isso já está habilitado por padrão.
  • Se o site parar de carregar, verifique se o código foi digitado corretamente. Um caractere errado pode quebrar tudo.
  • Se tiver dúvidas, entre em contato com o suporte da GeHost — estamos aqui para ajudar! 🤝

Conclusão: sua jornada de performance começa agora

Configurar o cache do navegador via .htaccess é um passo simples, mas poderoso. Ele melhora a experiência do usuário, reduz o tempo de carregamento e até ajuda no SEO.

Seu site está mais rápido, mais leve, mais profissional. E você, querido(a) cliente, está no caminho certo — como um verdadeiro Senso de Desempenho! 🌟

Se precisar de ajuda com mais dicas de otimização, é só chamar a GeHost. Nós cuidamos da sua hospedagem, você cuida do seu sonho.

Com carinho,
Sensei da GeHost 💙


Was this answer helpful?

« Back