Como evitar que o CSS do teu site fique armazenado em cache

Publicado por Fábio Berbert de Paula em 10/10/2014

[ Hits: 13.876 ]

Blog: https://fabio.automatizando.dev

2 0

Denuncie Favoritos Indicar Impressora

Como evitar que o CSS do teu site fique armazenado em cache

Supondo que você está em fase de mudanças de layout e gostaria de evitar que teu arquivo CSS fique armazenado em cache no browser de seus visitantes. Como fazer?

Uma declaração tradicional de uma folha de estilo é assim:

O truque pra evitar que o arquivo fique armazenado em cache é adicionar uma variável GET aleatória à URL. Exemplo:

O "como" criar tal variável de modo aleatório fica por sua conta. Se você usa PHP por exemplo, ficaria assim:

Ou então mude o conteúdo de "?id=xxxx" toda vez que atualizar teu arquivo CSS.

O mesmo conceito vale para qualquer arquivo estático de seu website. Basta fazer com que o link que leva até ele tenha uma variável GET aleatória. Essa variável obviamente será descartada pelo arquivo, mas isso não importa.

Outras dicas deste autor

Contar e ordenar a quantidade de ocorrências de cada linha em um arquivo

Como alterar o tamanho da janela do Tuxpaint

Configurando e sincronizando com um servidor de data/hora

Criando GIFs animadas pelo terminal GNU/Linux

Vim - sair do modo inserção automaticamente

Leitura recomendada

CSS3 - Forçando quebra de linha em URL longa

Ajax loading

Acessibilidade e os padrões Web

HTML - Lazy Loading

Configurar efeito modal ao fundo de um elemento com jQuery

Comentários

[1] Comentário enviado por Thihup em 11/10/2014 - 23:39h

Fabio , eu costumo importar o CSS assim :

[code]
<style type="text/css">
@import url('style.css');
</style>
[/code]

Como posso realizar esse processo ?

[]'s

T+

0 0

[2] Comentário enviado por fabio em 12/10/2014 - 01:24h

[1] Comentário enviado por Thihup em 11/10/2014 - 23:39h:

Fabio , eu costumo importar o CSS assim :

...

Como posso realizar esse processo ?

[]'s

T+

0 0

[3] Comentário enviado por Thihup em 12/10/2014 - 11:34h

[2] Comentário enviado por fabio em 12/10/2014 - 01:24h:

<style type="text/css">
@import url('style.css?id=001');
</style>

Espero que ajude!

Cara , funcionou bem , nao sabia que era possivel misturar o PHP dentro de uma importação , mas tudo bem.

Muito obrigado

[]'s

T+

0 0

[4] Comentário enviado por fabio em 12/10/2014 - 23:09h

[3] Comentário enviado por Thihup em 12/10/2014 - 11:34h:

Cara , funcionou bem , nao sabia que era possivel misturar o PHP dentro de uma importação , mas tudo bem.

Na verdade não usei PHP, isso é sintaxe do HTML mesmo. Você pode adicionar argumentos a qualquer URL. Quem vai processar as variáveis GET enviadas via URL é que pode ser o PHP, Java, ASP.net, Python, Perl e por aí vai. Neste caso, como não vamos processar nada, o destino foi o arquivo CSS.

0 0