Med local storage kan webbplatser spara data direkt i din webbläsare så att den finns kvar mellan besöken. Lär dig hur det fungerar, vad webbplatser använder det till och vad det betyder för din webbplats.
Har du någon gång ställt in något på en webbplats, stängt fliken och kommit tillbaka senare och hittat allt precis som du lämnade det? Dina visningsinställningar var desamma, dina sparade objekt fanns kvar och du behövde inte ställa in något igen. Det är local storage som tyst gör sitt jobb i bakgrunden.
I förra kapitlet om typer av webbläsarlagring presenterade vi local storage som ett av de viktigaste sätten för webbläsare att behålla data. Det här kapitlet går djupare in på vad local storage egentligen är, hur det fungerar och vilken roll det spelar på din webbplats.
Vad är local storage?
Local storage är en typ av webbläsarlagring som låter webbplatser spara små datamängder direkt på besökarens enhet. Datan finns kvar i webbläsaren även när besökaren stänger fliken eller stänger av datorn. Nästa gång besökaren kommer till samma webbplats har webbläsaren fortfarande datan tillgänglig, och webbplatsen kan använda den för att återställa det tidigare läget.
Det är det som skiljer local storage från session storage, som töms när fliken stängs. Local storage är beständigt. Det har ingen automatisk utgångstid. Datan ligger kvar tills användaren rensar sin webbläsare eller tills webbplatsen själv tar bort den.
Hur fungerar local storage?
Local storage fungerar som ett enkelt nyckel-värde-lager. Tänk dig ett litet anteckningsblock i webbläsaren där en webbplats kan skriva ned information med en etikett och ett värde. Etiketten är nyckeln och informationen som sparas under den är värdet. När webbplatsen behöver informationen igen slår den upp nyckeln och hämtar värdet.
En webbplats kan till exempel spara en nyckel som heter "theme" med värdet "dark" när en besökare byter till mörkt läge. Nästa gång besökaren kommer tillbaka kontrollerar webbplatsen local storage, hittar nyckeln "theme", läser värdet "dark" och använder det mörka läget automatiskt innan sidan ens har visats helt.
Varje webbplats får sitt eget isolerade local storage. En webbplats kan bara läsa och skriva sin egen data. Den kan inte se vad någon annan webbplats har sparat. Den isoleringen är en säkerhetsfunktion som finns i alla webbläsare.
Vad använder webbplatser local storage till?
Spara användarinställningar
Visningsinställningar, språkval, temaval och layoutalternativ är vanliga saker som sparas i local storage. Det är icke-känsliga inställningar som förbättrar upplevelsen när en besökare kommer tillbaka.
Behålla objekt mellan sessioner
Vissa webbplatser använder local storage för att spara objekt som en besökare har interagerat med, som en läslista, en önskelista eller nyligen visade objekt, så att de finns kvar vid nästa besök även om besökaren inte är inloggad.
Minska antalet serverförfrågningar
När en webbplats sparar information lokalt kan den hämta den direkt från webbläsaren i stället för att fråga servern varje gång. Det snabbar upp upplevelsen för återkommande besökare och minskar belastningen på backend.
Behålla läget i formulär och flerstegsprocesser
Vissa webbplatser använder local storage för att tillfälligt spara framsteg i ett formulär med flera steg eller i en kassa. Om en besökare av misstag stänger fliken går framstegen inte förlorade när hen kommer tillbaka.
Vilka begränsningar har local storage?
Local storage är gjort för små datamängder. De flesta webbläsare tillåter ungefär 5 till 10 megabyte per webbplats, vilket räcker gott för inställningar men inte för stora filer eller komplexa datamängder. Det sparar också bara text. Tal, objekt och listor måste först göras om till text innan de kan sparas, och sedan göras om tillbaka när de hämtas.
Local storage är inte heller rätt plats för känslig information. Eftersom det kan nås av alla skript som körs på sidan är det en säkerhetsrisk att spara lösenord, personuppgifter eller betaluppgifter där. Känslig data hör hemma på servern, skyddad av SSL och ordentlig autentisering.
För en jämförelse sida vid sida av local storage och de andra lagringstyperna kan du läsa typer av webbläsarlagring.
Vanliga frågor
Fungerar local storage utan internetanslutning?
Ja. Local storage sparas på besökarens enhet, inte på en server. Datan finns tillgänglig även när webbläsaren är offline. Det är en av anledningarna till att local storage ofta används tillsammans med service workers och cache storage för att bygga webbplatser som kan fungera delvis eller helt offline.
Delas local storage mellan olika webbläsare på samma enhet?
Nej. Local storage är specifikt för varje webbläsare. Om du sparar data i en webbläsare syns den inte i en annan webbläsare på samma enhet. Varje webbläsare har sitt eget separata local storage. Det betyder att en besökare som byter webbläsare inte tar med sig sina sparade inställningar eller sin data.
Kan besökare se eller ta bort sin local storage-data?
Ja. Vem som helst kan öppna webbläsarens utvecklarverktyg och se eller ta bort local storage-data för vilken webbplats som helst. Besökare kan också rensa all webbläsardata i webbläsarens inställningar, vilket tömmer local storage helt. Det betyder att webbplatser inte bör förlita sig på local storage som en permanent eller garanterad datakälla.
Vad är skillnaden mellan local storage och cookies?
Cookies skickas tillbaka till servern med varje förfrågan, vilket gör dem lämpliga för sessionshantering och autentisering. Local storage stannar bara i webbläsaren och skickas aldrig automatiskt till servern. Local storage rymmer också mer data än cookies och har ingen inbyggd utgångstid. Båda passar för olika användningsfall, och välbyggda webbplatser använder båda på rätt sätt.
Påverkar local storage webbplatsens hastighet?
Att läsa från och skriva till local storage går mycket snabbt, så det orsakar sällan märkbara hastighetsproblem. Att använda local storage för att cacha inställningar och minska serverförfrågningar kan faktiskt få en webbplats att kännas snabbare för återkommande besökare. Påverkan på webbplatsens hastighet är oftast positiv när local storage används förnuftigt.
Måste jag hantera local storage på min webbplats?
Om du använder en webbplatsbyggare hanteras local storage automatiskt av plattformen för de funktioner den stöder. Du behöver inte skriva eller konfigurera något själv. Byggaren sköter alla inställningar och tillstånd som använder local storage bakom kulisserna. Med WEMASY:s webbplatsbyggare är allt det inbyggt i hur plattformen fungerar.