Med local storage kan hjemmesider gemme data direkte i din browser, så de bliver mellem besøg. Lær, hvordan det virker, hvad hjemmesider bruger det til, og hvad det betyder for din hjemmeside.
Har du nogensinde valgt en indstilling på en hjemmeside, lukket fanen og vendt tilbage senere for at finde alt, som du forlod det? Dine visningsindstillinger var de samme, dine gemte ting var der stadig, og du behøvede ikke sætte noget op igen. Det er local storage, der stille gør sit arbejde i baggrunden.
I det forrige kapitel om typer af browserlager præsenterede vi local storage som en af de vigtigste måder, browsere holder fast i data på. Dette kapitel går dybere i, hvad local storage egentlig er, hvordan det virker, og hvilken rolle det spiller på din hjemmeside.
Hvad er local storage?
Local storage er en type browserlager, der lader hjemmesider gemme små stykker data direkte på den besøgendes enhed. Dataene bliver i browseren, selv når den besøgende lukker fanen eller slukker computeren. Næste gang vedkommende besøger den samme hjemmeside, har browseren stadig dataene, og hjemmesiden kan bruge dem til at genskabe det forrige udgangspunkt.
Det er det, der adskiller local storage fra session storage, som ryddes, når fanen lukkes. Local storage er vedvarende. Det har ikke en automatisk udløbstid. Dataene bliver, til brugeren rydder sin browser, eller til hjemmesiden selv fjerner dem.
Hvordan virker local storage?
Local storage virker som et enkelt key-value-lager. Tænk på det som en lille notesblok i browseren, hvor en hjemmeside kan skrive oplysninger ned med en etiket og en værdi. Etiketten er nøglen, og oplysningerne, der er gemt under den, er værdien. Når hjemmesiden har brug for oplysningerne igen, slår den nøglen op og henter værdien.
En hjemmeside kan fx gemme en nøgle kaldet "theme" med værdien "dark", når en besøgende skifter til mørk tilstand. Næste gang den besøgende kommer tilbage, tjekker hjemmesiden local storage, finder nøglen "theme", læser værdien "dark" og slår mørk tilstand til automatisk, før siden overhovedet er helt vist.
Hver hjemmeside får sit eget eget local storage. En hjemmeside kan kun læse og skrive sine egne data. Den kan ikke se, hvad andre hjemmesider har gemt. Den adskillelse er en sikkerhedsfunktion, der er bygget ind i alle browsere.
Hvad bruger hjemmesider local storage til?
At gemme brugerens præferencer
Visningsindstillinger, sprogvalg, temavalg og layoutvalg er alle almindelige ting, der gemmes i local storage. Det er præferencer, der ikke er følsomme, og som gør oplevelsen bedre, når en besøgende vender tilbage.
At beholde ting mellem sessioner
Nogle hjemmesider bruger local storage til at gemme ting, som en besøgende har arbejdet med, som en læseliste, en ønskeliste eller nyligt sete ting, så de stadig er der ved næste besøg, selv om den besøgende ikke er logget ind.
At mindske forespørgsler til serveren
Når en hjemmeside gemmer oplysninger lokalt, kan den hente dem med det samme fra browseren i stedet for at spørge serveren hver gang. Det gør oplevelsen hurtigere for besøgende, der vender tilbage, og mindsker belastningen af systemet bag kulisserne.
At huske, hvor man er i formularer og forløb med flere trin
Nogle hjemmesider bruger local storage til midlertidigt at gemme fremskridt i en formular eller en kasse med flere trin. Lukker en besøgende ved en fejl fanen, er fremskridtet ikke tabt, når vedkommende kommer tilbage.
Hvad er grænserne for local storage?
Local storage er lavet til små datamængder. De fleste browsere tillader omkring 5 til 10 megabyte pr. hjemmeside, hvilket er rigeligt til præferencer og indstillinger, men ikke til store filer eller komplekse datasæt. Det gemmer også kun tekst. Tal, objekter og lister skal først laves om til tekst, før de kan gemmes, og laves om igen, når de hentes.
Local storage er heller ikke det rette sted til følsomme oplysninger. Fordi alle scripts på siden kan få adgang til det, er det en sikkerhedsrisiko at gemme adgangskoder, personlige oplysninger eller betalingsoplysninger i local storage. Følsomme data hører hjemme på serveren, beskyttet af SSL og ordentlig godkendelse.
Vil du se local storage side om side med de andre typer lager, så læs typer af browserlager.
Ofte stillede spørgsmål
Virker local storage uden internetforbindelse?
Ja. Local storage er gemt på den besøgendes enhed og ikke på en server. Dataene er der, selv når browseren er offline. Det er en af grundene til, at local storage ofte bruges sammen med service workers og cache storage til at bygge hjemmesider, der delvist eller helt kan fungere offline.
Deles local storage mellem forskellige browsere på den samme enhed?
Nej. Local storage er knyttet til den enkelte browser. Gemmer du data i én browser, kan de ikke ses i en anden browser på den samme enhed. Hver browser har sit eget separate local storage. Det betyder, at en besøgende, der skifter fra én browser til en anden, ikke tager sine gemte præferencer eller data med.
Kan besøgende se eller slette deres data i local storage?
Ja. Alle kan åbne browserens udviklerværktøjer og se eller slette data i local storage for enhver hjemmeside. Besøgende kan også rydde alle browserdata i browserens indstillinger, og det sletter local storage helt. Det betyder, at hjemmesider ikke bør regne med local storage som en varig eller garanteret datakilde.
Hvad er forskellen på local storage og cookies?
Cookies sendes tilbage til serveren med hver forespørgsel, så de egner sig til sessionsstyring og godkendelse. Local storage bliver kun i browseren og sendes aldrig automatisk til serveren. Local storage rummer også flere data end cookies og har ingen indbygget udløbstid. De passer til hvert sit brug, og velbyggede hjemmesider bruger begge på den rigtige måde.
Påvirker local storage hjemmesidens hastighed?
Det går meget hurtigt at læse fra og skrive til local storage, så det giver sjældent mærkbare problemer med hastigheden. Faktisk kan local storage til at gemme præferencer og mindske forespørgsler til serveren få en hjemmeside til at føles hurtigere for besøgende, der vender tilbage. Effekten på hjemmesidens hastighed er generelt positiv, når local storage bruges fornuftigt.
Skal jeg styre local storage på min hjemmeside?
Bruger du en hjemmesidebygger, styrer platformen local storage automatisk til de funktioner, den understøtter. Du behøver ikke skrive eller sætte noget op selv. Hjemmesidebyggeren tager sig af præferencer og tilstand, der bruger local storage, bag kulisserne. Med WEMASYs hjemmesidebygger er det hele bygget ind i, hvordan platformen virker.