A local storage lehetővé teszi, hogy a weboldalak közvetlenül a böngésződben mentsenek adatot, amely megmarad a látogatások között. Tudd meg, hogyan működik, mire használják a weboldalak, és mit jelent az oldaladnak.
Beállítottál már egy preferenciát egy weboldalon, bezártad a lapot, és később visszatérve mindent úgy találtál, ahogy hagytad? A megjelenítési beállításaid ugyanazok maradtak, a mentett elemeid még ott voltak, és nem kellett újra beállítanod semmit. Ezt a local storage végzi csendben a háttérben.
A böngészőtár típusairól szóló előző fejezetben bemutattuk a local storage-ot, mint az egyik fő módot, ahogyan a böngészők megtartják az adatokat. Ez a fejezet mélyebben bemutatja, mi is valójában a local storage, hogyan működik, és milyen szerepe van a weboldaladon.
Mi az a local storage?
A local storage a böngészőtár egyik típusa, amely lehetővé teszi, hogy a weboldalak kis adatdarabokat mentsenek közvetlenül a látogató eszközén. Ez az adat a böngészőben marad akkor is, ha a látogató bezárja a lapot, vagy leállítja a számítógépét. Amikor legközelebb meglátogatja ugyanazt a weboldalt, a böngészőnek még megvan az adat, és az oldal felhasználhatja a korábbi állapot visszaállítására.
Ez különbözteti meg a local storage-ot a session storage-tól, amely a lap bezárásakor törlődik. A local storage tartós. Nincs automatikus lejárata. Az adat addig marad, amíg a felhasználó ki nem törli a böngészőjét, vagy a weboldal maga el nem távolítja.
Hogyan működik a local storage?
A local storage egyszerű kulcs-érték tárként működik. Gondolj rá úgy, mint egy kis jegyzettömbre a böngészőben, amelybe a weboldal egy címkével és egy értékkel írhat fel információt. A címke a kulcs, az alatta mentett információ pedig az érték. Amikor a weboldalnak újra szüksége van az információra, megkeresi a kulcsot, és lekéri az értéket.
Például egy weboldal elmenthet egy „theme” nevű kulcsot „dark” értékkel, amikor a látogató sötét módra vált. Amikor a látogató legközelebb visszatér, a weboldal megnézi a local storage-ot, megtalálja a „theme” kulcsot, beolvassa a „dark” értéket, és automatikusan alkalmazza a sötét módot, még mielőtt az oldal teljesen megjelenne.
Minden weboldal saját, elkülönített local storage-ot kap. A weboldal csak a saját adatait olvashatja és írhatja. Nem látja, mit tárolt bármelyik másik weboldal. Ez az elkülönítés minden böngészőbe beépített biztonsági funkció.
Mire használják a weboldalak a local storage-ot?
Felhasználói beállítások mentése
A megjelenítési beállítások, a nyelvi preferenciák, a témaválasztások és az elrendezési lehetőségek mind gyakran a local storage-ban vannak. Ezek nem érzékeny preferenciák, amelyek jobb élményt adnak, amikor a látogató visszatér.
Elemek megőrzése a munkamenetek között
Egyes weboldalak a local storage-ot használják olyan elemek tárolására, amelyekkel a látogató interakcióba lépett, például olvasólista, kívánságlista vagy a nemrég megtekintett elemek, hogy a következő látogatáskor is ott legyenek, akkor is, ha a látogató nincs bejelentkezve.
Kevesebb szerverkérés
Amikor a weboldal helyben tárol információt, azonnal lekérheti a böngészőből ahelyett, hogy minden alkalommal kérést küldene a szervernek. Ez gyorsítja az élményt a visszatérő látogatóknak, és csökkenti a háttérrendszer terhelését.
Állapot megőrzése űrlapokban és többlépéses folyamatokban
Egyes weboldalak a local storage-ot használják egy többlépéses űrlap vagy fizetési folyamat előrehaladásának ideiglenes mentésére. Ha a látogató véletlenül bezárja a lapot, a visszatéréskor nem veszik el az előrehaladása.
Mik a local storage korlátai?
A local storage kis adatokra készült. A legtöbb böngésző weboldalanként körülbelül 5-10 megabájtot engedélyez, ami bőven elég preferenciákra és beállításokra, de nem elég nagy fájlokra vagy összetett adathalmazokra. Csak szöveget tárol. A számokat, objektumokat és tömböket előbb szöveggé kell alakítani, mielőtt elmenthetők, és lekéréskor vissza kell alakítani őket.
A local storage érzékeny információk tárolására sem alkalmas hely. Mivel az oldalon futó bármelyik szkript hozzáfér, a jelszavak, személyes adatok vagy fizetési információk local storage-ban tárolása biztonsági kockázat. Az érzékeny adatok a szerverre valók, SSL és megfelelő hitelesítés védelmében.
Ha egymás mellett szeretnéd látni, hogyan viszonyul a local storage a többi tárolási típushoz, olvasd el a böngészőtár típusairól szóló cikket.
Gyakran ismételt kérdések
Működik a local storage internetkapcsolat nélkül?
Igen. A local storage a látogató eszközén van mentve, nem egy szerveren. Az adat akkor is elérhető, ha a böngésző offline. Ez az egyik oka annak, hogy a local storage-ot gyakran service workerekkel és cache storage-dzsal együtt használják olyan weboldalak építésére, amelyek részben vagy teljesen offline is működnek.
Megosztott a local storage ugyanazon az eszközön a különböző böngészők között?
Nem. A local storage böngészőspecifikus. Ha az egyik böngészőben mentesz adatot, az nem látszik ugyanazon az eszközön egy másik böngészőben. Minden böngésző saját, külön local storage-ot tart fenn. Ez azt jelenti, hogy az a látogató, aki az egyik böngészőből egy másikba vált, nem viszi magával a mentett beállításait vagy adatait.
Láthatják vagy törölhetik a látogatók a local storage adataikat?
Igen. Bárki megnyithatja a böngészője fejlesztői eszközeit, és megtekintheti vagy törölheti bármelyik weboldal local storage adatait. A látogatók a böngészőbeállításaikban az összes böngészőadatot is törölhetik, ami teljesen kiüríti a local storage-ot. Ezért a weboldalak ne támaszkodjanak a local storage-ra, mint állandó vagy garantált adatforrásra.
Mi a különbség a local storage és a cookie-k között?
A cookie-kat minden kéréssel visszaküldik a szervernek, ezért alkalmasak munkamenet-kezelésre és hitelesítésre. A local storage csak a böngészőben marad, és soha nem küldődik el automatikusan a szervernek. A local storage több adatot is tárol, mint a cookie-k, és nincs beépített lejárata. Mindkettő más felhasználási esetekre jó, és a jól megépített weboldalak mindkettőt megfelelően használják.
Befolyásolja a local storage a weboldal sebességét?
A local storage olvasása és írása nagyon gyors, ezért ritkán okoz érezhető sebességproblémát. Sőt, ha a local storage-dzsal gyorsítótárazod a beállításokat és csökkented a szerverkéréseket, a weboldal gyorsabbnak tűnhet a visszatérő látogatóknak. A weboldal sebességére gyakorolt hatás általában pozitív, ha a local storage-ot ésszerűen használják.
Nekem kell kezelnem a local storage-ot a weboldalamon?
Ha weboldalépítőt használsz, a local storage-ot a platform automatikusan kezeli az általa támogatott funkciókhoz. Neked semmit sem kell megírnod vagy beállítanod. Az építő a háttérben intézi a local storage-ot használó beállításokat és állapotkezelést. A WEMASY weboldalépítőjében ez mind be van építve a platform működésébe.