soluce ! Eviter le cache de l'explorateur web Résolu

Question

Bonjour à tous! j'avais posté il y a qqles semaines un message concernant un problème lié au cache d'IE : je créée une image (avec JPGraph) qui n'était pas rafraîchie par IE car elle porte tjrs le même nom. voir exactement le pb ici (post précédent : http://www.commentcamarche.net/forum/affich-1035977-Php-actualiser-image-%E0-cause-cache-ie Aprés de longues recherches et autres tentatives de code tordus j'ai finalement trouvé sur un autre forum (anglais) une soluce aussi simple qu'efficace : Il suffit d'utiliser la fonction time d'UNIX. Plus besoin des headers META avec le no-cache etc... en voici qqles exemple:

echo ('

' . '

'); Pour les explications voir ici: http://forums.devshed.com/showthread.php?s=&threadid=40363&highlight=jpgraph+time ou encore ici : http://jpgraph.intellit.nl/viewtopic.php?t=349 J'espère que cela vous servira si vous avez ce genre de pb!! A+ RideZeBigOne http://www.sport2oufs.fr.st

Nicodème · Accepted Answer

Immense merci, c'est carrément génial, voilà une nuit entière que je cherchais une solution...
C'est beaucoup plus simple que de changer le nom de l'image.
Je ré-explique à ma manière :

Le code PHP avec la fonction time() génère un code html du type :
<img src="../../images/soleil.gif?1161228656">

IE trouve et affiche l'image "soleil.gif" sans broncher, 
mais cette astuce bluffe le cache qui compare "soleil.gif?1161228656"
Or, comme ce chiffre change toutes les secondes, il recharge l'image à chaque nouvel appel de la page...

Merci encore, tu me sauves la vie !
Nicodème

beng · Answer

j'ai une chose a dire MERCI!!!!!!!!!!!!!!!!!!!!!!!!!!!

voila plusieurs  heures que je  cherche et je tombe sur ce topic
et je commencai a me décourager car meme les header ne marchai pas avec moi.
c'est EXACTEMENT mon probleme

merci encore!!

Gihef · Answer

Merci d'être revenu nous montrer ça.

prg11 · Answer

Salut
Je veut realiser un graphe qui affiche la temperature d'une journée de travailler(24h:00)
ces graphe est en temp reél .
moi je veut fair sa simulation: c'est a dire crier une table dans ma base de données et al modifier a chaque fois (chaque les 5 seconde par exemple) .
comment fair un graphe en temp reél?
j'utilise le jpgraphe et le winxp et serveur apache et php 4.3.3 et mysqle.
j'ai besoin de se script aider moi et serais la pour tout eautre question

ninive · Answer

Super, simple et fonctionnel.

Merci !!

atomik · Answer

Merci beaucoup. ça m'a grandement dépanné!

rasdri · Answer

ouahhhhhhhhhhhhhh !!!!!!!!
une 1/2 journée à chercher ca !!!
merci bcp!!
IE fait vraiment chier, superbe astuce
merci encore

masternico · Answer

ça c'est de la soluce béton... fallait y penser

masternico · Answer

Par contre, il faudrait déclarer ce post "résolu"

Nicolas · Answer

Bonjour, 
la solution est loin d'etre la meilleure car les images vont toutes s'empiler dans le disque dur du coté serveur !

Cordialement

MMMX · Answer

ABSOLUMENT GENIAL !!!!

Ca fait plusieur semaines que je traficotte mon code pour essayer de parer le problème, et enfin, je tombe sur ce topic ! Mille mercis à toi RideZeBigOne !!!

Petit message à Nicolas : tu dénigres une solution qui fonctionne parfaitement, sans faire de proposition ... très constructif comme commentaire. Ca ca nous permet vraiment d'avancer. Encore merci d'être passé !

masternico · Answer

+1 MMX
Je ne comprends pas très bien pourquoi les images s'entasseraient coté serveur? le serveur envoi toujour la même image, c'est plutôt coté client que ça s'entasse.
De toute façon je ne crois pas qu'il existe de meilleur tour de passe passe pour contourner la mise en cache vue que chaque browser a ses propres paramètres. Ce qui va marcher chez l'un ne marchera peut être pas chez l'autre.
Pour ma part, je maintiens que la soluce est bien. A l'utilisateur de vider son cache de temps en temps.

doblern · Answer

Salut à tous,

je n'ai pas bien compris la soluce,
il s'agit de créer un filename unique sur l'image tel que toto.jpg123456 ?
ou il s'agit d'une autre solution moin crade ?

Merci d'avance pour vos réponses.

masternico · Answer

Salut à toi (le renegat... pardon... des restes de jeunesse)
En fait, le nom des images sur ton serveur ne change pas, tu ne change pas non plus de ligne dans ton script qui retourne l'image (dans l'exemple, c'est mypage.php).
La seule chose qui change, c'est le lien d'appel de la page. C'est toute la beauté du truc en fait. Comme le lien d'appel change à chaque fois, le browser pense qu'il sagit d'une nouvelle page et donc écoute la réponse du serveur et donc reçoit la bonne image. 
Sinon, en l'abscence de cette astuce, comme le lien est le même d'un appel à l'autre, le browser se contente d'aller chercher la copie des éléments graphiques qui se trouve dans son cache.
Maintenant, le cache pourrait quasiment être désactivé par défaut vu les vitesses de transfert actuels.
La zone de cache était très utilile en des temps anciens, quand on parlait encore de ligne RTC et modem 56k. Car alors, quand il sagissait d'ouvrir une page et d'attendre jusqu'à une minute pour les pages les plus lourdes, il était pratique de récupérer les éléments graphiques déja téléchargé plutôt que de tout recommencer. Cela faisait gagner un temps fou.
J'ai monté un petit ciber-café à un moment avec 10 machine et un serveur avec modem 56K dans un coin reculé du costa rica (c'est pas du pipot) et là, je pouvait dire que ça ramait. Les touristes cliquaient sur un lien et attendaient plusieurs minutes avant d'avoir leur pages.
J'ai donc installé un proxy sur le serveur qui se chargeait d'orienter les paquet vers les machines (c'est son rôle) mais surtout, il centralisait le cache. Et là, oh miracle, les pages se chargeaient en un clein d'oeil...
aaaaaah... nostalgie...
Allez, bonne  nuit, je vais me coucher

doblern · Answer

Merci pour ta réponse masternico,

je comprend bcp mieu la solution qui est proposée et il est donc vrai que c'est une bonne solution.
Auparavant, je pensais que c'était une solution avec timestamp inclu dans le filename (ce qui est vraiment crade pour le serveur).

Merci à tous pour la solution.

Nicolas.

2nys · Answer

Bravo et encore bravo, des heures à chercher pour trouver ici.

Et ca fonctionne aussi sur les input de type image!

echo '<input type=image src="image.png?'.time().'" name="name" value="value" alt="alt">';

cyrilkiller · Answer

Vraiement un grand merci

jms6501 · Answer

Cet astuce, c'est une perle !!!!

Merci !

Am3d64 · Answer

Merci ca fonctionne nikel, Perso j utilse l'astuce sur une page d'administration (dans la colone de gauche j'upload l'image via un formulaire et dans la colone de droite j'ai un apercu via un include de la page où je modifie la photo) tout ca sur une page protegé via un .htaccess et ca passe !!! Seule petite modife que j ai apporté au code c'est:

plutot que:

je sais pas si ca a une grande importance mais moi ca passait pas bien sans

LNA · Answer

4 ans plus tard, ton post continue à faire des heureux!!! en l'occurence, une TRES TRES HEUREUSE puisque, comme bcp de personnes visiblement, j'ai galéré un bon moment avant de tomber sur ta superbe astuce! ;)

encore merci RideZeBigOne!

+++

famazigh · Answer

merci 

j'ai eu le meme pb avec une image generée avec pear et avec la fonction time() ça marche a merveille

c'est super

élèveDébutant · Answer

MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI MERCI !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Lolo · Answer

Merci RideZeBigOne !!!!!

Tu m'as évité de longues nuits de travail !!!

Si je pouvais, je t'embrasserais !!!!!

@+

Gwen_bzh · Answer

Grandiose, fabulissime, mille mercis !!!

Ah ben, ça fait du bien : depuis le temps que je cherchais ! C'était tout c.. mais n'empêche qu'il fallait y penser.

Encore merci pour ce travail de recherche.

dadou · Answer

Merci! Oh grand dieu de la programmation, 
Je m'incline devant toi, 
Je prierai ta divinité jour et nuit...


J'vais pi etre m'arreter là, mais tu me sauve, ca fait plus de 3 jour que je suis la dessus :)

