Le cache du navigateur 🗄️
Le cache, c'est une petite mémoire que ton navigateur garde pour aller plus vite. Au lieu de retélécharger les mêmes fichiers (images, scripts…) à chaque page, il les garde sur ton appareil. Pratique… sauf quand le fichier a changé !
🐛 L'exemple vécu sur lelex.click
Un jour, deux jeux (Rythme néon et Tir à l'arc) ont arrêté de marcher d'un coup. Le code était pourtant bon ! Le problème : un fichier partagé par plusieurs jeux (jeu-commun.js) avait été modifié sans changer son nom de fichier. Résultat : certains navigateurs ont continué à utiliser l'ancienne version gardée en cache, qui ne correspondait plus au reste du code.
🔢 La solution : le « cache-busting »
Sur lelex.click, chaque fichier CSS ou JS a un numéro à la fin de son adresse, comme style.css?v=185. Quand le fichier change, on change aussi ce numéro : pour le navigateur, c'est une adresse toute neuve, donc il la retélécharge forcément, au lieu de réutiliser l'ancienne version en cache.
C'est pour ça qu'on dit parfois « fais Ctrl+F5 » : ça force le navigateur à tout retélécharger, en ignorant le cache une fois.