Le Storage, modèle de stockage de données en HTML 5

Le Storage permet de stocket des données sur le navigateur de l'internaute, comme les cookies. Le Storage présente certains avantages que n'ont pas ces derniers, ce qui vous permettra d'optimiser les performances de votre site web.

Fonctionnement

Le Storage présente deux implémentations : le Local Sotrage, et le Session Storage. 

Le local storage permet de stocker jusqu'à 10Mo de données, sans limite de durée. Le Session Storage peut stocker la même quantité d'informations, mais il s'efface lors de l'onglet ou du navigateur.

Ils possèdent tous les deux des méthodes d'accessions, d'édition et d'effacement, tout comme les cookies.

Cookie ou Storage ?

Les cookies et le storage ont beaucoup de points communs dans leur utilisation.Mais ils présentent des différences très intéressantes au niveau du système  ; le storage permet de stocker 10Mo de données, alors que les cookies ont une taille maximum de 4Ko.
Les cookies ont une date d'expiration, alors que le storage n'en a théoriquement pas. Enfin, les cookies sont incorporés dans chaque requête au serveur, alors que le storage non.

En général, on préférera utiliser le storage aux cookies, à part si les données sont très liées au temps (les cookies ayant une date d'expiration, leur gestion dans le temps est plus simple).
Le fait que le storage ne soit pas envoyée à chaque requête serveur permet d'optimiser les temps d'accès. On peut également stocker de gros volumes en storage, ce qui économise encore les temps d'accès.

Par exemple, sur un site envoyant environ 100 requêtes par page (site classique comme e-sante.fr), et si on a en tout 4Ko de cookies, utiliser le storage pour toutes ces données reviendra à économiser 400Ko (100x4Ko) au chargement de chaque page.

Les limites de l'Interface

Les premières limites sont liées au navigateur. L'interface storage n'est présente que sur les navigateurs récents, c'est-à-dire Chrome, Firefox, Opera, Safari, et Internet Explorer sur les versions 8 et plus récentes.

On peut néanmoins tester facilement via JavaScript si le navigateur est compatible ou non, et mettre en place une solution alternative (cookies, cache serveur, ...) pour les navigateurs incompatibles.

L'utilisation du storage étant lié au JavaScript, le navigateur de l'internaute doit accepter ce langage ou il sera impossible d'accéder au storage.

L'avenir du Storage

Le storage va surement remplacer les cookies car il présente de meilleurs capacités de stockage, et permet de réduire le temps de chargement des pages de votre site. Mais grâce à ses grandes capacités, on peut stocker encore plus de données, comme des morceaux entiers de pages web, pour rendre le site encore plus rapide

Posté dans Web par Mathieu le 29 Janvier 2013

Ajouter un commentaire

CONTACT

MMDev est située à St Laurent de Chamousset dans les monts du Lyonnais à 40 km de Lyon (Rhône 69) et à 45 Km de Saint Etienne (Loire 42).

Adresse
La Bâtie
69930 Saint Laurent de Chamousset