web-dev-qa-db-fra.com

Quelle est la différence entre le stockage local et le cache dans le navigateur?

Lorsque nous ouvrons le segment d'application dans la console développeur de Chrome. nous voyons beaucoup de choses comme

  • Application

    • Manifeste
    • service Workers

  • Espace de rangement

    • stockage local
    • stockage de session
    • db indexé
    • Web sql
    • Biscuits

  • Cache

    • Stockage du cache
    • Cache d'application

Je sais que le cache est utilisé pour enregistrer la ressource localement et les cookies pour enregistrer les données côté client pour maintenir la session. le cache sera stocké sous forme de format de valeur de clé.

Je veux savoir exactement quelle est la vraie différence entre eux.

webgoogle-chrome-devtoolsbrowser-cacheweb-developer-toolbar
14
Ajender Reddy

J'ai une expérience limitée, mais pour ce que je peux comprendre:

Le cache est des données qui sont utilisées très fréquemment, donc elles sont stockées pour réduire le traitement et le chargement requis.

  1. Dans un ordinateur, le cache est ce qui aide à contenir les données temporaires utilisées par le processeur pour calculer les instructions les plus élémentaires. Il est beaucoup plus rapide, donc, plus cher/plus petit que le RAM, mais la même idéologie.
  2. Sur votre navigateur, les données fréquentes sont des fichiers comme le HTML et le CSS que vous obtenez à partir d'une page Web

Stockage local au lieu de cela, les données sont un peu moins génériques et un peu plus spécifiques à l'utilisateur, comme les informations d'un formulaire ou vos pages déjà consultées qui apparaissent en violet sur Google It représente également les objets et les données rendus par vos CSS et HTML.

Par exemple: sur YouTube, vous avez un format standard dans lequel les informations, les icônes et les barres d'outils sont affichées, imaginez cela comme l'interface. Le cache aide beaucoup ici. C'est pourquoi vous pouvez rechercher de nouvelles vidéos sans avoir à attendre l'icône YouTube, la barre de recherche, etc ... pour recharger à nouveau.

D'un autre côté, lorsque vous vous connectez à YouTube ou à toute autre page Web comme Amazon, ce site connaît votre identifiant par le stockage local. Le stockage local a également différents objets d'interface javascript comme certains onglets ou menus supplémentaires.

Sources:

7
Rodrigo Mendoza