Actualizar novos componentes de um site

[pjcs]

Boas,

    Eu tenho andado a alterar o visual (tanto CSS como as imagens) do cabeçalho e barra de navegação do meu site.

    Mas tenho o problema que como essas coisas normalmente são guardadas em cache quando as pessoas vao a aceder á página fica o visual antigo misturado como novo, por exemplo, a formatação antiga mas com as fotos novas. o que dá uns efeitos muito marados 👍

  Eu queria saber se existem algum código em HTML ou Javascript que actualize essas coisas todas, ou seja, que tenha o mesmo efeito que o CTRL + F5

[scorch]

Coloca isto no header:

<meta http-equiv="cache-control" content="no-cache">

[yoda]

Tens também esta e mais umas metatags para o efeito :

<meta http-equiv="expires" content="Wed, 08 Aug 2007 09:30:22 GMT" /> 

E podes também, caso uses PHP, imprimir umas coisas para impedir a cache.

[pjcs]

Mt obrigado pessoal 👍

Sim, tou a usar php

[mjamado]

Desaconselho fortemente o uso das respostas anteriores.  ?

A cache é uma coisa boa e joga a nosso favor - ainda mais hoje, em que a Google anunciou que os sites mais rápidos terão um bónus na pesquisa.

Claro, é chato estarmos a fazer alterações ao nível das CSS, JS e até imagens, e a coisa está em cache para os utilizadores, com efeitos nefastos na visualização...

A solução: ter sempre um nome diferente para os ficheiros, consoante um esquema que não seja muito confuso. Por exemplo, atenta no seguinte código:

<link type="text/css" href="css_20100414003700" rel="stylesheet">

Repara na data e hora no fim do caminho: foi a última vez que mexi na CSS. Deste modo, todos os utilizadores que tinham a versão antiga serão forçados a ir buscar uma nova.

Com as imagens, podes fazer o mesmo, repara (numa CSS, mas é igual em HTML):

background-image: url("tmpl_menu_sprite_20100412225415.png")

Em vez de usares aquele formato de data podes usar, por exemplo, um número de versão, que é como faz a Google ou a Yahoo...