Sistemas y DevOps

LocalStorage y Cookies: diferencias y uso

¿Qué método es el más recomendable para almacenar y persistir los datos del usuario en sesión?

Mario Garcia
Mario Garcia

Marzo 04, 2021

Cookies: Son datos que se almacenan en el navegador y se crean para persistir la información de un usuario en sesión. Las cookies van a ser creadas para identificar al usuario en un sitio web y poder rastrear su navegación enviando estos datos al navegador.

Mediante ellas, permite al usuario, que en el caso de abandonar el sitio web y volver a el al cabo de unos días (si las cookies no han sido borradas o su tiempo de expiración no ha caducado), poder recuperar los datos de su sesión anterior.

La experiencia de usuario mediante cookies, mejora exponencialmente porque sin ellas, éste debería iniciar sesión después de cerrar el sitio web y tendría (en el caso de los ecommerce) que volver a setear en el carrito todos los productos que tenia asociados a él en la anterior sesión. Las cookies es una parte muy importante y en muchos casos indispensable en la experiencia de internet.

Pros y contras de las cookies:

Pros:

  • Prácticamente todos los comercios electrónicos guardan la información del carrito en la cookie para persistirla y que no desaparezca tras el cierre del navegador.
  • Recordar la información del formulario tras el envió del mismo.
  • Almacenar preferencias de idioma y moneda.
  • Setear una caducidad para la cookie.
  • Permite que los servidores web sepan si el usuario ha iniciado sesión en el sitio web.
  • Si no se permiten las cookies, el comportamiento anterior no ocurrirá y nunca recordará si se ha iniciado sesión o no.

Contras:

  • Los datos no están encriptados.
  • El tamaño de la solicitud está limitado a 4KB.
  • La inyección de SQL se puede realizar desde una cookie.

 

LocalStorage: Es una nueva característica traída tras la nueva revisión HTML5 en la cual nos permite almacenar información del tipo llave – valor en el lado del cliente. Esta tecnología podrá ser usada en versiones nuevas de navegadores y es el estándar en que se pretende hacer la transición a la hora de persistir datos en el navegador. Al igual que ocurre en las cookies, el LocalStorage permite mantener datos del cliente pero con la diferencia que en la última, solo podrán ser accesibles desde la ventana actual donde se esté navegando y desde el dominio actual.

Pros y contras del LocalStorage:

Pros:

  • Se puede acceder a los datos de forma fácil y rápida.
  • No se requiere de conexión a Internet para acceder a los datos.
  • Limite de almacenamiento: 5 MB por origen en Google Chrome, Mozilla Firefox y Opera. 10 MB por área de almacenamiento en Internet Explorer

Contras:

  • La información guardada en él, no puede ser accesible directamente desde el servidor.
  • Se requiere de copias de seguridad periódicas para evitar la perdida de los datos.
  • El usuario es responsable de la seguridad de los datos.

 

Conclusión:

El almacenamiento en las cookies y en el LocalStorage tienen distintos propósitos. Como se ha comentado antes, las cookies pueden ser directamente leídas desde el servidor, en cambio, el LocalStorage solo guarda y permite leer los datos desde el cliente. Las cookies tienen un limite bastante más reducido de almacenamiento en comparación al LocalStorage y éste, técnicamente es más fácil de usar y te permite más con qué trabajar.

Lo que determinaría si se debe o no usar un método u otro para almacenar y persistir los datos del usuario en el sitio web sería si se requiere de estos en el cliente o en el servidor.

Comparte este artículo

Artículos Relacionados