API Web Storage

L’API Web Storage offre la possibilité de stocker dans le navigateur de l’utilisateur des données sous forme de paires clé/valeur, qui doivent impérativement être des chaînes de caractères.

Chaque origine (c’est-à-dire chaque combinaison unique de protocole, hôte et port) dispose de son propre espace de stockage distinct.

L’API Web Storage respecte la politique de même origine, ce qui signifie qu’il n’est pas possible d’accéder à des données stockées pour une certaine origine depuis une autre origine.

Il existe deux types de stockage avec l’API Web Storage : LocalStorage et SessionStorage.

SessionStorage

Les données stockées dans SessionStorage restent disponibles tant que le navigateur est ouvert, y compris lors des rechargements de page et des restaurations de session.

LocalStorage

LocalStorage fonctionne de la même manière que SessionStorage, mais avec une différence majeure : les données persistantes dans LocalStorage restent disponibles même lorsque le navigateur est fermé et rouvert.

Pourquoi utiliser l’API Web Storage plutôt que des cookies ?

Les cookies sont très utiles pour stocker un petit nombre de données. Cela est dû au fait que les cookies sont envoyés au serveur avec chaque requête HTTP, permettant ainsi au serveur d’utiliser les données fournies par les cookies pour identifier immédiatement un visiteur.

En revanche, l’API Web Storage stocke des données qui restent dans le navigateur et ne sont pas envoyées au serveur. Par conséquent, nous pouvons stocker un volume de données beaucoup plus important sans ralentir l’exécution du script, contrairement aux cookies qui peuvent ralentir l’exécution en raison du transfert des données au serveur.