Ridezebigone · Answer

hello,

bon j'ai du me résinscrire à CCM car je crois que c'était un des derniers messages que j'avais mis sur ce forum lol , je vois que j'ai bien fait de mettre l'astuce. Je rends à Cesar ce qui est à Cesar, je n'ai rien inventé, j'ai recopié l'astuce figurant dans les liens que j'ai mis dans mon message :-)

5 ans, pfiou !  j'avoue que j'ai eu du mal à comprendre ce que j'avais moi-meme écrit ... faut dire que depuis qqles années je ne touche presque plus mon site web ;-)

J'espère que l'astuce servira encore à d'autres, merci pour vos commentaires en tout cas ! :-)

http://www.sport2oufs.fr

ratoman93 · Answer

Merciiii!!

Excellent!!! heuresement que je suis tombé rapidemment sur ce topic, ca m'a évité de galérer :p

Encore merci pour cette brillante solution ;)

walou · Answer

ca va bouffer la bande passante coté hebergement non? vaut mieux créer un nouveau nom pour l'image et le mettre dans la base de donnée

masternico · Answer

hé bien, en fait non : si tu attribue un nouveau nom de fichier à chaque demande, tu ne résous pas le problème de la bande passante puisque tu oblige le serveur à renvoyer une nouvelle fois le fichier.

