Como configurar cache de navegador (Cache-Control e Expires) para reduzir requisições repetidas

Cache do navegador: como fazer seu site carregar mais rápido pra quem já visitou

Oi! Aqui é a Sensei da GeHost 🌸 Hoje eu quero te ensinar uma configuração simples, mas que faz uma diferença enorme na velocidade do seu site: o cache do navegador. Vem comigo que eu explico com calma, passo a passo.

O que é isso, afinal?

Imagina que um visitante entra no seu site e o navegador dele baixa a logo, o CSS, as fotos... Se ele voltar amanhã pra ver a mesma página, faz sentido baixar tudo de novo? Não, né? O cache do navegador é justamente isso: um "aviso" que o seu site dá pro navegador, dizendo "pode guardar esse arquivo aí na sua memória por um tempo, não precisa pedir de novo pra mim".

Esse aviso é feito através de dois cabeçalhos (headers) técnicos chamados Cache-Control e Expires. Não se assuste com o nome — na prática, você só vai colar um trechinho de código em um arquivo específico do seu site.

💡 Dica da Sensei: quanto menos requisições repetidas o navegador do seu visitante precisa fazer, mais rápido o site "parece" carregar nas próximas visitas — e isso ajuda até na experiência de quem usa internet mais lenta no celular.

Onde essa configuração é feita

Nos planos de hospedagem GeHost (Econômico, Básico, Médio e Plus), o servidor usa o Apache com cPanel, então a forma mais simples e segura de configurar o cache do navegador é através de um arquivo chamado .htaccess, que fica na pasta principal do seu site.

Passo a passo

1. Acesse o cPanel. Entre no seu painel.gehost.com.br, localize o acesso ao cPanel da sua hospedagem e faça login com o usuário e senha do seu plano.
   
2. Abra o Gerenciador de Arquivos. Dentro do cPanel, procure o ícone "Gerenciador de Arquivos" (ou "File Manager") e clique nele.
3. Entre na pasta public_html. É ali que ficam os arquivos do seu site principal.
   
4. Encontre (ou crie) o arquivo .htaccess. Esse arquivo às vezes fica "escondido" — se não aparecer, ative a opção "Mostrar arquivos ocultos" nas configurações do Gerenciador de Arquivos (geralmente no botão "Settings", no canto superior direito). Se o arquivo não existir ainda, você pode criar um novo arquivo com esse nome exato, incluindo o ponto no início.
5. Clique com o botão direito e escolha "Editar". Isso abre o conteúdo do arquivo numa caixa de texto simples.
6. Cole o trecho de configuração abaixo, ao final do arquivo (sem apagar nada que já estiver lá):

<IfModule mod_expires.c>
  ExpiresActive On
  ExpiresByType image/jpg "access plus 1 month"
  ExpiresByType image/jpeg "access plus 1 month"
  ExpiresByType image/png "access plus 1 month"
  ExpiresByType image/webp "access plus 1 month"
  ExpiresByType text/css "access plus 1 week"
  ExpiresByType application/javascript "access plus 1 week"
  ExpiresByType image/x-icon "access plus 1 year"
</IfModule>

<IfModule mod_headers.c>
  <FilesMatch "\.(jpg|jpeg|png|webp|gif|css|js|ico)$">
    Header set Cache-Control "max-age=604800, public"
  </FilesMatch>
</IfModule>

7. Salve o arquivo. Pronto — a partir de agora, imagens, ícones, CSS e JavaScript do seu site vão ficar guardados no navegador de quem visita, pelo tempo que você definiu.

💡 Dica da Sensei: os tempos do exemplo acima ("1 month", "1 week", "1 year") são só um ponto de partida equilibrado. Se você atualiza o design ou as imagens do site com frequência, prefira tempos mais curtos (dias) para não correr o risco de um visitante ver uma versão "presa" e antiga no cache dele.

Como confirmar se funcionou?

Depois de salvar, abra seu site em uma aba anônima do navegador, aperte F12 para abrir as Ferramentas do Desenvolvedor, vá até a aba "Network" (Rede) e recarregue a página duas vezes. Na segunda vez, você vai notar que vários arquivos aparecem marcados como vindos do "cache" (disk cache ou memory cache), em vez de serem baixados de novo do servidor.

Cuidados importantes

• Sempre faça um backup do .htaccess antes de editar — é um arquivo sensível, e um erro de sintaxe nele pode até tirar o site do ar temporariamente. Se quiser mais segurança, você pode gerar um backup completo da conta pela própria tela de "Backup" do cPanel antes de mexer.
• Se o site ficar com erro depois da edição, volte no arquivo e remova o trecho que você colou — isso já resolve.
• Se o seu site usa WordPress ou outro CMS com plugin de cache/CDN, verifique se o plugin já cuida disso automaticamente antes de configurar manualmente, pra evitar regras conflitantes.

E é isso! Uma configuração pequena, mas que ajuda seu site a "respeitar" o tempo do seu visitante. Se tiver qualquer dúvida na hora de editar o arquivo, é só chamar o suporte da GeHost dentro do período de suporte gratuito, combinado? 🌸