Hastighetsoptimalisering av nettbutikk med Core Web Vitals

Hastighetsoptimalisering av nettbutikk med Core Web Vitals handler om å forbedre Googles måleparametere for lastehastighet, respons og visuell stabilitet, slik at både brukere og søkemotorer opplever siden som rask og pålitelig.

• Google erstattet FID med INP i mars 2024.
• Core Web Vitals brukes som et rangeringstegn i Google Søk.
• For LCP anbefaler Google en verdi under 2,5 sekunder i feltdata.

For mer, se vår Core Web Vitals-sjekkliste for nettbutikker-side.

Hvorfor betyr Core Web Vitals så mye for nettbutikker?

Core Web Vitals er avgjørende fordi Google bruker dem i søkerangeringen og fordi de direkte påvirker hvordan kunder opplever nettbutikken din.

Google definerer Core Web Vitals som et sett med signaler for brukeropplevelse. De tre måleparametrene er LCP, INP og CLS. Til sammen forteller de hvor raskt hovedsiden lastes, hvor raskt siden reagerer på klikk og hvor stabil layouten er under lasting.

For nettbutikker er dette spesielt viktig fordi omsetningen avhenger av at kundene ikke gir opp. Forskning viser at sidehastighet påvirker konvertering direkte. Hvis en butikk bruker to sekunder ekstra på å laste, faller salget ofte merkbart. En treg side øker også fluktfrekvensen, særlig på mobil.

Google har bekreftet at Core Web Vitals er en del av rangeringsopplevelsen. Det betyr at en rask og stabil side kan gi bedre synlighet i søkeresultatene. For nettbutikker med mange sider og store bilder er det derfor viktig å jobbe systematisk og kontinuerlig. Les mer i vår Core Web Vitals-sjekkliste for nettbutikker.

Hvordan måler du Core Web Vitals i nettbutikken din?

Du måler Core Web Vitals med verktøy som PageSpeed Insights, Google Search Console og feltdata fra Chrome User Experience Report, også kalt CrUX.

Det finnes både laboratoriedata og feltdata. Laboratoriedata hentes fra testverktøy som PageSpeed Insights og Lighthouse. Feltdata hentes fra ekte brukere via Chrome User Experience Report. For nettbutikker er feltdata viktigst fordi de gjenspeiler faktiske besøk fra kunder i ulike nettverk og enheter.

Google Search Console har en egen rapport for Core Web Vitals. Der ser du hvilke URL-er som har dårlige verdier, og hvilke grupper av sider som bør prioriteres. Du kan også bruke Web Vitals-biblioteket i JavaScript for å overvåke sidene dine fortløpende og sende målinger til analyseverktøyet ditt.

For å få en helhetlig teknisk analyse kan du bruke Crawza. Crawza gir innsikt i tekniske feil og ytelsesproblemer. Det hjelper deg med å finne årsaker til dårlige verdier, ikke bare symptomene. Du bør kombinere feltdata og laboratoriedata for å forstå både brukeropplevelsen og de underliggende tekniske flaskehalsene.

Hvordan forbedrer du LCP (Largest Contentful Paint)?

Du forbedrer LCP ved å optimalisere serverresponstid, laste inn bilder effektivt og sikre rask tilgang til kritiske ressurser.

LCP måler tiden til det største innholdselementet vises. Det kan være et hero-bilde, en overskrift eller en produktvisning. Målet er under 2,5 sekunder i feltdata. Lange serverresponstider er den vanligste årsaken til høy LCP i nettbutikker.

Start med serverresponstiden. Bruk rask hosting, unngå tunge plugins og aktiver caching på serversiden. Deretter bør du optimalisere bilder: konverter til WebP, komprimer uten synlig tap og legg til width og height. Du kan også forhåndslaste bakgrunnsbilder og kritiske skrifter med preload.

Crawzas prisside viser hvordan du kan bruke verktøyet til å overvåke slike forbedringer. For ytelsesrelaterte innstillinger i WooCommerce kan du også se gjennom vår WooCommerce SEO-guide. Små tekniske grep gir ofte store utslag i LCP fordi nettbutikker har mange produktsider med lignende struktur.

Hvordan reduserer du INP (Interaction to Next Paint)?

Du reduserer INP ved å gjøre JavaScript mindre krevende, bryte opp lange oppgaver og holde hovedtråden ledig for klikk.

INP måler hvor raskt siden reagerer når brukeren klikker eller trykker. Tidligere brukte Google FID, men INP overtok i mars 2024. Målet er under 200 millisekunder. Høye INP-verdier skjer ofte når JavaScript blokkerer hovedtråden og siden ikke kan håndtere nye handlinger.

Vanlige årsaker til høy INP er store JavaScript-filer, tredjepartsskript og synkrone operasjoner på hovedtråden. Prøv å redusere mengden JavaScript til det viktigste, utsett ikke-kritiske skript og bruk code-splitting. Bryt også opp lange oppgaver i mindre biter med setTimeout eller scheduler API.

En teknisk revisjon av nettbutikken din avdekker ofte disse flaskehalsene. Du kan for eksempel lese om teknisk SEO-analyse av webbutikker i Finland for å se hvordan tilsvarende problemer løses i praksis. Det er også lurt å begrense antall tredjepartsskript til det som faktisk er nødvendig for drift og markedsføring.

Hvordan unngår du layoutskift (CLS)?

Du unngår CLS ved å reservere plass til medier, unngå å sette inn innhold over eksisterende innhold og bruke stabile dimensjoner på alle elementer.

CLS står for Cumulative Layout Shift og måler uventede hopp i layouten. Målet er en skår under 0,1. Høye verdier oppstår ofte når bilder og annonser lastes uten reservert plass, eller når fonter byttes underveis.

Sett alltid width og height på bilder og videoer. Bruk aspect-ratio i CSS for responsive medier. Reserver plass til annonsebannere og embeds, for eksempel med min-høyde. Unngå også å injisere innhold dynamisk øverst på siden etter at den er lastet.

En annen vanlig kilde til CLS er nettfonter. Bytt til systemfonter eller bruk font-display: swap for å redusere hopp. Dersom du bruker store karuseller, bør du teste stabiliteten nøye i mobilvisning. Klikk på knapper og åpne handlekurven for å se om nye elementer dytter resten av siden rundt.

Hvilke verktøy og rutiner bør norske nettbutikker bruke?

Norske nettbutikker bør kombinere feltdataovervåking, tekniske revisjoner og kontinuerlig testing for å opprettholde gode Core Web Vitals.

Det er ikke nok å fikse ett problem. Core Web Vitals må overvåkes over tid fordi nye plugins, produkter og kampanjer endrer sidene. Lag et system der du tester ved hver større oppdatering, og bruk verktøy som PageSpeed Insights, Search Console og CrUX ukentlig.

Ha et budsjett for ytelse slik at bilder og skript ikke ødelegger innsatsen. Dersom du mangler teknisk kompetanse, bør du få hjelp til en revisjon av e-handels-KPI-er eller en komplett SEO-analyse. Gode målinger gir bedre prioriteringer.

Husk at hastighet henger tett sammen med SEO. For å få ut tellingen av all optimalisering må du også sikre riktig indeksering. Crawza kan hjelpe deg med å prioritere tiltak som gir størst effekt på både hastighet og synlighet. Se Crawzas startside for mer informasjon.

Du kan utforske Crawzas prisside.