Adiós cookies, Hola localStorage

Sin duda las cookies han sido grandes aliadas a lo largo de la historia de la programación, y ya ni te cuento las bases de datos. Pero esto desde el lanzamiento semi oficial de HTML5 ha cambiado bastante ya que si queremos almacenar datos tenemos un nuevo aliado: el navegador.

Y es que entre las mejoras que incorporan las nuevas versiones de los navegadores nos encontramos con la posibilidad de almacenar datos en el navegador del usuario y poder recogerlos de nuevo mediante unos sencillos JavaScript.

Existen dos formas de almacenar información: la temporal y la permanente. La primera de ellas la encontramos con las funciones de sessionStorage, sólo se mantiene mientras está la misma sesión del navegador, o sea, podemos cerrar y abrir ventanas, pero no cerrar “el programa”; y la segunda con las de localStorage que, a diferencia del caso anterior, los datos se mantienen aunque el navegado se cierre, ya que la información se almacena en local siempre y cuando el usuario no la elimine.

Esto da pie a muchas mejoras sobretodo en lo que a Web Performance se refiere, ya que a diferencia de las cookies esta información no se transmite por HTTP. De todas formas, esto también tiene un inconveniente, y es que trabajar con los sistemas de cookies de los lenguajes de programación como ASP o PHP se complica.

¿Quieres ver un pequeño ejemplo del funcionamiento de esto? Pues te dejo con un par de pruebas de ambos sistemas en los que se puede ver en el código fuente el funcionamiento. El ejemplo que siempre se me viene a la cabeza es el del carrito de la compra

4 comentarios en “Adiós cookies, Hola localStorage”

  1. Bueno post. Sólo una pega, ha sido ver la foto y me ha entrado un hambre…eso no se hace ;)

  2. Me llegó por el reader un artículo sobre “Server-Sent Emails”.
    Supongo que te arrepentiste y andarás con algún cambio. Ya que estás en el artículo, agradecería una frasecilla en la que especificases si se trata de Websockets o es otra cosa. ¿Tiene que ver con node.js, socket.io, etc?
    Muy interesantes los últimos artículos sobre HTML5!

  3. Hace poco leí este artículo HTML5 Web Storage – Cookies Are So 1994! y dije… ¡cierto! Pues vamos a usar localStorage ya que está bastante bien soportado por navegadores. La cuestión es que me tuve que volver a las cookies por el tema de los subdominios. En este aspecto las cookies son mucho más flexibles.

    Aunque se pueden hacer apaños me temo que seguiremos usando las cookies bastante tiempo. Eso sí, para ciertas cosas, tipo apps que se instalan en el navegador, como las de Chrome, son ideales.

    Me alegro de haber encontrado este blog :)
    Saludos

Deja un comentario