Vider le cache JavaScript

Lorsque vous visitez un site Web, votre navigateur reprend des parties de la page et les stocke sur le disque dur de votre ordinateur. Les navigateurs stockent souvent ce que l’on appelle des “actifs statiques” de parties d’un site Web qui ne changent pas d’une visite.

Dans l’article d’aujourd’hui, nous allons apprendre à vider le cache en JavaScript.

Vider le cache en JavaScript

Un navigateur est conçu pour enregistrer tous les brefs caches. En effet, la mémoire cache est la principale raison pour laquelle le site Web se charge plus rapidement.

Il n’y a donc aucun moyen direct d’effacer définitivement votre cache à moins que certains encodages de votre code HTML ne soient modifiés. Il peut y avoir quelques autres façons d’y parvenir, mais ces deux sont les plus simples et les plus efficaces.

Un navigateur Web ne vous permet pas de vider son cache comme les applications mobiles. Bien que nous ne puissions pas effacer l’intégralité du cache du navigateur client, le chargement de la page Web sans mise en cache à l’aide de balises méta dans le code HTML est toujours possible.

La seule façon de le faire est de modifier le code indiquant que le navigateur ne se souvient pas de la mémoire récemment chargée, qui n’est rien de plus qu’une mémoire cache.

Les deux exemples suivants expliquent comment vider le cache. Les codes suivants ne peuvent pas être exécutés tels quels et n’ont aucune sortie.

Il doit être ajouté au code existant pour voir les sorties.

Approche 1

<meta http-equiv='cache-control' content='no-cache'>
<meta http-equiv='expires' content='0'>
<meta http-equiv='pragma' content='no-cache'>

Ajoutez cette partie de code HTML, faisant en sorte que le navigateur n’enregistre pas la mémoire cache.

Approche 2

Chargez un paramètre dans le nom de fichier dans la balise script. Échangez-le lorsque vous échangez le disque.

Permettez que ce soit le nom du document. A chaque fois que vous chargez cette page, vous alternez la version du script.

<script src = "oldFile.js?version = 0.1"></script>

La prochaine fois que vous chargerez cette page, elle devrait ressembler à ceci.

<script src = "newfile.js?version = 0.2"></script>