Feuilles css en cache ?

[petitchevalroux]

Ca c'est du déterrage de topic !!!

lol 3ans ... ouai c'est du pur déterrage, mais ça fait du bien c'est une technique que beaucoup de nouveau pourront lire comme ça .

Pour le filemtime ... ouai c'est pas mal comme ça non plus sauf que avec certain type de synchro le mtime peut etre modifier sans que je contenu soit changer. Mais bon après c'est un cas extrême et je pense assez rare. Le md5 n'est pas infaillible non plus car il peut valoir deux fois la même chose pour un contenu différent ... donc filemtime ou md5 à vous de choisir .

[xdeslandes]

Ca c'est du déterrage de topic !!!

Effectivement ! Mais très intéressant. Je vais vraisemblablement utiliser l'astuce de gusterman. Merci à vous !

[moktoipas]

pour ma part j'utilise un dérivé de gusterman sauf qu'au lieu de passer un parametre avec "?" j'ai fait un rewriting qui autauroise mon fichier CSS a avoir une infinité de noms d'une certaine forme car chez mon pere le feuile ne ce chargait pas quand je mettai un parametre..

[Rv323]

Le problème en changeant de nom et surtout en passant une variable date/time c'est que la feuille ne sera donc pas mise en cache d'ou des performances moindres.

[gusterman]

Le problème en changeant de nom et surtout en passant une variable date/time c'est que la feuille ne sera donc pas mise en cache d'ou des performances moindres.

Pourquoi ça ? Tant qu'il n'y a pas de nouvelle modification, la variable reste la même, le CSS est donc bel et bien mis en cache.
Pour preuve, si tu appelles par exemple ton css par : feuille.css?v=030309, puis que tu modifies quelque chose dans cette feuille, tant que la variable n'est pas modifiée, le css ne sera pas rechargé.

[petitchevalroux]

Je confirme ce que dit gusterman, la valeur est changer que lorsqu'il y a modification ... donc le fichier reste le meme pour le navigateur tant qu'il n'y a pas de nouvelle version et c'est caché si l'on ajoute un header expire ...

[Rv323]

Code: Tout sélectionner

main.css?v=<?=@filemtime('main.css')?>

Autant pour moi, j'ai lu trop rapidement et avais retenu de se servir une variable date/time et pas date de dernière modification

[ortolojf]

Bonjour

Je ne comprend pas bien la question...

Si le fichier style.css change, le navigateur s'en aperçoit et charge le nouveau style.css , non ?

C'est la définition du concept de cache, que ce soit pour les navigateurs ou autre chose...

J'ai toujours programmé mon site avec ... l'illusion ? comme quoi le fichier de feuille de style, serait rechargé en cas de besoin.

Merci de vos réponses.

Bien à vous.

Amicalement.

Jean-François Ortolo

[petitchevalroux]

Si le fichier style.css change, le navigateur s'en aperçoit et charge le nouveau style.css , non ?

Oui si tu n'envoie pas de header expire c'est le fonctionnement normal du navigateur, il demande a chaque fois à ton serveur si le fichier a changer avec les headers If-modified-Since et/ou Etag si celui ci a changer le serveur renvoie le contenu avec un 200 si il n'a pas changer il renvoie un 301 ce qui economise de la bande passante en evitant de renvoyer le contenu.

Une des optimisations qui altère ce mode de fonctionnement est de rajouter un header expire, qui indique au navigateur de ne pas redemander le fichier avant la date T passé en valeur. Cela permet encore d'économiser de la bande passante et c'est souvent utilisé sur les fichiers statiques (image,css, javascript) qui ne change pas souvent et son souvent demander par le client.

Et donc pour avoir les avantages du expire sans les inconvénients il est conseillé de faire du versioning sur ces fichiers pour éviter que le navigateur garde en cache une version du js buggé par exemple. Et donc le navigateur rechargera le fichier une fois la version changée dans le code html (cf mon astuces et celle de gusterman) et ne le redemandera plus au serveur jusqu'a la date fixé dans le expire ou alors au prochain changement de version.

C'est clair comme ça ?

@lemodo

[ortolojf]

Bonjour @lemodo

Ouf, j'ai compris...

Ne pensez-vous pas, que celà ne vaut pas le coup pour si peu d'optimisation de chargement, de faire toute cette gymnastique ?

Merci beaucoup pour votre explication.

Bien à vous.

Amicalement.

Jean-François Ortolo

[gusterman]

Ne pensez-vous pas, que celà ne vaut pas le coup pour si peu d'optimisation de chargement, de faire toute cette gymnastique ?

Je dirais que cela dépend des sites, du nombre et de la taille des fichiers .js utilisé et .css. Si tes .js + .css ne font que quelques ko, en effet, cela n'en vaut pas la peine.

[petitchevalroux]

Bonjour @lemodo
Ouf, j'ai compris...

LoL

Ne pensez-vous pas, que celà ne vaut pas le coup pour si peu d'optimisation de chargement, de faire toute cette gymnastique ?

Il y en a qui vont dans des clubs de gym, et d'autre qui optimise leur site ... chacun son plaisir Mais c'est toujours bon de savoir que ça existe et ça coute pas grand chose ... Après on a pas dit que c'était obligatoire ni nécéssaire

[YoyoS]

Moi je l'appelle pas je vais le chercher, c'est plus simple

[petitchevalroux]

T'es un pote à Lycos ?

PS : Je flood par ce que j'ai rien compris