Wie Browser Daten speichern

Browser tun mehr, als nur Websites anzuzeigen. Sie fungieren als lokale Datenmanager. Sie speichern Informationen auf Ihrem Gerät, um das Surfen schneller und einfacher zu machen.

Sie sollten die drei wichtigsten Arten kennen, wie Browser Daten speichern:

• Cookies • Browser-Cache • Web Storage

Cookies

Cookies sind kleine Textdateien. Websites nutzen sie, um sich an Sie zu erinnern. Sie speichern Ihre Login-Sitzungen und Spracheinstellungen.

So funktionieren sie:

  • Sie besuchen eine Website.
  • Die Website sendet ein Cookie an Ihren Browser.
  • Ihr Browser speichert es.
  • Bei Ihrem nächsten Besuch sendet Ihr Browser dieses Cookie zurück an den Server.

Beachten Sie:

  • Cookies haben ein sehr geringes Limit von 4 KB.
  • Sie werden bei jeder Anfrage mitgesendet, was die Performance beeinträchtigen kann.
  • Speichern Sie niemals Passwörter in Cookies.

Browser-Cache

Der Cache speichert große Dateien wie Bilder, CSS und JavaScript. Sein Ziel ist Geschwindigkeit.

So funktioniert es:

  • Sie besuchen eine Website zum ersten Mal.
  • Ihr Browser lädt alle Dateien herunter und speichert sie im Cache.
  • Wenn Sie die Website das nächste Mal besuchen, lädt der Browser die Dateien von Ihrem Gerät anstatt aus dem Internet.

Vorteile:

  • Seiten laden viel schneller.
  • Es wird weniger Internetbandbreite verbraucht.
  • Es reduziert die Serverlast.

Web Storage

Dies ist ein HTML5-Feature. Es ermöglicht Websites, Daten als Schlüssel-Wert-Paare zu speichern. Es ist effizienter als Cookies, da es nicht bei jeder Anfrage an den Server gesendet wird.

Es gibt zwei Arten:

  • Local Storage: Die Daten bleiben erhalten, auch wenn Sie den Browser schließen. Er bietet etwa 5 MB bis 10 MB Speicherplatz.
  • Session Storage: Die Daten verschwinden, wenn Sie den Tab schließen.

Anwendungsfälle:

  • Local Storage eignet sich hervorragend für Dark-Mode-Einstellungen.
  • Session Storage eignet sich gut für temporäre Formulardaten.

Zusammenfassung

  • Verwenden Sie Cookies für Login-Sitzungen und die Serverkommunikation.
  • Verwenden Sie den Cache, um das Laden von Websites durch statische Assets zu beschleunigen.
  • Verwenden Sie Web Storage für größere Mengen an clientseitigen Daten.

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