Med cache storage kan webbplatser spara filer direkt i webbläsaren så att sidor laddas snabbare och till och med kan fungera offline. Lär dig hur det fungerar och hur det passar in i helheten kring webbläsarlagring.
Kommer du ihåg senast en webbplats laddades nästan direkt vid ditt andra besök, trots att det första gången tog några sekunder? Eller en situation där en app fortsatte fungera även efter att du förlorat internetanslutningen? Det är ingen magi. Bakom båda upplevelserna finns en lagringsmekanism som kallas cache storage, som tyst behåller rätt filer så att webbläsaren inte behöver hämta dem igen.
Du har redan läst om hur cachning fungerar i allmänhet och hur webbläsaren behåller filer för att snabba upp upprepade besök. Cache storage är en mer avancerad, programmerbar version av den idén, som ger webbplatser exakt kontroll över vad som sparas och hur det levereras.
Vad är cache storage?
Cache storage är ett webbläsarbaserat lagringssystem som låter webbplatser spara specifika filer, HTML-sidor, CSS-formatmallar, JavaScript-filer, bilder och typsnitt, direkt på besökarens enhet. Till skillnad från den vanliga webbläsarcachen, som webbläsaren hanterar automatiskt enligt sina egna regler, styrs cache storage av webbplatsen själv genom något som kallas en service worker.
En service worker är ett skript som körs i bakgrunden i webbläsaren, separat från webbsidan. Det kan fånga upp nätverksförfrågningar och avgöra om filen ska hämtas från internet eller levereras direkt från cache storage. Det ger webbplatsens utvecklare full kontroll över vad som cachas, hur länge och under vilka villkor.
Hur skiljer sig cache storage från den vanliga webbläsarcachen?
Den vanliga webbläsarcachen är automatisk. Webbläsaren bestämmer vad som sparas, hur länge och när det ska uppdateras. Du styr den inte som webbplatsägare, och besökare kan inte heller enkelt hantera den utöver att rensa den helt.
Cache storage är uttryckligt och programmerbart. Webbplatsen anger exakt vilka filer som ska sparas och skriver logiken för när och hur de ska användas. Den precisionen gör cache storage till rätt verktyg för att bygga snabba, pålitliga upplevelser som fungerar offline.
Vad använder webbplatser cache storage till?
Snabbare upprepade besök
När en besökare kommer tillbaka till en webbplats kan service workern leverera cachade filer direkt i stället för att vänta på svar från servern. Sidorna laddas snabbare eftersom de viktigaste filerna redan finns på enheten. Det förbättrar direkt upplevelsen för återkommande besökare och minskar belastningen på servern.
Åtkomst offline
Cache storage är grunden för webbplatser och webbappar som fungerar offline. Genom att cacha de viktigaste sidorna och filerna under ett besök kan webbplatsen fortsätta fungera när besökaren förlorar internetanslutningen. Besökaren kan fortfarande bläddra bland cachade sidor, använda grundfunktioner och se innehåll som redan har laddats.
Pålitlig prestanda på långsamma anslutningar
På en långsam eller instabil anslutning betyder leverans från cache storage att besökare inte behöver vänta på att varje resurs laddas ned vid varje sidladdning. Upplevelsen förblir smidig även när nätverket inte samarbetar.
Vad betyder det för din webbplats?
För de flesta vanliga företagswebbplatser arbetar cache storage tyst i bakgrunden som en del av hur plattformen är byggd. Du konfigurerar det inte manuellt. Det som är viktigt är att plattformen som levererar din webbplats hanterar cachning på ett smart sätt, så att återkommande besökare får snabba laddningstider utan att du behöver sköta de tekniska detaljerna.
Cache storage hänger direkt ihop med webbplatsens hastighet och tillförlitlighet. Det kompletterar också CDN-lagret: CDN:et levererar dina filer snabbt från närliggande servrar, medan cache storage håller ofta använda filer direkt på besökarens enhet. Tillsammans ser de till att dina sidor laddas så snabbt som möjligt ur alla vinklar. WEMASY:s webbplatsbyggare hanterar cachning som en del av sin infrastruktur, så dina besökare får snabb och pålitlig leverans vid varje besök.
Vanliga frågor
Är cache storage samma sak som webbläsarcachen?
Nej, men de hänger ihop. Den vanliga webbläsarcachen hanteras automatiskt av webbläsaren. Cache storage är ett programmerbart API som webbplatser styr via en service worker. Båda sparar filer lokalt för att snabba upp sidladdningen, men cache storage ger webbplatsen exakt kontroll över vad som sparas och när det används. Webbläsarcachen sköter sig själv åt alla, medan cache storage hanteras medvetet av webbplatsen.
Finns data i cache storage kvar efter att webbläsaren stängts?
Ja. Cache storage är beständigt, ungefär som local storage. Filer som sparats i cache storage ligger kvar på enheten tills webbplatsen tar bort dem eller besökaren rensar sin webbläsardata. Det är den beständigheten som gör det möjligt för en webbplats att laddas direkt eller fungera offline vid ett återbesök, även flera dagar senare.
Kan cache storage påverka hur snabbt min webbplats uppdateras för besökare?
Ja, om det inte hanteras noggrant. Om en besökare har en äldre version av dina filer cachad och service workern inte kontrollerar efter uppdateringar kan hen se inaktuellt innehåll efter att du gjort ändringar. Väl uppbyggda cachningsstrategier hanterar det genom att ge cachade filer versioner och uppdatera dem när ändringar publiceras. Plattformar som sköter cachningen åt dig hanterar det automatiskt, så besökare alltid får en färsk version när något ändras.
Hur mycket kan cache storage rymma?
Kapaciteten i cache storage varierar mellan webbläsare och enheter men är oftast mycket större än i local storage. Webbläsare låter vanligtvis webbplatser använda en del av det tillgängliga diskutrymmet, vilket kan variera från tiotals till hundratals megabyte. Webbläsaren kan be användaren om tillstånd om en webbplats försöker spara en mycket stor mängd. För de flesta webbplatser är den tillgängliga kapaciteten mer än tillräcklig för de filer som behövs för snabb laddning och åtkomst offline.
Vad är en service worker?
En service worker är ett bakgrundsskript som körs i webbläsaren separat från webbsidan. Den fångar upp nätverksförfrågningar och kan avgöra om en resurs ska hämtas från internet eller levereras från cache storage. Service workers är det som gör funktioner offline och avancerade cachningsstrategier möjliga. De körs i tysthet utan att besökaren ser dem eller interagerar direkt med dem.
Måste jag ställa in cache storage för min webbplats?
Inte om du använder en webbplatsbyggare. Cachehanteringen, inklusive hur filer sparas och uppdateras, sköts av plattformen. Med WEMASY:s webbplatsbyggare är cachning inbyggd i infrastrukturen, så dina besökare får prestandafördelarna utan att du behöver konfigurera något. Du fokuserar på ditt innehåll och ditt varumärke, medan plattformen sköter hur effektivt det levereras.