Local storage umožňuje webům ukládat data přímo ve vašem prohlížeči, aby vydržela mezi návštěvami. Zjistěte, jak funguje, k čemu ho weby používají a co to znamená pro váš web.
Nastavili jste si někdy na webu předvolbu, zavřeli kartu a později našli všechno přesně tak, jak jste to nechali? Nastavení zobrazení bylo pořád stejné, uložené položky tam byly a nemuseli jste nic nastavovat znovu. To je local storage, který tiše dělá svou práci na pozadí.
V předchozí kapitole o typech úložiště prohlížeče jsme local storage představili jako jeden z hlavních způsobů, jak prohlížeče uchovávají data. Tato kapitola jde hlouběji do toho, co local storage vlastně je, jak funguje a jakou roli hraje na vašem webu.
Co je local storage?
Local storage je typ úložiště prohlížeče, který webům umožňuje ukládat malé kousky dat přímo v zařízení návštěvníka. Data zůstanou v prohlížeči, i když návštěvník zavře kartu nebo vypne počítač. Až příště navštíví stejný web, prohlížeč má tato data stále k dispozici a web je může použít k obnovení jeho předchozího stavu.
Tím se local storage liší od session storage, které se po zavření karty vymaže. Local storage je trvalé. Nemá automatické vypršení. Data zůstávají, dokud uživatel nevymaže prohlížeč nebo dokud je neodstraní sám web.
Jak local storage funguje?
Local storage funguje jako jednoduché úložiště typu klíč a hodnota. Představte si ho jako malý zápisník v prohlížeči, do kterého si web může zapisovat informace pomocí popisku a hodnoty. Popisek je klíč a informace uložená pod ním je hodnota. Když web tuto informaci znovu potřebuje, vyhledá klíč a načte hodnotu.
Například web může uložit klíč „theme“ s hodnotou „dark“, když návštěvník přepne na tmavý režim. Až se tento návštěvník příště vrátí, web zkontroluje local storage, najde klíč „theme“, přečte hodnotu „dark“ a automaticky použije tmavý režim ještě předtím, než se stránka úplně vykreslí.
Každý web má své vlastní izolované local storage. Web může číst a zapisovat jen svá data. Nevidí, co si uložil jakýkoli jiný web. Tato izolace je bezpečnostní funkce zabudovaná v každém prohlížeči.
K čemu weby local storage používají?
Ukládání uživatelských předvoleb
Nastavení zobrazení, jazykové předvolby, volby motivu a možnosti rozvržení patří mezi běžné věci uložené v local storage. Jsou to nedůvěrné předvolby, které zlepšují zážitek, když se návštěvník vrátí.
Uchování položek mezi relacemi
Některé weby používají local storage k uchování položek, se kterými návštěvník pracoval, jako je seznam k přečtení, seznam přání nebo nedávno zobrazené položky, aby tam byly i při další návštěvě, i když návštěvník není přihlášený.
Snížení počtu požadavků na server
Když web ukládá informace lokálně, může je okamžitě načíst z prohlížeče, místo aby pokaždé posílal požadavek serveru. Zrychluje to zážitek vracejícím se návštěvníkům a snižuje zátěž backendu.
Uchování stavu ve formulářích a vícekrokových procesech
Některé weby používají local storage k dočasnému uložení postupu ve vícekrokovém formuláři nebo v procesu pokladny. Pokud návštěvník omylem zavře kartu, po návratu o svůj postup nepřijde.
Jaké jsou limity local storage?
Local storage je navržené pro malá data. Většina prohlížečů povoluje zhruba 5 až 10 megabajtů na web, což stačí na předvolby a nastavení, ale ne na velké soubory nebo složité sady dat. Ukládá také pouze text. Čísla, objekty a pole je třeba nejdřív převést na text, než se uloží, a při načtení převést zpět.
Local storage také není správné místo pro citlivé informace. Protože je přístupné každému skriptu běžícímu na stránce, ukládání hesel, osobních údajů nebo platebních informací do local storage je bezpečnostní riziko. Citlivá data patří na server, chráněná pomocí SSL a řádného ověřování.
Srovnání local storage s ostatními typy úložiště najdete v článku typy úložiště prohlížeče.
Často kladené otázky
Funguje local storage bez připojení k internetu?
Ano. Local storage je uložené v zařízení návštěvníka, ne na serveru. Data jsou dostupná, i když je prohlížeč offline. To je jeden z důvodů, proč se local storage často používá spolu se service workery a cache storage k vytváření webů, které umí fungovat částečně nebo plně offline.
Sdílí se local storage mezi různými prohlížeči na stejném zařízení?
Ne. Local storage je specifické pro prohlížeč. Pokud uložíte data v jednom prohlížeči, v jiném prohlížeči na stejném zařízení je neuvidíte. Každý prohlížeč má své vlastní oddělené local storage. To znamená, že návštěvník, který přejde z jednoho prohlížeče do druhého, si své uložené předvolby ani data nepřenese.
Mohou návštěvníci vidět nebo smazat svá data v local storage?
Ano. Kdokoli může otevřít vývojářské nástroje svého prohlížeče a zobrazit nebo smazat data v local storage jakéhokoli webu. Návštěvníci také mohou v nastavení prohlížeče vymazat všechna data prohlížeče, čímž se local storage úplně vymaže. Weby by tedy neměly spoléhat na local storage jako na trvalý nebo zaručený zdroj dat.
Jaký je rozdíl mezi local storage a cookies?
Cookies se posílají zpět serveru s každým požadavkem, takže se hodí pro správu relací a ověřování. Local storage zůstává jen v prohlížeči a na server se automaticky nikdy neposílá. Local storage také pojme víc dat než cookies a nemá vestavěné vypršení. Každé se hodí pro jiné případy použití a dobře postavené weby používají obojí vhodným způsobem.
Ovlivňuje local storage rychlost webu?
Čtení z local storage a zápis do něj je velmi rychlé, takže jen zřídka způsobuje znatelné potíže s rychlostí. Naopak používání local storage k ukládání předvoleb a snížení počtu požadavků na server může pro vracející se návštěvníky způsobit, že web působí rychleji. Vliv na rychlost webu je při rozumném používání local storage obecně pozitivní.
Musím local storage na svém webu spravovat?
Pokud používáte tvůrce webů, local storage u funkcí, které podporuje, spravuje platforma automaticky. Nemusíte nic psát ani nastavovat. Tvůrce na pozadí zajišťuje všechny předvolby nebo správu stavu, které local storage využívají. U tvůrce webů WEMASY je to všechno zabudované do fungování platformy.