Hopp til innhold
Fart & Web Vitals

CLS og INP: Stabil layout og rask respons

CLS straffer hoppende layout. INP straffer trege klikk. Begge er Core Web Vitals og påvirker både rangering og konvertering.

Hvorfor dette påvirker rangeringen

CLS straffer hoppende layout. INP straffer trege klikk. Begge er Core Web Vitals og påvirker både rangering og konvertering. Google leser signalene på tvers av URL-er, HTML og ytelse — ikke bare teksten i et blogginnlegg.

Vanlige feil på norske nettsider

  • Bilder og annonser uten reserved plass.
  • Webfonter som bytter geometri uten fallback-metrikk.
  • Tunge klikkhandlere på hovedknappen (INP).

Før og etter

Eksemplene er forenklet. Bruk mønsteret, ikke nødvendigvis klassenavnene.

Feil konfigurasjon

Bildet har ingen størrelse. Teksten hopper når bildet lander.

Feil eksempel

<img src="/produkt.jpg" alt="Jakke">
<p>Pris 1 499 kr</p>

Riktig konfigurasjon

width/height eller aspect-ratio reserverer plass. INP fikses ved å korte hovedtråden, ikke med HTML alene.

Riktig eksempel

<img src="/produkt.jpg" width="600" height="800" alt="Jakke">
<p>Pris 1 499 kr</p>

Ofte stilte spørsmål

SEOvakta lanseres i 2027

Vil du at vi overvåker nettsiden din for denne typen feil automatisk? Meld deg på ventelisten for 50 % rabatt ved lansering. Ingen salgsbrev — bare lanseringsvarsel.

Trenger du automatisk overvåking av universell utforming og WCAG-krav i dag? Prøv UUvakta.no →

Relaterte emner