Sistemes i DevOps

LocalStorage i Cookies: diferències i ús

Quin mètode és el més recomanable per a emmagatzemar i persistir les dades de l'usuari en sessió?

LocalStorage i Cookies: diferències i ús
Mario Garcia
Mario Garcia

març 04, 2021

Cookies: Són dades que s'emmagatzemen en el navegador i es creen per a persistir la informació d'un usuari en sessió. Les cookies seran creades per a identificar a 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 a ell el 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 tindria (en el cas dels ecommerce) que tornar a setejar en el carret tots els productes que tenia associats a ell en l'anterior sessió. Les cookies és 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 a persistir-la i que no desaparegui després del tancament del navegador.
  • Recordar la informació del formulari després de l'enviament d'aquest.
  • Emmagatzemar preferències d'idioma i moneda.
  • Setejar una caducitat per a la cookie.
  • Permet que els servidors web sàpiguen si l'usuari ha iniciat sessió en el 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 grandària de la sol·licitud està limitat 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 en el 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 en el navegador. Igual que ocorre en 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 de connexió a Internet per a accedir a les dades.
  • Limit 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 requereix de còpies de seguretat periòdiques per a evitar la perduda 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 limit 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 es deu o no usar un mètode o un altre per a emmagatzemar i persistir les dades de l'usuari en el lloc web seria si es requereix d'aquestes en el client o en el servidor.

Comparteix aquest article

Articles Relacionats