Si vous avez mis en cache main.js puis téléchargé une version corrigée avec le même nom, que se passera-t-il et comment le résoudre?

Si le navigateur a mis en cache main.js, et qu'une nouvelle version avec le même nom apparaît sur le serveur, le navigateur continuera d'utiliser l'ancienne version du cache, et les changements ne seront pas visibles pour les utilisateurs.

Pour résoudre ce problème, on utilise :

• Versionnage des fichiers — ajouter un hash ou un numéro de version dans le nom du fichier, par exemple main.abc123.js. Lors de la mise à jour, le nom change, et le navigateur charge la nouvelle version.
• Configuration des en-têtes HTTP de cache — par exemple, Cache-Control avec une durée de vie courte ou no-cache, pour que le navigateur vérifie les mises à jour.

Exemple de versionnage en HTML :

<script src="main.abc123.js"></script>

Où abc123 est un hash du contenu du fichier, qui change lors de la mise à jour.