Mithilfe des Local und des Session Storage können wir jetzt auf eine neue HTML5 Funktion zurückgreifen, die uns einige Performance Optimierungen spendieren kann. Wie und was der Web Storage ist erkläre ich euch jetzt.
Local oder Session Storage?
Der Unterschied zwischen dem Local Storage und dem Session Storage ist sehr einfach. Während der Local Storage über mehrere Sessions (unbegrenzte Dauer) hinweg bestehen bleibt, wird der Session Storage gelöscht sobald der User den Browser Tab schließt.
Daher eignet sich der Local Storage eher für statische Inhalte wie zum Beispiel aufwendigere Requests und der Session Storage eher dynamische Inhalte, die sich von Session zur Session unterscheiden können.
Daten speichern
sessionStorage.setItem('YOUR KEY', 'WERT');Daten auslesen
sessionStorage['YOUR KEY'];
ODER
sessionStorage.getItem('YOUR KEY');Weitere Möglichkeiten
sessionStorage.length - Anzahl aller gespeicherten Elemente sessionStorage.key(n) - Liefert den Namen des n'ten Elementes sessionStorage.getItem(key) - Liefert den Wert des Keys sessionStorage.setItem(key, value) - Setzt für den Key einen Wert sessionStorage.removeItem(key) - Löscht den Key sessionStorage.clear() - Löscht alle Daten
Browsersupport
HTML5 Web Storage wird von allen modernen Browsern unterstützt (Internet Explorer ab Version 8).