Session Storage speichert Daten im Browser nur so lange, wie ein Tab geöffnet ist. Hier erfährst du, wie er funktioniert, wie er sich vom Local Storage unterscheidet und wofür Websites ihn nutzen.
Was wäre, wenn sich eine Website gerade genug merken könnte, um deinen Besuch reibungslos zu machen, ohne nach deinem Weggang etwas zu behalten? Keine Reste, keine gespeicherten Vorlieben, nichts, was bleibt. Nur die richtige Information für den richtigen Moment, und dann ist sie weg. Das ist die Idee hinter Session Storage, und er ist nützlicher, als es zuerst klingt.
Wenn du das Kapitel über Local Storage schon gelesen hast, weisst du, dass er Daten auch nach dem Schliessen des Browsers behält. Session Storage geht den entgegengesetzten Weg. Er ist bewusst vorübergehend, und das ist keine Einschränkung, sondern eine gewollte Eigenschaft.
Was ist Session Storage?
Session Storage ist eine Art von Browser-Speicher, die Daten für die Dauer der Sitzung eines Browser-Tabs speichert. Solange der Tab geöffnet bleibt, sind die Daten verfügbar. In dem Moment, in dem der Besucher den Tab schliesst, wird der Session Storage automatisch geleert. Öffnest du dieselbe Website in einem neuen Tab, startet der Session Storage leer.
Wie Local Storage funktioniert Session Storage als Schlüssel-Wert-Speicher. Websites schreiben Daten mit einer Bezeichnung und einem Wert und holen sie über die Bezeichnung wieder ab. Der Unterschied liegt allein darin, wie lange die Daten bestehen. Local Storage bleibt unbegrenzt erhalten. Session Storage lebt und stirbt mit dem Tab.
Wie unterscheidet sich Session Storage vom Local Storage?
Der entscheidende Unterschied ist die Dauer. Daten im Local Storage bleiben im Browser, bis sie von Hand gelöscht werden. Daten im Session Storage verschwinden, sobald der Tab geschlossen wird. Deshalb eignen sie sich für unterschiedliche Situationen.
Session Storage gilt ausserdem pro Tab. Hat ein Besucher dieselbe Website in zwei verschiedenen Tabs geöffnet, hat jeder Tab seinen eigenen Session Storage. Die Tabs teilen keine Daten. Local Storage dagegen wird von allen Tabs derselben Website im selben Browser geteilt.
Wofür nutzen Websites Session Storage?
Fortschritt innerhalb einer Sitzung verfolgen
Mehrstufige Formulare und Bestellvorgänge nutzen oft Session Storage, um den Fortschritt zu halten, während ein Besucher von Schritt zu Schritt geht. Geht er zu einem früheren Schritt zurück, sind seine Antworten noch da. Endet die Sitzung, sind diese vorübergehenden Daten weg, und genau das willst du bei etwas wie einem Bestellvorgang.
Vorübergehender Zustand der Oberfläche
Ob eine Seitenleiste offen ist, welcher Tab gerade ausgewählt ist oder wie weit ein Besucher in einer langen Liste gescrollt hat: Das sind alles vorübergehende Zustände, die während eines Besuchs sinnvoll sind, aber keinen Wert mehr haben, wenn der Besucher geht. Session Storage erledigt das sauber.
Sensiblen Kontext kurzlebig halten
Für alles, was zum aktuellen Kontext eines Nutzers während eines Besuchs gehört, ist Session Storage die sicherere Wahl gegenüber Local Storage, weil sich die Daten automatisch selbst aufräumen. Es besteht kein Risiko, dass sensibler Kontext nach dem Besuch im Browser liegen bleibt.
Wann Session Storage und wann Local Storage?
Die Wahl läuft auf eine Frage hinaus: Müssen diese Daten über die aktuelle Tab-Sitzung hinaus erhalten bleiben? Wenn ja, ist Local Storage das richtige Werkzeug. Sind die Daten nur während des aktuellen Besuchs relevant und sollen nicht übernommen werden, passt Session Storage besser.
Für sensible Daten ist keines von beiden geeignet. Passwörter, Zahlungsdaten und persönliche Informationen sollten immer serverseitig mit einer richtigen SSL-Verschlüsselung verarbeitet und nie im Browser gespeichert werden. Einen Gesamtüberblick über alle Browser-Speicheroptionen und ihren Vergleich findest du unter Arten von Browser-Speicher.
Häufig gestellte Fragen
Wird Session Storage geleert, wenn der Browser schliesst, oder nur der Tab?
Session Storage wird geleert, wenn der jeweilige Tab geschlossen wird. Hat ein Besucher mehrere Tabs offen und schliesst einen, wird nur der Session Storage dieses Tabs geleert. Die anderen Tabs behalten ihren eigenen Session Storage. Wird der gesamte Browser geschlossen, wird der Session Storage aller Tabs gelöscht, weil dann alle aktiven Sitzungen enden.
Können zwei Tabs derselben Website den Session Storage teilen?
Nein. Session Storage ist pro Tab abgeschottet. Ist dieselbe Website in zwei getrennten Tabs geöffnet, hat jeder Tab seinen eigenen Session Storage, den der andere Tab weder lesen noch beschreiben kann. Das unterscheidet sich vom Local Storage, den alle Tabs derselben Website im selben Browser teilen.
Ist Session Storage sicherer als Local Storage?
Für sensiblen Kontext ist er etwas besser, weil die Daten beim Schliessen des Tabs automatisch gelöscht werden. Aber jedes Skript auf der Seite kann darauf zugreifen. Deshalb ist er nicht für Passwörter, persönliche Daten oder Zahlungsinformationen geeignet. Das automatische Aufräumen verkürzt die Zeit, in der Daten offenliegen, aber es gelten dieselben Sicherheitsregeln. Sensible Daten gehören auf den Server und nicht in den Browser.
Was passiert mit dem Session Storage, wenn ein Besucher die Seite neu lädt?
Neu laden leert den Session Storage nicht. Die Daten bleiben über Seiten-Neuladungen hinweg erhalten, solange der Tab geöffnet bleibt. Deshalb ist Session Storage nützlich, um einen Zustand über Neuladungen innerhalb desselben Besuchs zu halten, etwa ein teilweise ausgefülltes Formular, ohne dass diese Daten nach dem Weggang des Besuchers bleiben.
Wie viele Daten passen in den Session Storage?
Session Storage hat ungefähr dieselbe Kapazität wie Local Storage, je nach Browser etwa 5 bis 10 Megabyte pro Tab. Das reicht locker für vorübergehende Oberflächenzustände und Formulardaten in Bearbeitung. Für grössere Datensätze oder Dateien eignet sich IndexedDB besser.
Muss ich Session Storage auf meiner Website einrichten?
Nicht, wenn du einen Website-Builder nutzt. Die Plattform nutzt Session Storage intern, etwa für den Zustand von Formularen und Einstellungen innerhalb einer Sitzung. Er läuft im Hintergrund, ohne dass du etwas einrichten musst. Beim Website-Builder von WEMASY übernimmt die Plattform alle Entscheidungen zum Browser-Speicher automatisch, damit deine Besucher ein reibungsloses Erlebnis haben, ganz ohne Einrichtung.