Desempenho & CDN 34 visualizações

Como usar cabeçalhos de cache (Cache-Control/Expires) para arquivos estáticos

Ver no WHMCS

Como usar cabeçalhos de cache (Cache-Control/Expires) para arquivos estáticos

Olá, amigo(a) desenvolvedor(a) ou administrador(a) de site! Seja bem-vindo(a) ao nosso Sensei da GeHost — aquele que te ajuda a deixar seu site mais rápido, mais leve e mais feliz para quem visita. Hoje vamos falar de um assunto que parece técnico, mas é super poderoso: como usar cabeçalhos de cache para arquivos estáticos.

Imagine que seu site tem imagens, arquivos CSS, JavaScript e fontes. Cada vez que alguém acessa seu site, esses arquivos precisam ser baixados de novo? Não! Com o cache, o navegador do visitante guarda esses arquivos por um tempo. Isso faz o site carregar mais rápido — e isso é super importante para a experiência do usuário.

Os cabeçalhos Cache-Control e Expires são como "cartões de visita" que você envia com esses arquivos. Eles dizem ao navegador: “Fique com isso por 1 mês. Não peça de novo até lá!”

Dica do Sensei: Arquivos estáticos são os que não mudam com frequência: imagens, CSS, JS, fontes. Eles são os grandes responsáveis por deixar seu site mais rápido.

Passo a passo: como configurar o cache no cPanel da GeHost

Na GeHost, você tem total controle sobre esses cabeçalhos usando o arquivo .htaccess — um pequeno arquivo que muda como o servidor responde às requisições. Vamos lá:

  1. Entre no painel do cliente em painel.gehost.com.br e faça login com suas credenciais.

  2. Na tela principal, clique em cPanel — é onde você gerencia seu site.

    Tela inicial do cPanel com os grupos de ferramentas
  3. Na seção Arquivos, clique em Gerenciador de Arquivos.

    Tela do Gerenciador de Arquivos com a estrutura de pastas do site
  4. Navegue até a pasta public_html (ou a pasta raiz do seu site).

  5. Procure o arquivo .htaccess. Se ele não existir, crie um novo com o nome exato: .htaccess (começando com ponto).

  6. Abra o arquivo para edição. Se não souber como, clique com o botão direito em .htaccess e selecione Editar ou Code Editor.

  7. Adicione as regras de cache no final do arquivo. Aqui está um exemplo prático e seguro:

    # Cache para arquivos estáticos
    <IfModule mod_expires.c>
        ExpiresActive On
        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 month"
        ExpiresByType application/javascript "access plus 1 month"
        ExpiresByType application/x-javascript "access plus 1 month"
        ExpiresByType font/woff "access plus 1 month"
        ExpiresByType font/woff2 "access plus 1 month"
        ExpiresByType application/x-font-ttf "access plus 1 month"
    </IfModule>
    
    # Cache-Control para arquivos estáticos
    <IfModule mod_headers.c>
        <FilesMatch "\.(jpg|jpeg|png|gif|css|js|woff|woff2|ttf)$">
            Header set Cache-Control "public, max-age=2592000"
        </FilesMatch>
    </IfModule>
        
  8. Salve as alterações. No cPanel, clique em Salvar ou Salvar Arquivo.

  9. Pronto! Agora seus arquivos estáticos serão armazenados no navegador do visitante por até 1 mês. A próxima vez que ele visitar seu site, esses arquivos já estarão prontos — sem precisar baixar de novo!

Quando usar esse recurso?

Use sempre que seu site tiver:

  • Imagens de produtos, banners ou fotos.
  • Arquivos CSS (estilos) que não mudam com frequência.
  • Scripts JavaScript (como jQuery ou plugins).
  • Fontes personalizadas (ex.: Google Fonts ou fontes próprias).
Dica do Sensei: Se você atualiza um arquivo CSS ou JS, o visitante pode continuar usando a versão antiga do cache. Para forçar a atualização, altere o nome do arquivo (ex.: style.css → style-v2.css).

Importante: o que NÃO fazer

Evite configurar cache por muito tempo para arquivos que mudam com frequência (como páginas dinâmicas ou arquivos de configuração). Isso pode fazer com que o visitante veja conteúdo desatualizado.

Se você não tem certeza se o arquivo está sendo cacheado, pode testar com ferramentas como o WebPageTest ou o Monitor de Rede do navegador.

Se precisar de ajuda, estamos aqui!

Se tiver dúvidas sobre como editar o .htaccess, se o cache não está funcionando ou se quiser personalizar os tempos, entre em contato com nosso suporte. Basta acessar o painel do cliente e abrir um chamado — estamos aqui para te ajudar com um sorriso no coração.

Seja bem-vindo(a) à GeHost, onde o seu site cresce com você. 🌟

GeHost — hospedagem com propósito, feita com carinho por Raphael Neves Koga desde 2015. CNPJ: 46.647.904/0001-04.

Precisa de Ajuda?

Nossa equipe está pronta para resolver suas dúvidas.