Cumulative Layout Shift (CLS) is een belangrijke prestatiemetric binnen Google’s Core Web Vitals die specifiek meet hoe visueel stabiel een webpagina blijft tijdens het laden. Het focust op onverwachte verschuivingen van elementen, zoals tekst, knoppen, afbeeldingen of banners, die plotseling van positie veranderen voordat de pagina volledig is geladen. Dit soort verschuivingen kan zorgen voor ongemak of irritatie bij gebruikers, zeker wanneer zij willen klikken of lezen en de inhoud plotseling verschuift, waardoor ze bijvoorbeeld per ongeluk op de verkeerde knop drukken.
CLS werkt door te berekenen hoeveel en hoe ver elementen op de pagina onverhoopt bewegen. Een optimale CLS-score ligt onder 0,1. Wanneer de score hoger is, betekent dit dat er sprake is van instabiliteit. Veel voorkomende oorzaken zijn afbeeldingen zonder vooraf ingestelde breedte en hoogte, advertenties die later inladen dan andere elementen, lettertypen die vertraagd worden geladen of dynamische content die onverwacht ruimte opeist. Deze problemen treden vooral op bij trage verbindingen of wanneer websites niet goed geoptimaliseerd zijn.
Het optimaliseren van CLS draagt direct bij aan een betere gebruikerservaring. Een stabiele pagina zorgt ervoor dat bezoekers zonder onderbreking kunnen lezen, scrollen of interactie kunnen aangaan met de website. Voor website-eigenaren en ontwikkelaars is het daarom belangrijk om ervoor te zorgen dat alle elementen vooraf ruimte reserveren tijdens het laden, bijvoorbeeld door vaste afmetingen toe te voegen aan afbeeldingen en embedded content, of door advertenties op een consistente plek te houden. Daarnaast speelt CLS een steeds grotere rol in de ranking van websites binnen zoekmachines, waardoor het verbeteren van deze metric niet alleen de gebruikerservaring versterkt, maar ook de zichtbaarheid en prestaties van een website positief kan beïnvloeden.