cache dans le navigateur - outils et théorie

Question

Mes outils actuels comprennent YSlow, Fiddler et le nouveau PageSpeed. Mes questions sont: est-il un meilleur outil pour savoir exactement ce que le navigateur cache, quand il est en cache, et pourquoi d'autres actifs ne sont pas en cache.

Une explication simple cerveau-mort des en-têtes HTTP, vis-à-vis de la mise en cache serait également utile. Plus gotchas le mieux, comme « Greenwich Mean Time » est ce que le navigateur invoque, etc.

Answer 1

Au risque de l'auto-promotion que j'ai écrit Supercharging Javascript in PHP et Supercharging CSS in PHP, qui traitent spécifiquement de la mise en cache (sur le client et le serveur) y compris les en-têtes HTTP appropriés tels que Futures futures et ETag pour minimiser les requêtes HTTP externes.

Answer 2

le navigateur n'a pas de concept d'heure locale. Il renvoie simplement la date de dernière modification du serveur à la valeur de if-modified-since et laisse le serveur décider du temps écoulé.

Je viens d'utiliser l'addon de la barre d'outils webdeveloper pour firefox et je vérifie les 'headers de réponse' manuellement. C'est généralement assez évident quand quelque chose est/n'est pas en cache car le navigateur affiche de façon incrémentielle. Il y a un moyen de forcer une fausse vitesse de connexion, mais je ne me souviens pas comment. Ralentissez le taux à 14.4k et vous verrez vraiment où votre cache fonctionne.

Answer 3

www.fiddler2.com/redir/?id=httpperf explique comment WinINET (la pile HTTP derrière Internet Explorer) effectue la mise en cache. Voir aussi http://www.fiddler2.com/fiddler/Perf/AboutVary.asp