Remplacer les cookies par localStorage et sessionStorage

localstorage

Il est vrai que depuis toujours on a utilisé les cookies qui semblent bien fonctionner, mais ces informations en local a quand même ses inconvénients.

En effet, à chaque requête de serveur, des cookies sont envoyés ce qui occasionne une limite du stockage d’informations sous peine de ralentir la navigation.

Pour pouvoir faire face à ce problème, HTML5 apporte une solution grâce à de nouveaux objets qui sont localStorage et sessionStorage.

L’avantage avec ces objets, les informations ne sont pas toujours envoyé, mais uniquement lorsqu’on fait appel à elles. Cela permet de mettre en local beaucoup plus d’informations qu’auparavant sans pour autant altérer la navigation.

La différence entre sessionStorage et localStorage

Pour les plus expérimentés, ils comprendront surement qu’il existe une différence notable entre ces deux objets.

Bien que ces derniers fonctionnent de la même façon et ont le même but, ceux-ci n’ont pas la même durée de vie.
Si le cookie a une durée de vie définie grâce à un code, le localStorage quant à lui reste « à vie ». En effet, ce dernier n’ayant pas de date de péremption, toutes les informations resteront stocker sur la machine tant qu’elles ne seront pas effacées.

Concernant le sessionStorage, il n’existe que le temps de la session comme son nom l’indique. Dès que le navigateur est fermé, la session est perdue entrainant par la même occasion la perte du sessionStorage.

Les informations du localStorage peuvent être retrouvées lors de la prochaine navigation tandis que celles du sessionStorage ne seront plus accessibles.

Utilisation des objets : localStorage et sessionStorage

Voici un exemple d’utilisation de ces deux objets :

Répondre