Cookies, Local Storage y Session Storage

En el ámbito del desarrollo web es muy común escuchar tanto a nivel técnico como de usuario, los términos Cookies, Local Storage o Session Storage, en este articulo hablaré del uso, tipo, características y diferencias de cada uno de ellos.

Cookies

Los cookies puede ser uno o varios archivos creadas por un sitio web con el fin de almacenar determinados datos, los cuales son enviados entre un emisor y un receptor, el emisor sería el servidor en donde esta alojada una página web y el receptor es el dispositivo o navegador en el cual un usuario visita la web, Su finalidad es almacenar un historial de navegación dentro del sitio web, esto quiere decir que cuando se visita una página web se almacena cierta información con el fin de que al visitarla nuevamente, el servidor hace una solicitud a la cookie la cual  podrá ser utilizada para personalizar el sitio web y dar una mejor experiencia a los usuarios. Estas cookies son generalmente utilizadas en el desarrollo de Tiendas Online, por ejemplo cada vez que se agrega un producto al carrito de compras esta información se almacena en una Cookie, esto se puede utilizar no solo para almacenar temporalmente los productos, sino también para conocer los intereses del usuario que visita nuestra página web, de esta forma cuando este usuario visite nuestra página web podemos sugerirle productos relacionados a los que ya ha comprado en dicha tienda online.

Existen varios tipos de Cookies los cuales pueden ser Session Cookies, Persistent Cookies, Secure Cookies y Zombie Cookies.

Session Cookies. Estas sesiones tiene un tiempo corto de vida, este tipo de cookies son borradas cuando el usuario cierra el navegador.

Persistent Cookies: También conocidas como Cookies persistentes que son utilizadas para rastrear con mas detalle el comportamiento de un usuario sobre un sitio web durante un tiempo determinado, estas cookies pueden ser borradas, limpiando los datos o historial del navegador.

Secure Cookies: Por lo general estas cookies son utilizadas con url con Certificados SSL, o conexiones HTTPS, se utilizan para almacenar información cifrada para evitar que los datos almacenados sean vulnerables.

Zombie Cookies: Estas cookies tienen el poder de ser auto-generadas o auto-creadas por si mismas, esto quiere decir que limpiar historial o datos de nuestro navegador no tendrá ningún efecto sobre ellas, estas cookies no son creadas en el navegador sino en el dispositivo, con el fin de que se pueda acceder a ellas sin importar el navegador.

Local Storage

Usualmente los programadores suelen confundir Cookies con Local Storage, la diferencia entre estos dos esta en que las Cookies son para leer información principalmente para el lado del servidor y en Local Storage el almacenamiento solo puede ser leido por el cliente, esta es una propiedad HTML5, también muy utilizada en el desarrollo de páginas web, La información almacenada con esta propiedad es almacenada por tiempo indefinido sin importar que el navegador se cierre, puede ser comparada como una Cookie, especialmente la Persistent Cookie, ya que su funcionalidad es  muy similar, pero Local Storage es una forma mas actualizada de almacenar esta información y tiene ciertas ventajas las cuales veremos en un cuadro comparativo mas adelante.

En algunos  casos lo que se quiere guardar es información de la sesión del usuario, quiero decir que se almacena información por el tiempo en que un usuario permanezca en la página, una vez sale o cierra la página, esta Cookie es eliminada, pero para este caso es recomendable utilizar el Session Storage.

Session Storage

La Sessión Storage también es una propiedad de HTML5, la cual almacena información pero solo durante la sesión de un usuario, esta propiedad remplazo las Sessión Cookies y las Secure Cookies, ya que permite desarrollar aplicaciones más Seguras y eliminar un almacenamiento innecesario de datos.

Diferencias entre Cookies, Local Storage y Session Storage

Cookies Local Storage Session Storage
Capacidad de almacenamiento 4kb 10mb 5mb
Compatibilidad de navegadores html4/html5 html5 html5
Tiempo de Expiración Manualmente Nunca Cerrando pestaña o navegador
Ubicación de almacenamiento Navegador y Servidor Solo en el Navegador Solo en el Navegador
Envío con solicitud Si No No

 

Comparte el conocimiento

Deja un comentario

avatar
wpDiscuz