Web Storage

Local Storage

 

Session Storage

 

¿Qué es?

  • Como su propio nombre indica, se trata de un espacio de almacenamiento local.

 

  • Ofrecen los navegadores para guardar pares de valores llave/valor, de manera sencilla y dándonos de manera standard unos 5 megabytes. 

Ventajas

  • Espacio menos limitado: localStorage puede ocupar entre 5 y 10MB dependiendo del navegador web. Con 5 o 10 megas ya podemos tener algo más de información 

 

  • La información almacenada con localStorage no es enviada al servidor en cada petición.

 

  • No existe una caducidad para localStorage, la información quedará almacenada hasta que se elimine expresamente. Aunque se cierre el navegador.

Desventajas

  • Poco Almacenamiento

 

  • Se puede quedar información que no queremos en la web

  • Sólo podemos almacenar cadenas de texto. O sea, no podemos guardar booleanos (true o false), no podemos guardar arrays, objetos, floats…. sólo strings.

Session Storage

Diferencia

Guardará los valores durante el tiempo de sesión del navegador y se borrarán cuando el navegador se reinicie. 

Web Storage vs Cookies

  • Espacio limitado: Una cookie sólo puede ocupar 4kb de espacio. Es por eso que las cookies suelen utilizarse sólo para almacenar un hash o un identificador que será utilizado por el servidor para identificar la visita.
  • Cada vez que se realiza una petición al servidor, toda la información que está almacenada en las cookies es enviada y también es recibida nuevamente con la respuesta del servidor. O sea, en los intercambios de información entre el navegador web y el servidor siempre van pegadas las cookies.
  • Las cookies tienen una caducidad.

deck

By Olger Pérez Villalobos