Como configurar cabeçalhos de cache do navegador (Cache-Control) Print

Como Configurar Cabeçalhos de Cache do Navegador (Cache-Control) – Guia Fácil para Melhorar o Desempenho do Seu Site

Olá, querido(a) cliente! Seja bem-vindo(a) ao seu guia de ouro para deixar seu site mais rápido e responsivo. Aqui, você vai aprender como configurar os cabeçalhos de cache — um segredo dos grandes — diretamente no seu painel da GeHost, sem precisar de código complexo ou ajuda técnica.

Imagine que seu site é um restaurante. O cache é como um cardápio pré-pronto que o cliente (o navegador) guarda na memória. Assim, na próxima vez que pedir o mesmo prato (carregar a página), ele não precisa esperar o cozinheiro (o servidor) preparar tudo de novo. Mais rápido, mais tranquilo, mais feliz!

Dica do Sensei: Configurar o Cache-Control corretamente pode fazer seu site carregar até 50% mais rápido — especialmente para visitantes que voltam com frequência!

Passo a Passo: Como Ativar o Cache no seu Site com a GeHost

Para isso, vamos usar o Gerenciador de Arquivos do cPanel — uma ferramenta simples, poderosa e feita pra você.

1. Entre no seu cPanel com suas credenciais. Se não se lembra, basta acessar seudominio.com.br/cpanel e digitar seu usuário e senha.

   

2. Uma vez logado, clique em Gerenciador de Arquivos na seção Arquivos. É aqui que vamos mexer no coração do seu site.

   

3. Na tela do Gerenciador de Arquivos, selecione a pasta public_html (ou o diretório principal do seu site). Essa é a raiz onde estão todos os arquivos do seu site.

   

4. Procure pelo arquivo .htaccess. Ele pode não aparecer à primeira vista, então clique em Mostrar arquivos ocultos (geralmente no canto superior direito).

   Se não tiver esse arquivo, crie um novo com o nome .htaccess (lembre-se: o ponto no início é essencial!)

5. Clique em Editar no arquivo .htaccess. Uma janela de edição abrirá.

6. Agora, cole este código no final do arquivo (não substitua o que já está lá — apenas adicione no fim):

   # Cache de arquivos estáticos (CSS, JS, imagens, etc.)
   <IfModule mod_expires.c>
       ExpiresActive On
       ExpiresDefault "access plus 1 month"
       ExpiresByType text/css "access plus 1 month"
       ExpiresByType application/javascript "access plus 1 month"
       ExpiresByType image/jpeg "access plus 1 year"
       ExpiresByType image/png "access plus 1 year"
       ExpiresByType image/gif "access plus 1 year"
   </IfModule>
   
   # Forçar cache de arquivos com extensão .html
   <IfModule mod_headers.c>
       Header set Cache-Control "public, max-age=3600"
   </IfModule>

   Esse código diz ao navegador: “Guarde esses arquivos por um tempo, não precisa baixar de novo”.

7. Após colar o código, clique em Salvar (ou "Salvar Arquivo"). Pronto! Seu site agora está otimizado para cache.

Como Funciona na Prática?

Depois de configurar:

• O primeiro visitante ainda carrega tudo do zero.
• Quem voltar em 1 hora, 1 dia ou 1 mês vai ver a página quase instantaneamente.
• Imagens e arquivos CSS/JS não precisam ser baixados de novo — eles já estão no cache do navegador.

Dica do Sensei: Evite colocar max-age=0 ou no-cache em arquivos estáticos. Isso anula o benefício do cache!

Importante: Quando Atualizar seu Site?

Se você mudar algo no CSS, JS ou uma imagem, atualize o nome do arquivo (ex: estilo.css → estilo-v2.css) para forçar o navegador a baixar a nova versão. Assim, o cache não atrapalha.

Pronto! Você está no caminho do sucesso!

Com esse simples ajuste, você já está entre os sites mais rápidos do mundo. Parabéns, guerreiro do desempenho!

Se tiver dúvidas, só chamar o nosso suporte — estamos aqui com um abraço virtual e muita paciência. 🌟