Como configurar cache do navegador para arquivos estáticos via .htaccess imprimir

  • 0

Como configurar cache do navegador para arquivos estáticos via .htaccess

Olá, querido(a) cliente! 👋

Se você está aqui, provavelmente quer deixar seu site mais rápido e responsivo — e o melhor caminho é ensinar o navegador a "lembrar" de certos arquivos. Isso é o que chamamos de cache do navegador. E, sim, é possível fazer isso diretamente no seu site, usando apenas um arquivo chamado .htaccess. Vamos lá, com calma, passo a passo — como se fosse uma conversa entre amigos no café. ☕

O que é cache do navegador?

Imagine que você visita um site e ele carrega uma foto, um estilo de página (CSS) e um script (JS). A cada vez que você volta, o navegador precisa baixar tudo de novo. Isso é lento, né?

Com o cache, o navegador guarda esses arquivos por um tempo (ex: 1 semana, 1 mês). Quando você volta, ele já tem tudo em casa — e o site carrega em um piscar de olhos!

Dica Sensei: Arquivos estáticos são os que não mudam com frequência: imagens, CSS, JavaScript, PDFs. São os perfeitos para cache!

Como fazer isso com .htaccess?

O arquivo .htaccess é como um "manual de instruções" para o servidor do seu site. Ele está dentro da pasta principal do seu site (geralmente public_html).

Seu objetivo: dizer ao navegador: “Esses arquivos aqui podem ficar guardados por um tempo. Não precisam ser baixados toda vez.

Passo a passo (fácil, como um chá gelado)

  1. Acesse o cPanel do seu site no painel da GeHost: painel.gehost.com.br.

    Tela de login do cPanel com campos de usuário e senha
  2. Depois de logar, veja a tela principal do cPanel. Procure por “Gerenciador de Arquivos” (File Manager) no grupo de ferramentas.

    Painel inicial do cPanel com os grupos de ferramentas, incluindo Arquivos
  3. Clique em “Gerenciador de Arquivos”. Na tela que abrir, selecione a pasta public_html (ou a pasta raiz do seu site) e clique em “Ir”.

    Tela do Gerenciador de Arquivos com a árvore de pastas e a opção de selecionar public_html
  4. Agora, procure pelo arquivo .htaccess. Ele pode estar escondido — para ver arquivos ocultos, clique em “Configurações” no canto superior direito e marque a opção “Mostrar arquivos ocultos (incluindo .htaccess)”.

    Se o arquivo .htaccess já existir, clique duas vezes nele para editá-lo. Se não existir, crie um novo com o nome .htaccess (lembre-se: o ponto antes do nome é essencial!)

  5. Abra o editor de texto do arquivo e cole o código abaixo:

    # Cache de 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/png "access plus 1 month"
        ExpiresByType image/gif "access plus 1 month"
        ExpiresByType text/css "access plus 1 week"
        ExpiresByType application/javascript "access plus 1 week"
        ExpiresByType application/x-javascript "access plus 1 week"
        ExpiresByType application/pdf "access plus 1 month"
    </IfModule>
    
    # Forçar cache para arquivos de imagem e CSS
    <IfModule mod_headers.c>
        Header set Cache-Control "public, max-age=2592000"
        Header set Cache-Control "public, max-age=604800"
    </IfModule>

    Esse código diz ao navegador: “Esses arquivos podem ficar guardados por 1 mês (imagens) ou 1 semana (CSS e JS).

  6. Salve as alterações. No Gerenciador de Arquivos, clique em “Salvar” ou “Salvar e Fechar”.

  7. Pronto! Seu site já começa a usar o cache do navegador. O efeito pode ser visível em poucos minutos — mas às vezes leva até 24h para o cache se espalhar por todo mundo.

Dica extra do Sensei

Se você fizer alterações no código e o site parar de funcionar, não se preocupe! O arquivo .htaccess é só um “manual” — se algo der errado, você pode apagar o conteúdo e criar um novo com as configurações corretas.

Se precisar, entre em contato com nosso suporte (no painel, clique em “Suporte” ou envie um ticket) — estamos aqui para ajudar, sempre.

Importante: o que NÃO fazer

  • Não altere arquivos do sistema ou do cPanel sem saber o que está fazendo.
  • Não use Cache-Control: private ou no-cache para arquivos estáticos — isso anula o propósito do cache!
  • Não coloque esse código em arquivos como index.html ou config.php — ele só funciona no .htaccess na raiz.

Seu site está mais rápido, seu cliente está mais feliz, e você? Está mais poderoso. 🚀

Se tiver dúvidas, é só chamar. A GeHost cuida de você, como cuidamos do nosso próprio site. 😊

Atenção: Seu site está hospedado com a GeHost — parte do Grupo G e Soluções e Eventos LTDA (CNPJ: 46.647.904/0001-04). Suporte e faturas estão disponíveis no painel do cliente. Aproveite seu tempo com o site, e o resto, deixa com a gente.


Esta resposta lhe foi útil?

« Retornar