Cumulative Layout Shift (CLS)

Hvad er Cumulative Layout Shift (CLS)?

Cumulative Layout Shift (CLS) er en af Googles Core Web Vitals-målinger, der vurderer den visuelle stabilitet på en webside. CLS måler, hvor meget synligt indhold uventet flytter sig under indlæsning, hvilket kan forstyrre brugeroplevelsen.

Uventede layoutskift kan opstå, når elementer som billeder, annoncer eller skrifttyper indlæses uden foruddefinerede dimensioner. For eksempel kan en “Køb nu”-knap flytte sig, hvis en annonce indlæses over den, hvilket kan føre til utilsigtede klik og frustration hos brugeren.

For at sikre en god brugeroplevelse anbefaler Google, at CLS-scoren er under 0,1. En score mellem 0,1 og 0,25 indikerer behov for forbedring, mens en score over 0,25 anses for dårlig.

For at forbedre CLS-scoren kan du:

• Angive faste bredde- og højdeattributter for billeder og videoer.
• Reservere plads til annoncer og indlejret indhold som iframes.
• Forudindlæse skrifttyper for at undgå layoutskift ved indlæsning.
• Undgå at indsætte nyt indhold over eksisterende indhold, medmindre det sker som reaktion på brugerinteraktion.

Du kan måle og analysere din sides CLS ved hjælp af værktøjer som Google PageSpeed Insights og Chrome DevTools. Disse værktøjer giver indsigt i, hvordan din side præsterer, og tilbyder forslag til forbedringer.