Core Web Vitals forklart – og slik forbedrer du dem

Siden 2021 er brukeropplevelse en offisiell rankingfaktor i Google. Redskapet Google bruker for å måle dette, heter Core Web Vitals – tre konkrete målinger av hvordan brukerne faktisk opplever en nettside i bruk. Dårlige Core Web Vitals-verdier kan koste deg synlighet i søk, uavhengig av hvor godt innholdet ditt ellers er.

Her er hva de tre målepunktene betyr, hva som regnes som gode verdier, og – viktigst – hva du konkret kan gjøre.

De tre Core Web Vitals

LCP – Largest Contentful Paint

LCP måler hvor lang tid det tar før det største synlige innholdselementet på siden er lastet inn. Det kan være et heroibilde, en videothumbnail eller en stor overskrift.

LCP påvirkes mest av serverresponstid, bildestørrelse og ressursblokkeringer.

INP – Interaction to Next Paint

INP (som erstattet FID i 2024) måler forsinkelsen fra en bruker interagerer med siden (klikker, taster, trykker) til neste visuell oppdatering. Den fanger opp tregt JavaScript og responsivitetsproblemer.

CLS – Cumulative Layout Shift

CLS måler uventet layoutskift – altså elementer som plutselig hopper rundt på siden mens den lastes. Det klassiske eksempelet: du er i ferd med å trykke på en lenke, og et bilde laster inn over den, slik at du trykker feil.

Hvordan måle Core Web Vitals

Google tilbyr flere verktøy:

• PageSpeed Insights (pagespeed.web.dev) – gir både lab-data og feltdata (real user data) for en enkelt URL
• Google Search Console – viser Core Web Vitals-rapport over hele nettstedet basert på faktiske brukere
• Lighthouse – innebygd i Chrome DevTools, gir lab-data og forbedringsforslag
• CrUX (Chrome User Experience Report) – felt-data aggregert fra Chrome-brukere

Lab-data og feltdata kan avvike. Feltdata (fra ekte brukere) veier tyngre i Googles rangeringsalgoritme.

Tiltak for å forbedre LCP

Optimaliser bilder: Bruk moderne formater som WebP eller AVIF. Komprimer bildene og sett riktig størrelse. For WordPress finnes plugins som Imagify og ShortPixel.

Bruk preload for kritiske ressurser: Fortell nettleseren tidlig hvilke bilder og fonter som er viktige:

<link rel="preload" as="image" href="hero.webp">

Reduser serverresponstid (TTFB): Et raskt webhotell med SSD-lagring og oppdatert PHP er fundamentet. Vurderer du bytte? Se hva Vymo webhotell tilbyr fra 49,-/md.

Aktiver caching: Server-side caching (for eksempel med LiteSpeed Cache eller WP Super Cache) reduserer tiden det tar å generere sider.

Tiltak for å forbedre INP

Reduser JavaScript-kjøring: Unødvendige plugins og tredjepartsskripter (chat-widgets, analyseverktøy) kan blokkere nettleserens interaktivitet.

Defer og async: Last JavaScript asynkront der det er mulig, slik at siden ikke venter på skript som ikke er kritiske for første visning.

Minifiser og kombiner: Kombiner CSS- og JS-filer der mulig, og fjern ubrukt kode.

Tiltak for å forbedre CLS

Sett eksplisitte dimensjoner på bilder og video: Uten width og height i HTML-koden vet ikke nettleseren plassen elementet tar, og layouten forskyves når det lastes.

<img src="bilde.webp" width="800" height="600" alt="Beskrivelse">

Unngå dynamisk innhold over eksisterende innhold: Bannere, cookies-varsler og annonser som lastes inn etter side-render bør reservere plass på forhånd.

Fonter: Bruk font-display: swap og last inn fonter tidlig for å unngå skifte mellom fallback-font og faktisk font.

Core Web Vitals og webhotellet

Webhotellet er ikke den eneste faktoren, men det er fundamentet. Et tregt webhotell med høy TTFB (serverresponstid) gir deg et dårlig utgangspunkt uansett hvor mye du optimaliserer koden. SSD-lagring, moderne PHP-versjoner og CDN-støtte er faktorer som påvirker LCP direkte.

Les mer om hva som gjør en nettside rask i artikkelen om rask nettside , eller se sjekklisten for å komme på nett hvis du er i startfasen.

Core Web Vitals er ikke et engangsprosjekt – det er en løpende del av å drive et godt nettsted. Mål jevnlig, særlig etter store oppdateringer eller nytt innhold, og gjør korrigeringer underveis.