Med cache storage kan hjemmesider gemme filer direkte i browseren, så siderne loader hurtigere og endda kan virke offline. Lær, hvordan det virker, og hvordan det passer ind i det store billede af browserlager.
Kan du huske sidst, en hjemmeside loadede næsten med det samme ved dit andet besøg, selv om det tog nogle sekunder første gang? Eller en situation, hvor en app blev ved med at virke, efter du mistede internetforbindelsen? Det er ikke magi. Bag begge oplevelser er der en lagringsmekanisme, der hedder cache storage, og som stille gemmer de rigtige filer, så browseren ikke skal hente dem igen.
Du har allerede læst om, hvordan caching virker generelt, og hvordan browseren gemmer filer for at gøre gentagne besøg hurtigere. Cache storage er en mere avanceret og programmerbar udgave af den idé, som giver hjemmesider præcis kontrol over, hvad der gemmes, og hvordan det leveres.
Hvad er cache storage?
Cache storage er et lagringssystem i browseren, som lader hjemmesider gemme bestemte filer, HTML-sider, CSS-stylesheets, JavaScript-filer, billeder og skrifttyper, direkte på den besøgendes enhed. I modsætning til den almindelige browsercache, som browseren styrer automatisk efter sine egne regler, styres cache storage af hjemmesiden selv gennem noget, der hedder en service worker.
En service worker er et script, der kører i baggrunden i en browser, adskilt fra websiden. Den kan opfange forespørgsler på nettet og afgøre, om filen skal hentes fra internettet eller leveres direkte fra cache storage. Det giver hjemmesidens udvikler fuld kontrol over, hvad der caches, hvor længe, og under hvilke betingelser.
Hvordan adskiller cache storage sig fra den almindelige browsercache?
Den almindelige browsercache er automatisk. Browseren bestemmer, hvad der gemmes, hvor længe, og hvornår det opdateres. Du kan ikke styre den som ejer af en hjemmeside, og besøgende kan heller ikke let styre den ud over at rydde den helt.
Cache storage er bevidst og programmerbar. Hjemmesiden bestemmer præcis, hvilke filer der skal gemmes, og skriver logikken for, hvornår og hvordan de skal bruges. Den præcision gør cache storage til det rigtige værktøj til at bygge hurtige, pålidelige oplevelser, der også virker offline.
Hvad bruger hjemmesider cache storage til?
Hurtigere gentagne besøg
Når en besøgende kommer tilbage til en hjemmeside, kan service workeren levere cachede filer med det samme i stedet for at vente på svar fra serveren. Siderne loader hurtigere, fordi de vigtigste filer allerede er på enheden. Det forbedrer direkte oplevelsen for besøgende, der vender tilbage, og mindsker belastningen af serveren.
Adgang offline
Cache storage er fundamentet for hjemmesider og webapps, der kan virke offline. Ved at cache de vigtigste sider og filer under et besøg kan hjemmesiden blive ved med at fungere, når den besøgende mister internetforbindelsen. Vedkommende kan stadig se de cachede sider, bruge de vigtigste funktioner og se indhold, der allerede er indlæst.
Pålidelig ydelse på langsomme forbindelser
På en langsom eller ustabil forbindelse betyder levering af filer fra cache storage, at besøgende ikke skal vente på, at hver enkelt fil hentes ved hver sideindlæsning. Oplevelsen holder sig jævn, selv når netværket driller.
Hvad betyder det for din hjemmeside?
På de fleste almindelige virksomhedshjemmesider virker cache storage stille i baggrunden som en del af, hvordan platformen er bygget. Du sætter det ikke op i hånden. Det vigtige er, at den platform, der leverer din hjemmeside, håndterer caching klogt, så besøgende, der vender tilbage, får hurtig indlæsning, uden at du skal styre de tekniske detaljer.
Cache storage hænger direkte sammen med hjemmesidens hastighed og pålidelighed. Det supplerer også laget med CDN: CDN'et leverer dine filer hurtigt fra servere i nærheden, mens cache storage gemmer ofte brugte filer direkte på den besøgendes enhed. Sammen sørger de for, at dine sider loader så hurtigt som muligt fra alle vinkler. WEMASYs hjemmesidebygger håndterer caching som en del af sin infrastruktur, så dine besøgende får hurtig og pålidelig levering ved hvert besøg.
Ofte stillede spørgsmål
Er cache storage det samme som browsercachen?
Nej, men de hænger sammen. Den almindelige browsercache bliver styret automatisk af browseren. Cache storage er en programmerbar API, som hjemmesider styrer gennem en service worker. Begge gemmer filer lokalt for at gøre sideindlæsning hurtigere, men cache storage giver hjemmesiden præcis kontrol over, hvad der gemmes, og hvornår det bruges. Browsercachen er noget, ingen rører ved. Cache storage bliver bevidst styret af hjemmesiden.
Bliver data i cache storage, når browseren lukkes?
Ja. Cache storage er vedvarende, ligesom local storage. Filer i cache storage bliver på enheden, til hjemmesiden fjerner dem, eller den besøgende rydder sine browserdata. Derfor kan en hjemmeside loade med det samme eller virke offline ved et besøg, der kommer igen, selv dage senere.
Kan cache storage påvirke, hvor hurtigt min hjemmeside bliver opdateret for besøgende?
Ja, hvis det ikke styres med omtanke. Har en besøgende en ældre version af dine filer i cachen, og service workeren ikke tjekker for opdateringer, kan vedkommende se forældet indhold, efter du har lavet ændringer. Velbyggede cachestrategier løser det ved at give de cachede filer versioner og opfriske dem, når opdateringer udgives. Platforme, der styrer caching for dig, klarer det automatisk, så besøgende altid får en frisk version, når noget ændrer sig.
Hvor meget kan cache storage rumme?
Kapaciteten i cache storage er forskellig fra browser til browser og enhed til enhed, men er som regel meget større end local storage. Browsere lader typisk hjemmesider bruge en del af den ledige diskplads, som kan være fra titusinder til hundredvis af megabyte. Browseren kan bede brugeren om tilladelse, hvis en hjemmeside prøver at gemme en meget stor mængde. For de fleste hjemmesider er den ledige plads mere end nok til at gemme de filer, der skal til for hurtig indlæsning og adgang offline.
Hvad er en service worker?
En service worker er et script i baggrunden, der kører i browseren adskilt fra websiden. Den opfanger forespørgsler på nettet og kan afgøre, om en ressource skal hentes fra internettet eller leveres fra cache storage. Service workers er det, der gør funktioner offline og avancerede cachestrategier mulige. De kører stille, uden at den besøgende ser dem eller arbejder direkte med dem.
Skal jeg sætte cache storage op til min hjemmeside?
Ikke hvis du bruger en hjemmesidebygger. Styring af cache, herunder hvordan filer gemmes og opfriskes, klarer platformen. Med WEMASYs hjemmesidebygger er caching bygget ind i infrastrukturen, så dine besøgende får fordelene ved ydelsen uden opsætning fra din side. Du koncentrerer dig om dit indhold og dit brand, og platformen tager sig af, hvor effektivt det leveres.