«Nettstedslager eller HTML5» er en formulering mange møter på, og som lett skaper forvirring. Det høres ut som to konkurrerende valg – men det stemmer ikke helt.
Sannheten er enklere og mer betryggende: nettstedslager er faktisk en del av HTML5, ikke et alternativ til det. Du trenger derfor ikke å velge det ene fremfor det andre.
I denne guiden forklarer vi begge begrepene fra bunnen av, viser hvordan de henger sammen, og går gjennom når du bør bruke nettstedslager i praksis. Alt er forklart slik at også nybegynnere skal henge med.
Hva er HTML5?
HTML er språket som bygger opp alle nettsider. Bokstavene står for HyperText Markup Language, altså et markeringsspråk.
Et markeringsspråk er ikke det samme som et programmeringsspråk. Det programmerer ikke logikk eller regnestykker, men beskriver hvordan innholdet på en side er strukturert: hva som er en overskrift, et avsnitt, et bilde eller en lenke.
«HTML5» er navnet på den moderne generasjonen av HTML. Den ble først lansert som et utkast i 2008 og fikk offisiell status hos standardiseringsorganet W3C i oktober 2014.
I dag vedlikeholdes HTML som en såkalt living standard – en levende standard som oppdateres løpende i stedet for å komme i nummererte versjoner. Arbeidet gjøres av WHATWG, et samarbeid mellom de store nettleserprodusentene, deriblant Apple, Google, Mozilla og Microsoft.
Med HTML5 kom en rekke nye muligheter, blant annet innebygd støtte for video og lyd, tegneflaten canvas – og nettopp nettstedslager.
Hva er et nettstedslager (Web Storage)?
Nettstedslager heter Web Storage på engelsk. Det er en funksjon som lar en nettside lagre små mengder data direkte i din egen nettleser.
Poenget er at nettstedet kan huske ting mellom besøk eller mens du klikker deg rundt, uten at informasjonen må hentes fra en server hver gang. Et enkelt eksempel er at en side husker at du har valgt mørk modus.
Web Storage består av to deler:
- localStorage – lagrer data uten utløpsdato.
- sessionStorage – lagrer data bare så lenge økten varer.
Begge lagrer informasjon i par av «nøkkel» og «verdi». Nøkkelen er navnet på informasjonen (for eksempel «språk»), og verdien er selve innholdet (for eksempel «norsk»).
Nettstedslager eller HTML5 – hvorfor det ikke er et enten–eller
Her ligger den vanligste misforståelsen. Nettstedslager er ikke et alternativ til HTML5 – det er en av funksjonene som kom med HTML5.
Med andre ord: bruker du nettstedslager, bruker du HTML5. Spørsmålet «hva bør du velge?» har derfor et enkelt svar – du velger ikke, du får begge deler samtidig.
Det du derimot kan velge mellom, er hvilken type nettstedslager du bruker til en gitt oppgave: localStorage eller sessionStorage.
localStorage og sessionStorage – hva er forskjellen?
De to variantene fungerer nesten likt, men skiller seg på ett avgjørende punkt: hvor lenge dataen blir liggende.
localStorage
localStorage lagrer data permanent, helt til du eller nettstedet aktivt sletter den. Dataen forsvinner altså ikke selv om du lukker nettleseren og åpner den igjen dagen etter.
Dette passer for ting som bør huskes over tid, som språkvalg, innstillinger eller innholdet i en handlekurv.
sessionStorage
sessionStorage lagrer data bare i den aktive økten, altså mens fanen er åpen. Lukker du fanen, slettes dataen.
Dette passer for midlertidig informasjon, for eksempel data i et skjema du fyller ut i flere trinn.
Nettstedslager vs. informasjonskapsler (cookies)
Mange blander nettstedslager med informasjonskapsler, ofte kalt cookies. Begge lagrer data i nettleseren, men de brukes til ulike ting.
En informasjonskapsel er en liten tekstbit som sendes med til serveren i hver eneste forespørsel. Den brukes typisk til innlogging og sporing.
Nettstedslager, derimot, blir liggende i nettleseren og sendes ikke automatisk til serveren. Det gir plass til mer data og mindre trafikk fram og tilbake.
Når bør du bruke nettstedslager?
Nettstedslager er nyttig når en side skal huske noe lokalt hos brukeren. Vanlige eksempler er lagrede innstillinger, valgt tema, eller data som gjør at en side laster raskere ved neste besøk.
Fordi dataen ligger klar i nettleseren, slipper siden å hente den fra serveren hver gang. Det kan bidra til en raskere opplevelse – et tema vi går nærmere inn på i vår guide til tips for en raskere webside.
Skal du selv bygge eller forbedre en nettside, er nettstedslager en av mange byggeklosser i moderne webutvikling.
Sikkerhet og begrensninger
Nettstedslager er praktisk, men har klare grenser du bør kjenne til:
- Lagringsplass: Vanligvis minst 5 MB per nettsted. Det er nok til tekst og innstillinger, men ikke til store filer.
- Kun tekst: Dataen lagres som tekststrenger. Annen informasjon må gjøres om til tekst først.
- Ikke for sensitiv informasjon: Data i nettstedslager er ikke kryptert og bør aldri brukes til passord eller personopplysninger.
- Per nettsted: Dataen er knyttet til ett bestemt nettsted, og andre nettsteder får ikke tilgang til den.
Riktig bruk av teknologi som dette henger også sammen med hvordan søkemotorene oppfatter siden din. Vil du forstå det bildet bedre, kan du lese mer om søkeoptimalisering.
Backup og lagring – ikke bland begrepene
Til slutt en viktig oppklaring. Nettstedslager i nettleseren er ikke en form for sikkerhetskopi av nettstedet ditt.
En sikkerhetskopi (backup) er en egen kopi av innholdet på nettstedet, gjerne lagret hos webverten din eller på en ekstern disk. Det er noe helt annet enn de små databitene Web Storage legger i besøkendes nettlesere.
Kort sagt: nettstedslager hjelper en side å huske ting hos brukeren, mens backup handler om å sikre selve nettstedet ditt mot tap.
Kildehenvisninger
Ofte stilte spørsmål (FAQ)
Er nettstedslager det samme som HTML5?
Nei. Nettstedslager (Web Storage) er en funksjon som kom med HTML5, ikke et alternativ til det. Bruker du nettstedslager, bruker du HTML5.
Er HTML5 et programmeringsspråk?
Nei. HTML5 er et markeringsspråk som beskriver strukturen på en nettside. Det programmerer ikke logikk slik ekte programmeringsspråk gjør.
Hva er forskjellen på localStorage og sessionStorage?
localStorage lagrer data permanent til den slettes, mens sessionStorage sletter dataen så snart fanen lukkes.
Hvor mye data kan lagres i nettstedslager?
Grensen er vanligvis minst 5 MB per nettsted. Det holder til tekst og innstillinger, men ikke til store filer.
Kan jeg lagre passord eller sensitiv informasjon i nettstedslager?
Nei. Dataen er ikke kryptert, og nettstedslager egner seg derfor ikke til passord eller personopplysninger.
Kan jeg bruke nettstedslager som backup av nettstedet mitt?
Nei. Nettstedslager lagrer små databiter i besøkendes nettlesere og er ikke en sikkerhetskopi av nettstedet ditt.
Fungerer nettstedslager i alle nettlesere?
Ja. Web Storage støttes av alle moderne nettlesere, som Chrome, Firefox, Safari og Edge.