YSlow indique que mon fichier JavaScript n'est plus mis en cache après la combinaison de 5 fichiers et leur emballage

Question

J'ai commencé avec 5 fichiers JavaScript normaux lisibles par l'homme. Ils faisaient environ 10 Ko au total.

Après avoir utilisé YSlow , j'ai décidé de fusionner les 5 fichiers et de les compresser à l'aide de Dean Edwards. 'emballeur. Maintenant, j'ai 1 fichier qui est de 4,5 Ko.

Lorsque je relance YSlow, il affiche maintenant le fichier JavaScript dans le cache apprêté sous "Statistics", où précédemment (lorsque j'avais les fichiers séparés), les 5 fichiers avaient été mis en cache.

J'ai donc maintenant 4 demandes HTTP en moins, mais le poids total des pages pour le cache apprêté a augmenté de 4,5 Ko.

Est-ce que je fais quelque chose de mal?

Je prévois toujours de placer un en-tête de date d'expiration avancé dans mon dossier JavaScript afin que ce problème disparaisse probablement, mais je suis toujours intéressé de savoir pourquoi il ne cache pas les fichiers JavaScript.

Answer 1

Je ne pense pas que vous fassiez quelque chose de mal, vous suivez toutes les meilleures pratiques de base.

Lorsque vous téléchargez quelque chose à partir d'un serveur Web dont expire n'est pas défini correctement, ce qui, je suppose, est le cas puisque vous souhaitez résoudre ce problème, le cache primé sera toujours plus élevé, car YSlow pense que le navigateur doit le télécharger même lorsqu'il a tout mis en cache.

Cela est dû au fait que le cache est configuré pour expirer lorsqu'il est téléchargé car il n'y a pas d'en-tête Expires. La mise à jour de votre date d'expiration pour une durée de vie longue résoudra définitivement votre problème.

Answer 2

Lisez cet article . Ici, ils montrent comment recharger le cache après la mise à niveau de vos fichiers.