Cumulative layout shift

Cumulative Layout Shift

Cumulative Layout Shift (CLS) mäter hur mycket innehållet på en sida förskjuts oväntat under laddning eller interaktion. Det handlar om plötsliga hopp i layouten som gör att text, bilder eller knappar flyttas när du försöker läsa eller klicka. Sådana skiftningar är irriterande och kan leda till felaktiga klick eller att användaren tappar sammanhang. Vanliga orsaker är bilder eller annonser utan angivna dimensioner, dynamiskt infogat innehåll och typsnitt som laddas in sent. CLS ger en poäng som visar hur stor den totala förskjutningen är — lägre värde betyder bättre stabilitet. För att minska förskjutningar bör du ange fasta storlekar eller reservera utrymme för media, förhandsladda viktiga typsnitt och planera var dynamiskt innehåll ska visas. Att testa sidor i olika nätverk och på olika enheter hjälper dig att hitta oväntade skiftningar innan verkliga användare drabbas. En stabil layout ökar användarens förtroende, minskar oavsiktliga klick och förbättrar tittarens upplevelse av webbplatsen. CLS är också en del av Core Web Vitals och har direkt betydelse för både användarnöjdhet och sökmotorernas bedömning.