Como configurar cabeçalhos de cache (Cache-Control) para arquivos estáticos imprimir

  • 0

Cache-Control: como fazer seu site carregar mais rápido para quem já visitou

Oi, tudo bem? Aqui é a Sensei da GeHost 🥋 Hoje eu quero te ensinar um truque simples que faz uma diferença enorme na velocidade do seu site: os cabeçalhos de Cache-Control para arquivos estáticos (imagens, CSS, JavaScript, fontes, ícones etc).

Calma, não precisa saber programar para seguir esse guia — é só copiar, colar e salvar. Vamos com calma, passo a passo.

O que é isso, afinal?

Todo site é feito de duas partes: o conteúdo que muda sempre (textos, produtos, posts) e os arquivos que praticamente nunca mudam (o logo, os ícones, o CSS do tema, os scripts). Esses arquivos que "não mudam" são os arquivos estáticos.

O Cache-Control é uma instrução que o seu servidor manda para o navegador do visitante dizendo: "pode guardar uma cópia desse arquivo aí no seu computador/celular por um tempo, você não precisa baixar de novo." Resultado: na segunda visita, o site carrega muito mais rápido, porque boa parte dos arquivos já está salva no navegador da pessoa.

💡 Dica da Sensei: isso ajuda demais o desempenho para visitantes recorrentes, mas não substitui outras boas práticas, como imagens otimizadas e um bom tema. Pense no cache como um "empurrãozinho extra" de velocidade.

Antes de começar

  • Você vai editar (ou criar) um arquivo chamado .htaccess, que fica na pasta principal do seu site.
  • Faça um backup antes de mexer — é rapidinho e evita qualquer susto (veja como no fim deste guia).
  • Se o seu site for WordPress, Woocommerce ou outro CMS, algum plugin de cache/performance pode já cuidar disso para você. Se não souber, sem problema, siga o passo a passo abaixo mesmo assim.

Passo 1 — Acesse o cPanel

Entre no cPanel da sua hospedagem (o acesso fica disponível no seu painel.gehost.com.br, ou use o link e os dados de acesso que a GeHost te enviou por e-mail).

Tela de login do cPanel com campos de usuário e senha

Passo 2 — Abra o Gerenciador de Arquivos

Dentro do cPanel, procure o grupo "Arquivos" e clique em "Gerenciador de Arquivos" (File Manager). Depois, entre na pasta do seu site — geralmente é a public_html (se o seu site for um subdomínio, entre na pasta específica dele).

Tela do Gerenciador de Arquivos do cPanel mostrando a árvore de pastas

Passo 3 — Mostre os arquivos ocultos

O arquivo .htaccess começa com ponto, então ele fica escondido por padrão. Para mostrá-lo:

  1. No Gerenciador de Arquivos, clique em "Configurações" (geralmente no canto superior direito).
  2. Marque a opção "Mostrar arquivos ocultos (dotfiles)".
  3. Salve. Agora o .htaccess vai aparecer na listagem.

Se ele não existir ainda, você pode criar um novo arquivo com esse nome exato (usando o botão "+ Arquivo") direto na pasta do seu site.

Passo 4 — Faça um backup rapidinho

Antes de editar, clique com o botão direito no .htaccess e escolha "Baixar" (Download), guardando uma cópia no seu computador. Assim, se algo der errado, você consegue voltar tudo do jeitinho que estava.

Passo 5 — Edite o .htaccess e adicione as regras de cache

Clique com o botão direito no arquivo .htaccess e escolha "Editar". Cole as linhas abaixo no final do arquivo (sem apagar o que já existe lá):

<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/webp "access plus 1 year"

ExpiresByType image/svg+xml "access plus 1 year"

ExpiresByType text/css "access plus 1 month"

ExpiresByType application/javascript "access plus 1 month"

ExpiresByType font/woff2 "access plus 1 year"

</IfModule>

<IfModule mod_headers.c>

<FilesMatch "\.(jpg|jpeg|png|gif|webp|svg|css|js|woff|woff2)$">

Header set Cache-Control "public, max-age=2592000"

</FilesMatch>

</IfModule>

Explicando rapidinho o que cada parte faz:

  • mod_expires: diz por quanto tempo cada tipo de arquivo pode ficar guardado no navegador (imagens 1 ano, CSS/JS 1 mês — você pode ajustar esses tempos se quiser).
  • mod_headers: reforça a mesma ideia usando o cabeçalho Cache-Control, com max-age em segundos (2592000 segundos = 30 dias, nesse exemplo).

Depois de colar, clique em "Salvar alterações".

Passo 6 — Teste seu site

Abra seu site normalmente no navegador. Se tudo continuar funcionando (páginas, imagens, layout), deu certo! Se aparecer uma página de erro (tipo Erro 500), não se preocupe:

  1. Volte ao Gerenciador de Arquivos.
  2. Apague as linhas que você adicionou (ou restaure o backup que você baixou no Passo 4).
  3. Se preferir, chame nosso suporte que a gente te ajuda a revisar com calma.
💡 Dica da Sensei: se o seu site usa WordPress, muitos plugins de cache/performance já geram essas regras sozinhos — nesse caso, prefira configurar pelo plugin em vez de editar o .htaccess na mão, para evitar conflito entre as duas configurações.

E se eu usar uma CDN (tipo Cloudflare)?

Se você já usa algum serviço de CDN por conta própria, esses mesmos cabeçalhos de Cache-Control ajudam bastante, porque a CDN também vai respeitar esse tempo de validade para entregar os arquivos ainda mais rápido para seus visitantes, de qualquer lugar do mundo.

Qualquer dúvida durante o processo, é só chamar a gente — estamos aqui para te ajudar. 🙌


Esta resposta lhe foi útil?

« Retornar