Pourquoi ajouter « ?v=1 » aux URL CSS et JavaScript ?

Ajout de "?v=1" aux URL CSS et JavaScript : amélioration des performances et garantie des mises à jour

Dans les modèles passe-partout HTML5, vous pouvez avoir remarqué l'utilisation de "?v=1" ajouté aux URL CSS et JavaScript. Cette petite chaîne de requête joue un rôle important en améliorant les performances du navigateur et en garantissant que les visiteurs obtiennent toujours la dernière version de vos ressources.

Ce qu'elle fait

Lorsque vous ajoutez " ?v=1" à une URL de fichier, vous forcez essentiellement le navigateur à rechercher une nouvelle version de ce fichier avant de le charger depuis le cache. Ceci est important car la plupart des navigateurs ont tendance à mettre en cache de manière agressive les actifs statiques tels que les fichiers CSS et JavaScript, ce qui peut conduire à l'utilisation de versions obsolètes même après que des modifications ont été apportées sur le serveur. En ajoutant un numéro de version à l'URL, vous rompez le mécanisme de mise en cache et forcez le navigateur à récupérer la dernière version du serveur.

Utilisation sélective sur les URL JavaScript

Vous avez peut-être remarqué que toutes les URL JavaScript de l'exemple fourni ne comportent pas la chaîne de requête « ?v=1 ». C’est parce que, dans certains cas, ce n’est pas nécessaire. Si un fichier JavaScript inclut des préfixes de fournisseur ou contient du code non critique, tel qu'un polyfill, il n'a peut-être pas besoin d'être mis à jour aussi fréquemment que d'autres fichiers. En omettant le numéro de version de ces fichiers, vous pouvez réduire le nombre de requêtes adressées au serveur et améliorer les performances.

Exploiter le hachage de fichiers

Au lieu d'utiliser un fichier fixe numéro de version, certains sites Web choisissent d'utiliser un hachage de fichier dans la chaîne de requête. Cette approche est encore plus efficace car elle garantit que le navigateur ne récupère une nouvelle version du fichier que si le contenu réel du fichier a changé.

Avantages supplémentaires

Outre l'application des mises à jour, l'ajout d'un numéro de version ou d'un hachage de fichier aux URL des actifs vous permet également de définir de longs en-têtes de cache sans vous soucier de la diffusion de contenu obsolète. Les navigateurs le traiteront toujours comme un fichier différent et donneront la priorité à la récupération de la dernière version.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!