Como configurar regras de cache personalizadas por tipo de arquivo no CDN

Como configurar regras de cache personalizadas por tipo de arquivo no CDN

Oi! Aqui é a Sensei da GeHost 🌱 Hoje vamos falar de um ajuste que parece "avançado" mas que, com calma, qualquer pessoa consegue fazer: ensinar o cache a tratar cada tipo de arquivo do seu site de um jeito diferente. Uma imagem pode ficar guardada no navegador do visitante por muito tempo, enquanto o HTML da sua página precisa ser sempre "fresquinho". Vamos entender o porquê e o como.

Por que ter regras de cache diferentes por tipo de arquivo?

Cache é a "memória" que guarda uma cópia dos arquivos do seu site — seja no navegador do visitante, seja em uma camada de CDN na frente da sua hospedagem. Isso deixa o carregamento mais rápido, porque o arquivo não precisa ser buscado de novo a cada visita.

O detalhe é que nem todo arquivo se comporta igual:

• Imagens, ícones e fontes (jpg, png, svg, webp, woff, woff2) mudam muito pouco — dá pra guardar em cache por bastante tempo.
• CSS e JavaScript também podem ficar em cache por um bom tempo, principalmente se você usa versionamento no nome do arquivo (ex.: estilo.v2.css).
• Páginas HTML costumam mudar com mais frequência (preço, texto, produto novo), então o ideal é um cache curto ou "sempre revalidar".

💡 Dica da Sensei: se você atualiza o site e a mudança "não aparece" pro visitante, na maioria das vezes é cache antigo de HTML guardado por tempo demais — não é bug, é configuração pra ajustar!

Passo a passo: definindo regras por tipo de arquivo

Na hospedagem GeHost, o controle de cache por tipo de arquivo é feito através do arquivo .htaccess, que fica na raiz do seu site (geralmente a pasta public_html). É nele que você diz ao navegador — e a qualquer CDN configurada na frente do seu domínio — quanto tempo guardar cada tipo de arquivo.

1. Acesse o painel.gehost.com.br e entre no cPanel da sua hospedagem.

2. No painel inicial do cPanel, procure o grupo Arquivos e clique em Gerenciador de Arquivos.
3. Navegue até a pasta do seu site (normalmente public_html) e localize o arquivo .htaccess. Se ele estiver oculto, ative a opção de "mostrar arquivos ocultos" nas configurações do Gerenciador de Arquivos.

4. Antes de qualquer coisa: faça uma cópia do arquivo .htaccess atual (clique com o botão direito e escolha "copiar" com outro nome, tipo .htaccess-backup). Assim, se algo der errado, você volta atrás em segundos.
5. Clique com o botão direito no .htaccess e escolha Editar.
6. No final do arquivo, adicione as regras de cache por tipo de extensão. Um exemplo comum de organização é:
   • Imagens e fontes (jpg, png, svg, webp, woff, woff2): tempo de cache mais longo.
   • CSS e JavaScript: tempo de cache médio.
   • HTML: tempo de cache curto ou sem cache, pra garantir que atualizações apareçam rápido.
7. Salve o arquivo e visite seu site em uma aba anônima do navegador pra testar se tudo continua carregando normalmente.

💡 Dica da Sensei: se você não tem familiaridade com edição de código, não tem problema nenhum em pedir apoio ao suporte antes de mexer no .htaccess — é um arquivo sensível e um pequeno erro de sintaxe pode deixar o site fora do ar temporariamente.

Se você usa uma CDN externa na frente do seu domínio

Muitos clientes colocam uma CDN (como as que fazem cache global de conteúdo) apontando pro domínio hospedado na GeHost. Nesse caso, as regras de cache costumam ser configuradas em dois lugares complementares:

• No .htaccess da hospedagem (como vimos acima), que define os cabeçalhos de cache na origem.
• No painel da própria CDN, onde normalmente existem "regras de página" ou "regras por extensão" que reforçam ou sobrescrevem esse comportamento mais perto do visitante.

Como cada CDN tem sua própria interface, o caminho exato varia — o importante é que as regras da hospedagem e as da CDN não fiquem contradizendo uma à outra.

Testando se o cache está funcionando

1. Abra seu site em uma aba anônima do navegador.
2. Use as Ferramentas do Desenvolvedor (F12) → aba Rede/Network e recarregue a página.
3. Clique em um arquivo de imagem, CSS ou JS e veja os cabeçalhos de resposta — procure por Cache-Control ou Expires pra confirmar que o tempo definido está sendo aplicado.

💡 Dica da Sensei: se depois de configurar o cache uma alteração no site "sumir" e não aparecer nem em aba anônima, tente fazer um hard refresh (Ctrl+F5 ou Cmd+Shift+R) — às vezes é só o cache antigo do seu próprio navegador ainda guardado.

Precisa de ajuda?

Se tiver qualquer dúvida na hora de editar o .htaccess ou quiser confirmar se as regras ficaram corretas para o seu plano, é só chamar o suporte da GeHost — estamos por aqui pra te ajudar nessa jornada de deixar o site mais rápido! 🚀