TL;DR Le cache HTTP est un mécanisme puissant qui aide à améliorer la vitesse de chargement des pages web en stockant des copies locales de fichiers tels que des images, des feuilles de style CSS et du code JavaScript. Cependant, lors du développement ou de la mise à jour de sites web, le cache peut parfois entraver le processus en affichant des versions obsolètes du contenu. Heureusement, Firefox offre une solution simple pour les développeurs web souhaitant désactiver le cache HTTP sans affecter les utilisateurs réguliers. Voici comment procéder.
Étape 1 : Ouvrir les outils de développement
La première étape consiste à accéder aux outils de développement de Firefox. Vous pouvez le faire de plusieurs manières :
- Appuyez sur
F12ouCtrl+Shift+Isur votre clavier pour ouvrir directement les outils de développement. - Cliquez droit sur une page web, puis sélectionnez « Inspecter » dans le menu contextuel.
- Allez dans le menu de Firefox (représenté par trois lignes horizontales dans le coin supérieur droit), sélectionnez « Plus d'outils », puis « Outils de développement web ».
Étape 2 : Accéder aux paramètres des outils de développement
Une fois les outils de développement ouverts, vous devez accéder à leurs paramètres :
- Cliquez sur l'icône d'engrenage située dans le coin supérieur droit de la barre d'outils des outils de développement. Cette action ouvre le panneau des paramètres.
Étape 3 : Désactiver le cache HTTP
Dans le panneau des paramètres, faites défiler vers le bas jusqu'à la section « Avancé » ou recherchez l'option concernant le cache :
PUBLICITÉ
- Cochez la case à côté de « Désactiver le cache (lorsque les outils sont ouverts) ». Cette option garantit que le cache HTTP est désactivé, mais uniquement lorsque les outils de développement sont ouverts. Cela signifie que vous pouvez travailler sur votre site sans être gêné par le cache, tout en permettant aux utilisateurs réguliers de bénéficier de la vitesse de chargement améliorée qu'offre le cache.
Étape 4 : Vérifier et tester
Après avoir désactivé le cache, il est bon de vérifier que tout fonctionne comme prévu :
- Gardez les outils de développement ouverts et actualisez votre page web. Vous devriez maintenant voir les dernières modifications sans que le cache n'interfère.
- Pour tester efficacement, effectuez des modifications sur votre site, sauvegardez-les, puis actualisez la page dans Firefox avec les outils de développement ouverts pour voir les changements en temps réel.
Conseils supplémentaires
- Utilisation de l'incognito : Une autre manière de contourner le cache sans désactiver complètement cette fonctionnalité est d'utiliser le mode de navigation privée de Firefox, qui ne sauvegarde pas les données de cache.
- Nettoyage du cache : Si vous souhaitez effacer le cache sans désactiver cette fonctionnalité, vous pouvez le faire via les options de vie privée de Firefox. Cela peut être utile si vous souhaitez voir les changements sans ouvrir les outils de développement.
Et voilà, vous pouvez désormais coder dans prise de tête, le cache devrait être inactif quand vous êtes en mode développement.
SUR LA CHAÎNE · NOUVELLE VIDÉO JBL Charge 3 : NON à l’obsolescence programmée ! je change la batterie et port de charge Voir la vidéo → Cette astuce t'a aidé ? ça a marché ?
écrit par larevuegeek LaRevueGeek décrypte l'actualité high-tech et la culture geek depuis 2014 : tests, bons plans, ciné et tout ce qui touche, de près ou de loin, au monde des geeks.
S'abonner · 33,2 k$ ls ./a-lire-aussi
Toutes les astuces →À lire aussi
ARTICLE · 15 SEPT. Trouver le script qui ralentit une page avec les DevTools
ARTICLE · 12 OCT. Firefox 158 disponible au téléchargement : JPEG XL, PDF et toutes les nouveautés documentées
ARTICLE · 7 OCT. Next.js 16.4 : un cache mieux maîtrisé et des applications plus légères
ARTICLE · 3 SEPT. Firefox 155 est disponible : IA, confidentialité et meilleure prise en charge des manettes au programme
ARTICLE · 16 DÉC. Firefox abandonne "Do Not Track", place maintenant au Global Privacy Control !
ARTICLE · 27 NOV. Firefox 133 : nouvelle arme contre le tracking et boost de performances
Commentaires
0