Comments on: Forcer le navigateur a recharger les fichiers CSS et JS d’une page Web

By: ski

ski — Tue, 01 Dec 2009 14:45:49 +0000

Et bah ça c’est du code malin…

By: Ben

Ben — Fri, 20 Feb 2009 13:39:06 +0000

Excellent ! Merci de l’astuce, depuis le temps que je cherchais une solution à ça !

By: Bil

Bil — Thu, 11 Sep 2008 12:53:58 +0000

C’est parfait, c’est l’astuce qu’il me fallait… Enfin presque, je viens de faire des tests avec le paramètre GET le fichier (.css pour ma part) est chargé a chaque fois

Procédure du test:

•affectation d’un paramètre en dur au fichier css (……….screen.css?lastUpdate=110920081432) (jjmmaaaahhmm)
•(re)chargement de ma page avec un petit F5
•modification de mon css puis envoie sur le server. (le paramètre GET est toujours : lastUpdate=110920081432)
•chargement de ma page en navigant vers cette page à l’aide de lien (pas de F5 donc pas de rechargement compet de la page) ==> les modifications du css ont été prise en compte donc dans l’absolue la technique marche mais ne se sert plus du cache

By: Eric

Eric — Fri, 22 Feb 2008 15:52:28 +0000

Et pourquoi ne pas mettre le numéro de version de l’application comme paramètre au lieu de la date ? Ainsi, après chaque livraison d’une nouvelle version de l’application, le navigateur va charger une fois et une seule les fichiers css et js, que ceux-ci aient changé ou pas.

Ainsi, on garde l’optimisation de laisser ces fichiers dans la cache du navigateur tout en permettant un rafraichissement des css et js au besoin.

By: JAmes

JAmes — Mon, 10 Dec 2007 09:34:15 +0000

Mais je retient l’astuce ! Merci !

By: JAmes

JAmes — Mon, 10 Dec 2007 09:33:41 +0000

Le @ empêche tout simplement à une éventuelle erreur de s’afficher. Ainsi, il est vrai que si le fichier n’existe pas, aucune erreur n’apparaîtra. Mais cela va cacher d’autres erreurs si elles doivent arriver (par exemple, un problème de droits). Il vaudrait donc mieux utiliser file_exists()

By: julien

julien — Sat, 27 Oct 2007 09:18:39 +0000

C’est la mème technique utilisée en flash pour eviter la mise en cache des fichiers externes loadé dans l’animation

Good !

By: Boris

Boris — Thu, 19 Jul 2007 12:06:03 +0000

Michael, nous ne voulons pas empêcher le browser de mettre en cache le fichier, nous voulons qu’il ne le télécharge que si il y a eu une modification. Si il n’y a pas eu de modification nous voulons qu’il utilise le cache.

Le problème avec ta méthode, c’est que l’utilisateur va télécharger les fichiers à chaque fois, même quand c’est inutile, donc le chargement de la page sera plus long, et la charge serveur plus importante.

Par contre, c’est vrai que les différentes versions des fichiers seront stockées jusqu’à ce qu’elles soient en général détruites par le navigateur, au bout d’un certain temps, selon la configuration de ce dernier.

By: michael

michael — Thu, 19 Jul 2007 11:29:25 +0000

Quitte à faire du php, citons aussi la possibilité d’ajouter un header dans le fichier Css ou javascript

header(“Cache-Control: no-cache, must-revalidate”);
header(“Expires: Mon, 10 Jan 2000 00:00:00 GMT”); // Date volontairement expirée

En soit, cette méthode est plus propre, puisque qu’elle permet réèllement de ne pas mettre en cache le CSS. Dans la méthode de l’article ci-dessus, le visiteur met en cache une multitude de fichier (script.js?v=20070702,script.js?v=20070713, etc). Il n’empêche pas la mise en cache du fichier script.js.

Seul inconvénient : c’est qu’a moins de connaitre et de pouvoir faire du rewriting, ma méthode vous oblige à nommer vos CSS et javascript en .php pour être interprété.

By: Damien

Damien — Sat, 14 Jul 2007 17:54:14 +0000

Superbe, c’est exactement ce qu’il me fallait pour l’intranet que je maintiens à mon taf, etant donné que je mets à jour souvent les css et les js.

merci beaucoup de l’astuce.