Cómo almacenan datos los navegadores

Los navegadores hacen más que mostrar sitios web. Actúan como gestores de datos locales. Almacenan información en tu dispositivo para que la navegación sea más rápida y sencilla.

Debes conocer las tres formas principales en que los navegadores almacenan datos:

• Cookies • Caché del navegador • Web Storage

Cookies Las cookies son pequeños archivos de texto. Los sitios web las utilizan para recordarte. Almacenan tus sesiones de inicio de sesión y la configuración de idioma.

Cómo funcionan:

  • Visitas un sitio.
  • El sitio envía una cookie a tu navegador.
  • Tu navegador la guarda.
  • En tu próxima visita, tu navegador envía esa cookie de vuelta al servidor.

Ten en cuenta:

  • Las cookies tienen un límite mínimo de 4 KB.
  • Se envían con cada solicitud, lo que puede ralentizar las cosas.
  • Nunca almacenes contraseñas en las cookies.

Caché del navegador La caché almacena archivos pesados como imágenes, CSS y JavaScript. Su objetivo es la velocidad.

Cómo funciona:

  • Visitas un sitio por primera vez.
  • Tu navegador descarga todos los archivos y los guarda en la caché.
  • La próxima vez que visites el sitio, el navegador cargará los archivos desde tu dispositivo en lugar de desde internet.

Beneficios:

  • Las páginas cargan mucho más rápido.
  • Utiliza menos ancho de banda de internet.
  • Reduce la carga en el servidor.

Web Storage Esta es una característica de HTML5. Permite que los sitios almacenen datos como pares clave-valor. Es más eficiente que las cookies porque no se envía al servidor con cada solicitud.

Hay dos tipos:

  • Local Storage: Los datos permanecen incluso si cierras el navegador. Tiene una capacidad de entre 5 MB y 10 MB.
  • Session Storage: Los datos desaparecen cuando cierras la pestaña.

Casos de uso:

  • Local Storage es ideal para la configuración del modo oscuro.
  • Session Storage funciona bien para datos temporales de formularios.

Resumen

  • Usa Cookies para sesiones de inicio de sesión y comunicación con el servidor.
  • Usa la Caché para acelerar la carga del sitio con recursos estáticos.
  • Usa Web Storage para cantidades mayores de datos en el lado del cliente.

Fuente: https://dev.to/dailycodetools/how-browser-stores-data-cookies-cache-storage-25-jun-0346-m7h