Como configurar cabeçalhos de cache (Cache-Control) corretamente para arquivos estáticos

Como configurar cabeçalhos de cache (Cache-Control) corretamente para arquivos estáticos

Olá, amigo(a) desenvolvedor(a) ou dono de site! Seja bem-vindo(a) ao nosso Guia da GeHost, onde aprendemos juntos a deixar seu site mais rápido, mais leve e mais amado pelos visitantes. Hoje, vamos falar de um assunto poderoso, mas muitas vezes esquecido: os cabeçalhos de cache para arquivos estáticos.

Seu site tem imagens, arquivos CSS, JavaScript e fontes? Então, esse guia é para você! Com a configuração certa, esses arquivos podem ser armazenados no navegador do visitante — e isso significa que ele não precisa baixá-los toda vez que acessa seu site. Resultado? Velocidade, experiência e menos carga no servidor.

Na GeHost, você tem tudo o que precisa para fazer isso — e vamos te guiar passo a passo, com carinho, como um verdadeiro Sensei.

O que são cabeçalhos de cache (Cache-Control)?

Imagine que seu site é um restaurante. Cada vez que um cliente pede um prato, o cozinheiro precisa preparar do zero. Agora, se o cliente pedir o mesmo prato de novo, e o cozinheiro já tiver preparado, ele pode servir mais rápido. É isso que o cache faz: guarda cópias temporárias de arquivos para evitar reprocessamento.

O cabeçalho Cache-Control é uma instrução que você envia junto com o arquivo, dizendo ao navegador: "Pode guardar esse arquivo por X tempo, por favor?"

Dica do Sensei: Arquivos estáticos são os que não mudam com frequência: imagens, CSS, JavaScript, fontes. Eles são os melhores candidatos para cache.

Passo a passo: como configurar Cache-Control no cPanel da GeHost

Na GeHost, você controla tudo pelo cPanel — um painel simples, limpo e feito para quem quer dominar o seu site sem perder tempo. Vamos lá!

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

   

2. Depois de logado, você verá a tela inicial do cPanel. Procure pela ferramenta chamada “Gerenciador de Arquivos” — ela está no grupo “Arquivos”.

   

3. Clique em “Gerenciador de Arquivos”. Na tela que aparecer, selecione a pasta public_html (ou a subpasta onde estão seus arquivos estáticos, como assets, css, js, img).

   

4. Localize o arquivo que você quer otimizar. Por exemplo: style.css, script.js, logo.png.

   Selecione o arquivo com um clique e clique em “Editar” ou “Editar com código” (dependendo da versão do cPanel).

5. Se você está editando um arquivo de código (como CSS ou JS), não altere o conteúdo. Em vez disso, você vai adicionar uma regra no arquivo .htaccess — que é o arquivo que controla o comportamento do seu site no servidor.

   Se você ainda não tem um arquivo .htaccess na pasta public_html, crie um novo. No Gerenciador de Arquivos, clique em “Novo Arquivo”, digite .htaccess e clique em “Criar”.

6. Abra o arquivo .htaccess para edição. Se já existir, clique em “Editar”.

   Adicione as seguintes regras no início do arquivo (antes de qualquer outra regra, se já houver):

   # Cache para arquivos estáticos
   <IfModule mod_expires.c>
       ExpiresActive On
       ExpiresByType image/jpg "access plus 1 year"
       ExpiresByType image/jpeg "access plus 1 year"
       ExpiresByType image/png "access plus 1 year"
       ExpiresByType image/gif "access plus 1 year"
       ExpiresByType text/css "access plus 1 month"
       ExpiresByType application/javascript "access plus 1 month"
       ExpiresByType application/x-javascript "access plus 1 month"
       ExpiresByType font/woff "access plus 1 year"
       ExpiresByType font/woff2 "access plus 1 year"
       ExpiresByType application/x-font-ttf "access plus 1 year"
       ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
   </IfModule>
   
   # Cache-Control para arquivos estáticos
   <IfModule mod_headers.c>
       <filesMatch "\.(jpg|jpeg|png|gif|css|js|woff|woff2|ttf|eot)$">
           Header set Cache-Control "public, max-age=31536000, immutable"
       </filesMatch>
   </IfModule>
       

   Essas regras dizem ao navegador: "Guarde esses arquivos por 1 ano, e não precisa verificar se mudaram".

7. Salve as alterações. No cPanel, clique em “Salvar” ou “Salvar Arquivo”.

8. Pronto! Seu site agora está enviando os cabeçalhos corretos para arquivos estáticos.

   Para testar, use ferramentas como o Google PageSpeed Insights ou o GTmetrix. Elas vão mostrar se o cache está funcionando.

Dicas do Sensei para não errar

• Nunca cache arquivos que mudam com frequência — como páginas dinâmicas, arquivos de configuração ou arquivos que dependem de sessões.

• Use “immutable” para arquivos que não mudam (como fontes e imagens). Isso diz ao navegador: “Não precisa verificar se o arquivo mudou” — ainda mais rápido!

• Se você atualizar um arquivo (ex: um novo logo), modifique o nome (ex: logo-v2.png) ou adicione um parâmetro de versão (style.css?v=2). Assim, o navegador entende que é um novo arquivo.

• Se precisar, consulte seu plano no painel para saber se tem acesso ao .htaccess e ao módulo mod_expires e mod_headers. Na GeHost, esses recursos estão disponíveis em todos os planos.

Conclusão: seu site vai voar!

Configurar o Cache-Control corretamente é como dar um turbo ao seu site. Visitantes carregam mais rápido, seu servidor trabalha menos, e o Google te recompensa com melhor posicionamento.

Se tiver dúvidas, não hesite em entrar em contato com o nosso suporte