Como usar o cache do navegador (browser caching) via .htaccess para acelerar visitas repetidas

Como usar o cache do navegador via .htaccess para acelerar visitas repetidas

Olá, viajante da web! Seja bem-vindo ao seu novo guia de superpoderes para deixar seu site mais rápido. Hoje vamos aprender um truque simples, mas poderoso: como usar o cache do navegador com um arquivo chamado .htaccess para que os visitantes que voltam ao seu site tenham uma experiência mais rápida e suave — como se o site já estivesse pronto antes mesmo de carregar.

Imagine isso: um visitante chega no seu site, vê as fotos, o texto, os botões… tudo carrega rápido. Depois, ele volta amanhã. Em vez de baixar tudo de novo, o navegador já tem os arquivos guardados. É como se o site “lembrasse” de quem já esteve lá antes. Isso é o browser caching — e nós vamos configurar isso com um toque de mágica no .htaccess.

Dica Sensei: O cache do navegador não é só para fotos e vídeos. Ele pode guardar arquivos como CSS, JavaScript, ícones e até arquivos de fonte. Quanto mais coisas forem armazenadas, mais rápido seu site fica na volta!

Passo a passo: como ativar o cache via .htaccess

Antes de começar, é bom saber que o .htaccess é um arquivo especial que vive na raiz do seu site (geralmente dentro da pasta public_html). Ele controla como o servidor responde a pedidos — e aqui, vamos usar ele para dizer ao navegador: “Salve esses arquivos por um tempo, por favor!”

1. Entre no painel do cPanel — Acesse painel.gehost.com.br com suas credenciais.

2. Abra o Gerenciador de Arquivos — No painel, clique em Arquivos e depois em Gerenciador de Arquivos.

3. Selecione a pasta raiz — No Gerenciador, clique em public_html (essa é a pasta principal do seu site).
4. Verifique se há um arquivo .htaccess — Procure por um arquivo chamado .htaccess. Se ele existir, clique nele e escolha Editar (ou Code Editor).
5. Se não houver .htaccess — Clique em Novo Arquivo, digite .htaccess no nome e clique em Salvar. Depois, abra-o para editar.
6. Cole o código de cache — No editor, cole o código abaixo. Ele diz ao navegador para armazenar certos arquivos por um tempo (ex: 1 mês para imagens, 1 ano para CSS e JS).

# Habilita o cache do navegador para arquivos estáticos
<IfModule mod_expires.c>
    ExpiresActive On
    ExpiresDefault "access plus 1 day"
    ExpiresByType image/jpg "access plus 1 month"
    ExpiresByType image/jpeg "access plus 1 month"
    ExpiresByType image/gif "access plus 1 month"
    ExpiresByType image/png "access plus 1 month"
    ExpiresByType text/css "access plus 1 year"
    ExpiresByType application/javascript "access plus 1 year"
    ExpiresByType application/x-javascript "access plus 1 year"
    ExpiresByType application/pdf "access plus 1 month"
</IfModule>

# Força o navegador a verificar se os arquivos mudaram
<IfModule mod_headers.c>
    Header append Cache-Control "public"
</IfModule>

7. Salve as alterações — Após colar o código, clique em Salvar ou Salvar Arquivo.
8. Teste seu site — Abra seu site em um navegador novo (ou em modo anônimo) e veja como ele carrega. Depois, recarregue. Na segunda vez, ele deve ser mais rápido!

Por que isso funciona?

O navegador do visitante vai entender que, por exemplo, as imagens do seu site podem ficar guardadas por um mês — ou até um ano para arquivos como CSS e JavaScript. Isso evita que o site precise baixar esses arquivos toda vez que alguém volta. O resultado? Menos tempo de espera, mais satisfação do usuário, e até melhor posicionamento no Google!

Dica Sensei: Se você atualizar um arquivo (como um CSS ou imagem), o navegador ainda vai usar a versão antiga até o tempo de cache acabar. Para forçar a atualização, você pode mudar o nome do arquivo (ex: estilo.css → estilo-v2.css).

Importante: Cuidado com o cache

Este recurso é ótimo para sites estáticos (como portfólios, lojas virtuais com poucas atualizações). Mas se seu site muda todos os dias, talvez você queira reduzir o tempo de cache (por exemplo, de 1 ano para 1 semana).

Se precisar ajustar, basta voltar ao .htaccess e mudar os valores como 1 month ou 1 year para o tempo que desejar.

Pronto! Você está no caminho da velocidade

Com esse simples ajuste no .htaccess, você já está dando um grande passo rumo a um site mais rápido, mais eficiente e mais amigável. Lembre-se: cada segundo de economia é um visitante feliz.

Se tiver dúvidas, não hesite — o suporte da GeHost está aqui para te ajudar. E lembre-se: você não está sozinho nessa jornada. Estamos com você, a cada passo.

Até a próxima, com muita luz e velocidade!

— Sensei da GeHost, Raphael Neves Koga (desde 2015)