Como configurar cache do navegador (client-side) via headers de expiração imprimir

  • 0

Como Configurar Cache do Navegador (Client-Side) com Headers de Expiração

Olá, querido(a) cliente! Seja bem-vindo(a) ao seu Sensei da GeHost — aqui, vamos te ajudar a deixar seu site mais rápido, mais leve e mais amado pelos visitantes. 🌟

No mundo da internet, tempo é ouro. E quando um visitante chega no seu site, ele não quer esperar. Ele quer ver logo o que procura. É aí que entra o cache do navegador — uma espécie de "memória curta" que seu navegador usa para não baixar de novo arquivos que já viu antes.

Com uma configuração certa, você pode fazer com que o navegador armazene arquivos estáticos (como imagens, CSS, JavaScript) por um tempo — e isso deixa seu site mais rápido para todos os visitantes que voltam!

Hoje, vamos aprender como configurar o cache do navegador via headers de expiração — um truque poderoso de desempenho que funciona com o CDN e até mesmo em sites simples.

Dica do Sensei: Arquivos como imagens, estilos e scripts que não mudam com frequência são os melhores candidatos para cache. Já páginas dinâmicas (como formulários ou listas de produtos) não devem ser cacheadas por muito tempo.

Passo a Passo: Como Configurar Expiração de Cache via Headers

Para fazer isso, vamos usar um arquivo chamado .htaccess — ele é o "comandante" do seu site no servidor. Ele controla como o servidor responde a pedidos de navegação.

  1. Acesse o cPanel do seu site no painel da GeHost: painel.gehost.com.br.
  2. Na página inicial do cPanel, procure pela ferramenta Gerenciador de Arquivos e clique nela.
  3. Na lista de pastas, clique em public_html (essa é a pasta raiz do seu site).
  4. Procure pelo arquivo chamado .htaccess. Ele pode estar escondido — se não aparecer, clique em Mostrar arquivos ocultos (no canto superior direito).
  5. Se o arquivo .htaccess não existir, clique em Novo Arquivo e digite .htaccess como nome.
  6. Abra o arquivo para edição e cole o código abaixo:

# Habilita o 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 application/json "access plus 1 week"
    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>
Atenção do Sensei: Esse código diz ao navegador: "Guarde esses arquivos por X tempo — não precisa baixar de novo!".
  1. Salve as alterações. No cPanel, clique em Salvar ou Salvar Alterações.
  2. Pronto! Seu site agora está usando cache de forma inteligente.

Como Verificar se Está Funcionando

Para testar, abra seu site em um navegador novo (ou modo anônimo). Depois, abra as Ferramentas de Desenvolvedor (F12 ou Ctrl+Shift+I) e vá até a aba Rede (Network).

Recarregue a página e veja os arquivos carregados. Você verá que arquivos como style.css ou logo.png aparecem com status 200 (from cache) — isso quer dizer que o navegador usou o cache, e não baixou de novo!

Tela do Gerenciador de Arquivos do cPanel com a pasta public_html selecionada

Quando Atualizar o Cache?

Se você mudar uma imagem, um estilo ou um script, o navegador ainda vai usar o cache antigo. Para forçar a atualização:

  • Modifique o nome do arquivo (ex.: de style.css para style-v2.css).
  • Ou use um parâmetro de versão na URL (ex.: script.js?v=2).
Dica do Sensei: Nunca apague o arquivo .htaccess sem fazer backup. Ele é muito importante para o funcionamento do seu site.

Importante: O Que Você Pode Fazer e O Que NÃO Pode

Na GeHost, você tem total controle sobre o .htaccess — então sim, pode configurar cache, redirecionamentos, segurança e muito mais.

Mas lembre-se:

  • Não altere arquivos do sistema (como index.php ou config.php) sem saber o que está fazendo.
  • Se precisar de ajuda, entre em contato com nosso suporte — estamos aqui para te ajudar, com carinho e paciência.

Resumo do Sensei

Configurar cache via headers de expiração é como dar um "pulo de qualidade" ao seu site. Com poucos cliques e um pequeno código, você deixa seu site mais rápido, mais leve e mais amigável.

Use o .htaccess com sabedoria, teste sempre, e lembre-se: o melhor site é o que carrega rápido e faz o visitante feliz.

Se tiver dúvidas, estamos aqui. Basta acessar o painel da GeHost ou entrar em contato com nosso time.

Com carinho, seu Sensei da GeHost 🌿


Esta resposta lhe foi útil?

« Retornar