Prevenindo o cache de arquivos CSS do lado do servidor com Apache

Ao desenvolver sites, é crucial garantir que os visitantes estejam acessando as versões mais recentes do Arquivos CSS para evitar problemas de cache. Este artigo aborda a questão de saber se o Apache armazena recursos em cache e fornece uma solução para evitar que isso aconteça, especialmente ao encontrar um cenário em que as alterações de CSS não são refletidas no navegador, apesar de recarregar a página.

É é verdade que o Apache armazena recursos em cache?

Sim, o Apache pode armazenar recursos em cache, como arquivos CSS, para melhorar o tempo de carregamento da página. Esse comportamento é controlado principalmente pelo módulo mod_expires, que especifica datas de expiração para diferentes tipos de arquivo. Para verificar se o Apache está armazenando arquivos CSS em cache em seu servidor, você pode usar as seguintes etapas:

1. Abra um prompt de comando ou janela de terminal.
2. Navegue até o diretório de configuração do Apache (geralmente /etc/apache2).
3. Edite o arquivo .htaccess no diretório public_html.
4. Adicione o seguinte código:

ExpiresActive On
ExpiresDefault "access plus 0 seconds"
ExpiresByType text/css "access plus 0 seconds"

5. Salve o arquivo e reinicie o Apache.
6. Abra o navegador e atualize a página. Se o arquivo CSS tiver sido atualizado, você deverá ver as alterações imediatamente.

Como evitar que o Apache armazene arquivos CSS em cache?

Para evitar que o Apache armazene em cache Arquivos CSS, você pode definir a data de expiração dos arquivos CSS para uma duração curta, como zero segundos. Ao fazer isso, o navegador sempre buscará a versão mais recente do arquivo CSS do servidor, em vez de usar a versão em cache. Veja como você pode fazer isso:

1. Localize o arquivo .htaccess no diretório public_html.
2. Adicione a seguinte linha:

ExpiresByType text/css "access plus 0 seconds"

3. Salve o arquivo e reinicie Apache.

Como alternativa, você pode usar uma string de consulta para forçar o navegador a recarregar o arquivo CSS sempre que ele for solicitado. Por exemplo, você pode alterar seu link CSS para o seguinte:

Ao atualizar o arquivo CSS, aumente o valor do parâmetro v para forçar um recarregamento.