Stockage local vs stockage de session vs cookie : quelle est la différence [Partition Magic]

Que sont le stockage local et le stockage de session ? Quelle est la différence entre Stockage local vs stockage de session contre Cookie ? Si vous êtes confus, ne vous inquiétez pas. Dans ce billet, Assistant de partition de ce site fournit un tutoriel sur localstorage vs sessionstorage vs cookie.





Sur cette page :

Nous pouvons stocker des données localement sur nos navigateurs de plusieurs manières, la plus populaire étant Biscuit . Pour connaître des informations plus détaillées, continuez à lire.

Qu'est-ce que le stockage local ?

Le stockage local est une méthode de stockage réseau qui nous aide à stocker des données sur l'ordinateur client sous la forme de paires clé/valeur dans le navigateur Web. Les données sont stockées de manière permanente dans le stockage local à moins que l'utilisateur ne les supprime manuellement du navigateur. Il n'expire pas même si l'utilisateur ferme la fenêtre ou l'onglet.

Ses données dans le navigateur ne sont accessibles que via JavaScript et HTML5. Cependant, les utilisateurs peuvent également effacer les données/le cache du navigateur pour effacer toutes les données du stockage local. Il dispose de quatre méthodes qui peuvent être utilisées pour définir, récupérer, supprimer et effacer :



  • Nous pouvons définir des données dans le stockage local à l'aide de la méthode setItem(). La méthode prend deux paramètres, une clé et une valeur. En utilisant cette méthode, nous pouvons stocker des valeurs à l'aide de clés : localStorage.setItem(key, value).
  • Pour récupérer les données qui y sont stockées, nous pouvons utiliser la méthode getItem() : localStorage. getItem(clé).
  • Nous pouvons supprimer des données à l'aide de la méthode removeItem(), qui stocke des informations sur la clé en mémoire : localStorage. removeItem(clé).
  • La méthode clear() est utilisée pour effacer toutes les données qui y sont stockées.

Qu'est-ce que le stockage de session ?

Il est très similaire au stockage local. La principale différence, cependant, est le cycle de vie qu'il persiste dans le navigateur jusqu'à ce que son onglet actuel soit ouvert. Les données dans le stockage de session sont également perdues une fois que vous fermez l'onglet ou que vous le résiliez. Nous pouvons également définir et récupérer ses données en utilisant respectivement les méthodes setItem() et getItem(), similaires aux méthodes de stockage local. Par exemple : sessionStorage. setItem(clé, valeur); session dans Stockage. getItem(clé).

Qu'est-ce qu'un cookie ?

Avant l'introduction de HTML5, la seule option disponible était Cookie. Par conséquent, stocker des données avec lui est un moyen traditionnel de stocker des données sur des machines clientes. Il nous aide à stocker les données des clients et à offrir une expérience personnalisée aux utilisateurs du site Web. Ceux-ci sont envoyés au serveur avec la requête, et au client en réponse ; ainsi, ses données sont échangées avec le serveur à chaque requête. Les serveurs peuvent utiliser les données des cookies pour envoyer un contenu personnalisé aux utilisateurs.



À l'heure actuelle, vous pouvez avoir une compréhension globale des cookies, du stockage local et du stockage de session. La section suivante se concentrera sur les différences entre les cookies, le stockage local et le stockage de session.

Dans cette section, nous parlerons du stockage local vs stockage de session vs cookie sous les aspects de la limite de stockage, de l'accessibilité et de l'expiration.



Limite de stockage

Chaque méthode de stockage du navigateur a une taille de données maximale spécifique. Les deux stockages offrent un stockage de masse. Plus précisément, le stockage local stocke jusqu'à 10 mégaoctets et le stockage de session stocke jusqu'à 5 mégaoctets. Les cookies, en revanche, offrent une petite capacité de stockage très limitée de 4 Ko. Il n'est donc pas possible de stocker de grandes quantités d'informations dans les cookies.

Accessibilité

Du point de vue de l'accessibilité, il est accessible dans n'importe quelle fenêtre ou onglet ouvert sur le navigateur Web. Étant donné que le stockage de session est associé à une session spécifique et que chaque onglet a sa session, les données ne sont disponibles que dans l'onglet actuel où nous définissons les données de stockage de session. Le stockage local est accessible depuis n'importe quelle fenêtre ou onglet, ou sur le serveur. Les cookies sont quelque peu similaires au stockage local.

Expiration

Les données du stockage local n'expirent jamais tant que vous ne les supprimez pas manuellement. À moins que l'utilisateur ne les supprime manuellement du navigateur, les données sont stockées de manière permanente dans le stockage local. Il n'expire pas même si l'utilisateur ferme la fenêtre ou l'onglet



Et une fois que le stockage de session ferme l'onglet ou le termine, les données du magasin de session seront également perdues.

Emplacement de stockage

Ils sont stockés différemment. Les cookies peuvent être stockés dans les navigateurs et les serveurs. Et le stockage local et le stockage de session ne peuvent être stockés que dans le navigateur.