Eagle Media

CLS – Cumulative Layout Shift

Kaldes også: Cumulative Layout Shift, Visuel stabilitet

Når elementer på en hjemmeside uventet flytter sig under indlæsning, måles denne ustabilitet af Google-metrikken Cumulative Layout Shift (CLS). En høj CLS-score betyder en irriterende brugeroplevelse, hvor kunder risikerer at klikke forkert, hvilket skader både din konverteringsrate og dine Google-placeringer.

Hvorfor skærmhop koster webshops kunder og omsætning

Mange webshopejere har prøvet at besøge en side på mobilen, trykke på en knap eller et link, og i samme sekund hoppe videre til det forkerte sted, fordi et billede over knappen pludselig færdigindlæste. I e-handel er den slags uventede bevægelser katastrofale for konverteringen.

Hvis en kunde trykker på knappen for at gennemføre et køb, men siden hopper, så kunden i stedet rammer en annuller-knap eller en anden knap, forlader kunden ofte kurven i frustration. Google måler denne visuelle stabilitet som en del af deres Core Web Vitals og straffer webshops med dårlig stabilitet ved at sænke deres organiske placeringer.

De primære årsager til dårlig CLS i praksis

I moderne e-handelssystemer opstår CLS sjældent af ond vilje, men af manglende teknisk præcision i skabelonen eller temaet. De tre hyppigste syndere er:

  • Billeder uden dimensioner: Hvis din shop indlæser produktbilleder uden angivne højder og bredder i HTML-koden, ved browseren ikke, hvor meget plads billedet tager, før det er hentet.
  • Dynamic content og banners: Kampagnebanners, cookie-bannere eller produktanmeldelser, der skubbes ind i toppen af siden efter indlæsning.
  • Webfonts: Eksterne skrifttyper, der erstatter standardfonde med et kort blink, hvilket ændrer tekstlinjernes højde.
CLS-scoreVurderingKonsekvens for din shop
0,00 – 0,10GodOptimal oplevelse, ingen Google-straf
0,11 – 0,25Kan forbedresRisiko for faldende konvertering på mobil
over 0,25DårligHøj afvisningsrate og tab af Google-placeringer

Sådan opnår du en stabil mobiloplevelse

En god tommelfingerregel er altid at reservere pladsen på skærmen på forhånd til dynamisk indhold. Det gøres teknisk med CSS via egenskaber som aspect-ratio eller min-height. Ved at gennemføre en gratis webshop audit kan du hurtigt afdække, om din webshop lider af uventede hop, og hvilke specifikke filer der forårsager problemet.

Ofte stillede spørgsmål

Spørgsmål om CLS – Cumulative Layout Shift

Hvad er en god CLS-score for en webshop?

Google definerer en god CLS-score som 0,1 eller lavere. En score mellem 0,1 og 0,25 kræver forbedringer, mens alt over 0,25 betragtes som kritisk og bør udbedres hurtigst muligt.

Hvad forårsager typisk høje CLS-tal?

Skærmhop opstår oftest, når billeder eller banners mangler faste højder og bredder i HTML-koden, eller når brugerdefinerede skrifttyper og popups læses forsinket ind i browseren.

Skal cls – cumulative layout shift give mening i din webshop?

Vi hjælper danske webshops med at omsætte begreberne til noget, der rent faktisk flytter omsætningen.

Kontakt os
  • Nielsens
  • Molly&My
  • WATERY
  • FirstGrade

Webshop

Lad os tage en snak

Udfyld formularen. Vi vender tilbage inden for 48 timer.

Tilmeld

Få webshop-tips

Ingen spam, kun konkret indhold om webshops og teknik. Afmeld når som helst.

Ved at tilmelde dig accepterer du vores privatlivspolitik.