Comment les navigateurs stockent les données

Les navigateurs font plus que simplement afficher des sites web. Ils agissent comme des gestionnaires de données locaux. Ils stockent des informations sur votre appareil pour rendre la navigation plus rapide et plus facile.

Vous devriez connaître les trois principales méthodes de stockage de données des navigateurs :

• Cookies • Cache du navigateur • Web Storage

Cookies Les cookies sont de petits fichiers texte. Les sites web les utilisent pour se souvenir de vous. Ils stockent vos sessions de connexion et vos paramètres de langue.

Comment ils fonctionnent :

  • Vous visitez un site.
  • Le site envoie un cookie à votre navigateur.
  • Votre navigateur l'enregistre.
  • Lors de votre prochaine visite, votre navigateur renvoie ce cookie au serveur.

À noter :

  • Les cookies ont une limite minuscule de 4 Ko.
  • Ils sont envoyés avec chaque requête, ce qui peut ralentir les choses.
  • Ne stockez jamais de mots de passe dans les cookies.

Cache du navigateur Le cache stocke des fichiers lourds comme des images, du CSS et du JavaScript. Son objectif est la rapidité.

Comment il fonctionne :

  • Vous visitez un site pour la première fois.
  • Votre navigateur télécharge tous les fichiers et les enregistre dans le cache.
  • La prochaine fois que vous visitez le site, le navigateur charge les fichiers depuis votre appareil plutôt que depuis Internet.

Avantages :

  • Les pages se chargent beaucoup plus rapidement.
  • Cela utilise moins de bande passante Internet.
  • Cela réduit la charge sur le serveur.

Web Storage Il s'agit d'une fonctionnalité HTML5. Elle permet aux sites de stocker des données sous forme de paires clé-valeur. C'est plus efficace que les cookies car elles ne sont pas envoyées au serveur à chaque requête.

Il en existe deux types :

  • Local Storage : Les données restent même si vous fermez le navigateur. Il peut contenir environ 5 Mo à 10 Mo.
  • Session Storage : Les données disparaissent lorsque vous fermez l'onglet.

Cas d'utilisation :

  • Le Local Storage est idéal pour les paramètres du mode sombre.
  • Le Session Storage fonctionne bien pour les données de formulaire temporaires.

Résumé

  • Utilisez les cookies pour les sessions de connexion et la communication avec le serveur.
  • Utilisez le cache pour accélérer le chargement du site avec des ressources statiques.
  • Utilisez le Web Storage pour des quantités plus importantes de données côté client.

Source: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h