Como configurar cache do navegador (browser caching) para acelerar o carregamento do site

Como configurar o cache do navegador (browser caching) para o seu site voar 🚀

Oi! Aqui é a Sensei da GeHost. Vou te explicar de um jeitinho bem simples o que é o "cache do navegador" e como ativar isso no seu site — sem enrolação, sem termo técnico difícil. Bora lá?

O que é isso, afinal?

Todo site é feito de várias partes: imagens, ícones, arquivos de estilo (CSS), scripts (JavaScript) etc. Sem cache, toda vez que alguém visita uma página do seu site, o navegador baixa tudo de novo, do zero — mesmo que a pessoa já tenha visitado ontem.

O cache do navegador é uma instrução que você dá pro navegador do visitante dizendo: "ei, guarda essa imagem/esse arquivo aí no seu computador por um tempo — não precisa baixar de novo na próxima visita". Resultado: o site carrega muito mais rápido pra quem já esteve lá, e seu servidor trabalha menos.

💡 Dica da Sensei: cache do navegador é diferente de "cache do site" (tipo plugin de cache do WordPress). Os dois ajudam a velocidade, mas de formas diferentes — e dá pra usar os dois juntos, sem problema nenhum.

Antes de começar: seu site é WordPress?

Se o seu site foi feito em WordPress, o caminho mais fácil e seguro é usar um plugin de cache/performance (tem várias opções boas e gratuitas no repositório oficial do WordPress). Eles configuram o cache do navegador pra você com poucos cliques, sem precisar mexer em arquivo nenhum. Se você não tem certeza de qual plugin usar ou prefere que a gente cuide disso, é só chamar o suporte pelo painel.gehost.com.br que a gente te orienta.

Se o seu site não é WordPress (é HTML puro, ou outro sistema), o caminho é configurar isso direto por um arquivo chamado .htaccess, que fica na pasta do seu site. Vou te mostrar como.

Passo a passo: configurando pelo Gerenciador de Arquivos (cPanel)

1. Acesse seu cPanel com o usuário e senha da sua hospedagem (você recebeu esses dados quando contratou o plano; se não lembra, dá uma olhada no seu e-mail de boas-vindas ou fala com a gente pelo painel do cliente).
2. Na tela inicial do cPanel, procure o grupo "Arquivos" e clique em Gerenciador de Arquivos.
3. Entre na pasta public_html (é onde ficam os arquivos do seu site principal).
4. Clique no ícone de "Configurações" (geralmente no canto superior direito) e marque a opção "Mostrar arquivos ocultos (dotfiles)" — o arquivo .htaccess começa com ponto, por isso fica escondido por padrão.
5. Se já existir um arquivo .htaccess na pasta, clique nele com o botão direito e escolha Editar. Se não existir, crie um novo arquivo com esse nome exato.
6. Adicione o seguinte trecho no arquivo (pode colar no final, sem apagar o que já tem):

Código para ativar o cache do navegador:

<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/webp "access plus 1 month"
  ExpiresByType image/svg+xml "access plus 1 month"
  ExpiresByType text/css "access plus 1 week"
  ExpiresByType application/javascript "access plus 1 week"
  ExpiresByType application/pdf "access plus 1 month"
</IfModule>

Esse trecho diz pro navegador: "guarde as imagens por 1 mês, o CSS e o JavaScript por 1 semana" — assim, quem visita o site de novo não precisa baixar tudo outra vez.

7. Clique em Salvar Alterações.
8. Abra seu site numa aba anônima do navegador e navegue por algumas páginas pra conferir que está tudo carregando normalmente.

⚠️ Atenção: qualquer edição no .htaccess deve ser feita com cuidado, porque um errinho de digitação pode derrubar o acesso ao site. Antes de editar, você pode baixar uma cópia do arquivo original (botão "Download") pra ter um backup na mão. Se ficar inseguro, chama a gente no suporte que fazemos isso pra você.

Prazos de cache: quanto tempo vale a pena?

Não existe um número mágico — depende do quanto seu site muda. Algumas referências gerais:

• Imagens e ícones que raramente mudam: prazos mais longos (semanas/meses).
• CSS e JavaScript: prazos médios (dias/semanas), já que eles podem ser atualizados com mais frequência quando você mexe no design do site.
• Páginas HTML em si: normalmente não se coloca cache longo, pra garantir que o conteúdo mais novo sempre apareça.

Recapitulando 🎯

• Cache do navegador = visitante recorrente carrega o site mais rápido, sem baixar tudo de novo.
• WordPress → prefira um plugin de cache/performance, é mais simples e seguro.
• Site sem WordPress → configure pelo arquivo .htaccess, direto no Gerenciador de Arquivos do cPanel.
• Sempre guarde uma cópia do arquivo antes de editar, e não precisa fazer isso sozinho — o suporte GeHost está aqui pra ajudar.

Qualquer dúvida durante o processo, é só chamar a gente pelo painel.gehost.com.br — a Sensei e o time tão sempre por aqui! 😊