Não armazenar CSS, JavaScript e Imagem em cache | Café ++
Publicado: 24/07/2017 - Everson Vansoski

Não armazenar CSS, JavaScript e Imagem em cache

Veja duas formas de evitar que seus arquivos fiquem armazenados no cache do navegador

O armazenamento em cache exite para melhorar a performance do carregamento das páginas web, no entanto existem casos específicos em que esse processo acaba atrapalhando. Listamos abaixo duas formas de evitar isso, caso haja necessidade.

Usando QueryString/GET

A aplicação é simples, se você estiver usando uma linguagem server side pode criar uma variável e adicionar um valor que muda constantemente, veja o exemplo usando PHP:

echo "<script src='seuScript.js?time=".time()."'></script>";
echo "<link href='seuEstilo.css?time=".time()."' rel='stylesheet' type='text/css'/>";
echo "<img src='suaImagem.jpg?time=".time()."'>";
O comando time() retorna o time Unix atual em segundos, então esse valor será variável a cada acesso que o usuário fizer.

Caso esteja usando HTML puro, basta adicionar um valor qualquer e troca-lo sempre que alterar o arquivo

<script src="seuScript.js?time=684645"></script>
<link href="seuEstilo.css?time=684645" rel="stylesheet" type="text/css"/>
<img src="suaImagem.jpg?time=684645">

Meta Tag

Usando esse comando, sua página não será armazenada pelo navegador. O uso da tag não é recomendado caso você queira deixar de armazenar um ou mais arquivos específicos.

<meta http-equiv="Cache-Control" content="no-store" />
Everson Vansoski
Analista de Sistemas no setor de contact center em São Paulo - SP