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.
