Cumulative Layout Shift (CLS) is een Core Web Vital die meet hoeveel elementen op je pagina onverwacht verschuiven tijdens het laden. Dit veroorzaakt frustratie wanneer je per ongeluk op het verkeerde element klikt.
Google beschouwt een CLS score van minder dan 0.1 als goed. Tussen 0.1 en 0.25 is matig, en boven 0.25 is slecht.
Veelvoorkomende oorzaken van hoge CLS:
• Afbeeldingen zonder width/height attributen
• Advertenties die content naar beneden duwen
• Web fonts die FOUT (Flash of Unstyled Text) veroorzaken
• Dynamisch ingeladen content
Oplossing: specificeer altijd dimensies voor media-elementen en reserveer ruimte voor dynamische content.