LocalStorage i Cookies: diferències i ús

Cookies

Són dades que s'emmagatzemen al navegador i es creen per a persistir la informació d'un usuari en sessió. Les cookies seran creades per identificar l'usuari en un lloc web i poder rastrejar la seva navegació enviant aquestes dades al navegador.

Mitjançant elles, permet a l'usuari, que en el cas d'abandonar el lloc web i tornar-hi al cap d'uns dies (si les cookies no han estat esborrades o el seu temps d'expiració no ha caducat), poder recuperar les dades de la seva sessió anterior.

L'experiència d'usuari mitjançant cookies, millora exponencialment perquè sense elles, aquest hauria d'iniciar sessió després de tancar el lloc web i hauria (en el cas dels ecommerce) de tornar a configurar al carret tots els productes que tenia associats a ell en l'anterior sessió. Les cookies són una part molt important i en molts casos indispensable en l'experiència d'internet.

Pros i contres de les cookies:

Pros:

Pràcticament tots els comerços electrònics guarden la informació del carretó en la cookie per persistir-la i que no desaparegui després del tancament del navegador.
Recordar la informació del formulari després de l'enviament del mateix.
Emmagatzemar preferències d'idioma i moneda.
Establir una caducitat per a la cookie.
Permet que els servidors web sàpiguen si l'usuari ha iniciat sessió al lloc web.
Si no es permeten les cookies, el comportament anterior no ocorrerà i mai recordarà si s'ha iniciat sessió o no.

Contres:

Les dades no estan encriptades.
La mida de la sol·licitud està limitada a 4KB.
La injecció de SQL es pot realitzar des d'una cookie.

LocalStorage

És una nova característica portada després de la nova revisió HTML5 en la qual ens permet emmagatzemar informació del tipus clau – valor al costat del client. Aquesta tecnologia podrà ser usada en versions noves de navegadors i és l'estàndard en què es pretén fer la transició a l'hora de persistir dades al navegador. Igual que passa amb les cookies, el LocalStorage permet mantenir dades del client però amb la diferència que en l'última, només podran ser accessibles des de la finestra actual on s'estigui navegant i des del domini actual.

Pros i contres del LocalStorage:

Pros:

Es pot accedir a les dades de manera fàcil i ràpida.
No es requereix connexió a Internet per accedir a les dades.
Límit d'emmagatzematge: 5 MB per origen en Google Chrome, Mozilla Firefox i Opera. 10 MB per àrea d'emmagatzematge en Internet Explorer

Contres:

La informació guardada en ell, no pot ser accessible directament des del servidor.
Es requereixen còpies de seguretat periòdiques per evitar la pèrdua de les dades.
L'usuari és responsable de la seguretat de les dades.

Conclusió:

L'emmagatzematge en les cookies i en el LocalStorage tenen diferents propòsits. Com s'ha comentat abans, les cookies poden ser directament llegides des del servidor, en canvi, el LocalStorage només guarda i permet llegir les dades des del client. Les cookies tenen un límit bastant més reduït d'emmagatzematge en comparació al LocalStorage i aquest, tècnicament és més fàcil d'usar i et permet més amb què treballar.

El que determinaria si s'ha d'usar un mètode o un altre per emmagatzemar i persistir les dades de l'usuari al lloc web seria si es requereixen aquestes en el client o en el servidor.