En fait, c'est vrais, le cache sert effectivement à éviter une surcharge de la bande passante. 
Le problème pour nous développeur, c'est que si le nom de l'image reste le même, c'est l'image en cache qui est resservie.
Et contrairement à ce que pense la plupart des gents, cela ne concerne pas uniquement IE, car en fait, il y a plusieurs niveau de cache. Le plus e*******ant, c'est le navigateur (IE, FF, ...). Le navigateur va stocker sur le disque dur une version de l'image pour éviter d'avoir à la retélécharger lors d'un rafraichissement de la page (entre autre). 
Ensuite, il y a le cache du proxy du FAI, car lui aussi à tout intérêt à éviter qu'un même fichier soit trop souvent téléchargé. Cela lui permet de resservir la même image à toutes les personnes connectées chez lui.
Enfin, on trouve aussi une zone de cache sur le serveur hébergeant le fichier image, car le serveur a tout intérêt à éviter une trop grande consommation des ressources disques.

Tout ce mécanisme a été mis en place à l'époque ou la seule connexion existante était le modem 56Kb (contre 8Mb actuellement en moyenne). Il était alors IMPÉRATIF de mettre en place les zones de cache, car quand on voit qu'il fallait des fois quelques minutes pour charger une page avec juste quelques images, le cache permettait de recharger en quelques secondes la même page.

La seule manière d'éviter le cache, c'est donc soit de changer le nom du fichier à la volée en rajoutant le suffixe '?' qui indique qu cache que c'est une requette dont la réponse peut changer, soit de changer le nom de fichier à chaque demande comme tu l'as indiqué. Mais alors tu te trouves avec le même problème de surcharge de la bande passante mais en plus, tu surcharge aussi ton disque dur...

BeatGrinder · Answer

Salut, merci infiniment pour cette astuce aussi simple que pratique. A garder de côté pour des projets ultérieurs...!

Kok87 · Answer

Différentes entêtes HTTP (pas les metas HTML) permettent de gérer/contrôler la mise cache.

Au niveau des requêtes envoyées par les navigateurs il est nécessaire de prendre en compte les entêtes Cache-Control, Age, If-Modified-Since, If-Not-Modified-Since, If-None-Match, If-Match.

Au niveau des réponses retournées côtés serveurs (PHP, ASP, JSP, ...) il est important de renseigner les entêtes Cache-Control, Last-Modified, ETag.

Pour plus de détails : http://www.creation-site-internet-le-mans.net/page.content/Cache_Web

Flo · Answer

Bonjour a tous ceux qui tombent encore la dessus, encore un petit plus pour les fondus d'optimisation ;-)

"Pour avoir le temps en secondes, préférez $_SERVER['REQUEST_TIME'] à time (). En effet, time () demande un temps de calcul à PHP alors que $_SERVER['REQUEST_TIME'] est déjà calculé !"

Source: http://www.reflectiv.net/blog/optimisation-php/

Tchuss les potes.

Leneurone · Answer

J'avais le même problème et c'est réglé, merci beaucoup pour la solution !

Le cache est un outil du malin ^^

Merci !
Leneurone

Brunchy · Answer

Une petite astuce pour éviter les rechargements inutiles et accélérer l'affichage. Problème de la solution time(): Ca fait changer le nom du fichier en cache à chaque chargement de la page, donc l'utilisateur va devoir à chaque fois attendre le chargement de toutes les images de la page, même s'il l'a déjà visitée une fois et qu'il n'y a eu aucune mise à jour depuis. Solution, la fonction filectime() en suffixe:

La fonction filectime retourne la date de la dernière création du fichier. Donc tant que l'image ne change pas, le nom identique à celui en cache dans IE, et l'image s'affichera immédiatement. Quand l'image est mise à jour, la date de création change, donc le nom comparé au cache est différent, et uniquement cette image sera rechargée! En espérant que ça vous aidera.

Soluce ! Eviter le cache de l'explorateur web

34 réponses

Discussions similaires

Newsletters