Le local storage permet aux sites d’enregistrer des données directement dans votre navigateur, pour qu’elles persistent d’une visite à l’autre. Découvrez comment il fonctionne, à quoi les sites l’utilisent et ce que cela change pour votre site.
Avez-vous déjà réglé une préférence sur un site, fermé l’onglet, puis retrouvé plus tard tout exactement comme vous l’aviez laissé ? Vos réglages d’affichage étaient toujours les mêmes, vos éléments enregistrés étaient toujours là, et vous n’avez rien eu à reconfigurer. C’est le local storage qui fait discrètement son travail en arrière-plan.
Dans le chapitre précédent sur les types de stockage du navigateur, nous avons présenté le local storage comme l’une des principales façons dont les navigateurs conservent des données. Ce chapitre va plus loin : ce qu’est vraiment le local storage, comment il fonctionne et quel rôle il joue sur votre site.
Qu’est-ce que le local storage ?
Le local storage est un type de stockage du navigateur qui permet aux sites d’enregistrer de petites données directement sur l’appareil d’un visiteur. Ces données restent dans le navigateur même après que le visiteur a fermé l’onglet ou éteint son ordinateur. La prochaine fois qu’il visite le même site, le navigateur dispose toujours de ces données et le site peut s’en servir pour restaurer son état précédent.
C’est ce qui distingue le local storage du session storage, qui s’efface à la fermeture de l’onglet. Le local storage est persistant. Il n’a pas d’expiration automatique. Les données restent jusqu’à ce que l’utilisateur vide son navigateur, ou que le site lui-même les supprime.
Comment fonctionne le local storage ?
Le local storage fonctionne comme un simple stockage clé-valeur. Imaginez un petit bloc-notes dans le navigateur où un site peut noter des informations avec une étiquette et une valeur. L’étiquette est la clé et l’information enregistrée dessous est la valeur. Quand le site a de nouveau besoin de cette information, il cherche la clé et récupère la valeur.
Par exemple, un site peut enregistrer une clé appelée « theme » avec la valeur « dark » quand un visiteur passe en mode sombre. La prochaine fois que ce visiteur revient, le site consulte le local storage, trouve la clé « theme », lit la valeur « dark » et applique automatiquement le mode sombre avant même que la page soit entièrement affichée.
Chaque site dispose de son propre local storage isolé. Un site ne peut lire et écrire que ses propres données. Il ne peut pas voir ce que d’autres sites ont stocké. Cet isolement est une fonction de sécurité intégrée à chaque navigateur.
À quoi les sites utilisent-ils le local storage ?
Enregistrer les préférences des visiteurs
Les réglages d’affichage, les préférences de langue, les choix de thème et les options de mise en page sont des exemples courants de ce qui est stocké dans le local storage. Ce sont des préférences non sensibles qui améliorent l’expérience quand un visiteur revient.
Garder des éléments d’une session à l’autre
Certains sites utilisent le local storage pour conserver des éléments avec lesquels un visiteur a interagi, comme une liste de lecture, une liste de souhaits ou des articles consultés récemment, afin qu’ils soient toujours là à la visite suivante, même si le visiteur n’est pas connecté.
Réduire les requêtes au serveur
Quand un site stocke des informations localement, il peut les récupérer instantanément depuis le navigateur au lieu de faire une requête au serveur à chaque fois. Cela accélère l’expérience des visiteurs qui reviennent et allège la charge du serveur.
Conserver l’état dans les formulaires et les processus en plusieurs étapes
Certains sites utilisent le local storage pour enregistrer temporairement la progression d’un formulaire en plusieurs étapes ou d’un parcours de commande. Si un visiteur ferme l’onglet par erreur, sa progression n’est pas perdue à son retour.
Quelles sont les limites du local storage ?
Le local storage est conçu pour de petites données. La plupart des navigateurs autorisent environ 5 à 10 mégaoctets par site, ce qui suffit largement pour des préférences et des réglages, mais pas pour de gros fichiers ou des jeux de données complexes. Il ne stocke aussi que du texte. Les nombres, les objets et les tableaux doivent d’abord être convertis en texte avant d’être enregistrés, puis reconvertis à la récupération.
Le local storage n’est pas non plus l’endroit adapté aux informations sensibles. Comme il est accessible à tout script qui s’exécute sur la page, stocker des mots de passe, des informations personnelles ou des moyens de paiement dans le local storage est un risque de sécurité. Les données sensibles doivent rester sur le serveur, protégées par le SSL et une authentification appropriée.
Pour une comparaison côte à côte du local storage avec les autres types de stockage, lisez les types de stockage du navigateur.
Questions fréquentes
Le local storage fonctionne-t-il sans connexion internet ?
Oui. Le local storage est enregistré sur l’appareil du visiteur, pas sur un serveur. Les données sont disponibles même quand le navigateur est hors ligne. C’est l’une des raisons pour lesquelles le local storage est souvent utilisé avec les service workers et le cache storage pour créer des sites qui peuvent fonctionner en partie ou entièrement hors ligne.
Le local storage est-il partagé entre différents navigateurs sur le même appareil ?
Non. Le local storage est propre à chaque navigateur. Si vous enregistrez des données dans un navigateur, elles ne sont pas visibles dans un autre navigateur du même appareil. Chaque navigateur garde son propre local storage séparé. Un visiteur qui change de navigateur ne retrouve donc pas ses préférences ni ses données enregistrées.
Les visiteurs peuvent-ils voir ou supprimer leurs données de local storage ?
Oui. N’importe qui peut ouvrir les outils de développement de son navigateur et voir ou supprimer les données de local storage de n’importe quel site. Les visiteurs peuvent aussi effacer toutes les données du navigateur depuis ses réglages, ce qui vide complètement le local storage. Les sites ne doivent donc pas compter sur le local storage comme source de données permanente ou garantie.
Quelle est la différence entre le local storage et les cookies ?
Les cookies sont renvoyés au serveur à chaque requête, ce qui les rend adaptés à la gestion des sessions et à l’authentification. Le local storage reste uniquement dans le navigateur et n’est jamais envoyé automatiquement au serveur. Le local storage contient aussi plus de données que les cookies et n’a pas d’expiration intégrée. Chacun convient à des usages différents, et les sites bien conçus utilisent les deux à bon escient.
Le local storage influence-t-il la vitesse du site ?
Lire et écrire dans le local storage est très rapide : il cause rarement des problèmes de vitesse perceptibles. En fait, utiliser le local storage pour mettre en cache des préférences et réduire les requêtes au serveur peut rendre un site plus rapide pour les visiteurs qui reviennent. L’effet sur la vitesse du site est généralement positif quand le local storage est utilisé avec bon sens.
Dois-je gérer le local storage sur mon site ?
Si vous utilisez un créateur de site web, le local storage est géré automatiquement par la plateforme pour les fonctions qu’elle prend en charge. Vous n’avez rien à écrire ni à configurer. Le créateur gère en coulisses toutes les préférences ou la gestion d’état qui utilisent le local storage. Avec le créateur de site web de WEMASY, tout cela est intégré au fonctionnement de la plateforme.