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

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

[ Hits: 12.832 ]

Blog: https://mestrefabio.com

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

Docker: container Debian sem o comando "ps" (bash: ps: command not found) [Resolvido]

Alt+Tab não funciona no Ubuntu 15.04 [Resolvido]

Nginx - Redirecionando www para apenas o nome do domínio ou vice-versa

Como converter áudio em texto usando OpenIA

Chromium e Firefox - Forma prática de abrir links em nova aba

Leitura recomendada

HTML sem tabelas (tableless)

Javascript - Criando galeria de imagens com "LIGTHBOX"

CSS3 - Forçando quebra de linha em URL longa

Configurar efeito modal ao fundo de um elemento com jQuery

Acessibilidade e os padrões Web

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