+45 44 40 40 63Cumulative Layout Shift (CLS) refererer til den mængde af uventede layoutændringer, der opstår på en webside, mens den indlæses eller bruges.
En layoutændring kan ske, når visuelle elementer på en side som billeder, annoncer eller indholdsblokke flytter sig fra én position til en anden, efterhånden som siden indlæses. Disse ændringer kan være forstyrrende for brugeren og forringe den overordnede brugeroplevelse.
Måling af CLS
For at beregne CLS tages hver uventet layoutændring og måles efter, hvor meget det påvirkede indhold flytter sig i viewporten (den synlige del af en webside). Disse værdier summeres derefter for at give den samlede CLS-score. En god CLS-score er generelt under 0,1, hvilket indikerer, at en side har få og små layoutændringer.
Forbedring af CLS
For at reducere CLS bør man sikre sig, at alle visuelle elementer på hjemmesiden har angivet de korrekte dimensioner (bredde og højde), så browseren kan reservere plads til dem, inden de indlæses. Desuden bør man undgå at indsætte indhold oven i allerede eksisterende indhold, medmindre det sker som reaktion på en brugerhandling. Det er også vigtigt at udskyde ikke-kritisk tredjeparts-script, indtil siden er indlæst.
Betydning for SEO
CLS er en del af Googles Core Web Vitals, et sæt af metrikker designet til at måle brugeroplevelsen på en webside. Disse vitals er en rankingfaktor, da de har en effekt på placeringen i søgeresultaterne. Det betyder, at websider med lav CLS kan få en fordel i søgeresultaterne, da Google favoriserer websites, der tilbyder en stabil og brugervenlig oplevelse.
Ved at være opmærksom på CLS og arbejde aktivt på at forbedre denne metric, kan man styrke en side i søgmaskinernes øjne og tilbyde en mere stabil og tiltalende brugeroplevelse. Det leder ikke kun til bedre SEO-resultater, men også til øget brugertilfredshed og potentielt lavere bounce rates (såkaldt afvisningsprocent, der indikerer procentdelen af brugere, der forlader en webside uden at interagere med indholdet).
