Cumulative Layout Shift (CLS) is een Google-meetwaarde die scoort hoeveel de dingen op een pagina onverwacht verschuiven terwijl die laadt. Een lage score betekent dat de pagina op zijn plek valt en blijft staan; een hoge score betekent dat content blijft verspringen terwijl de bezoeker probeert te lezen of te tikken.
We hebben dit allemaal weleens gevoeld. Je wilt op een link tikken, en op het laatste moment laadt een afbeelding erboven klaar, alles schuift naar beneden, en je tikt per ongeluk op een advertentie. Die irritante sprong is precies wat CLS meet. De meest voorkomende oorzaak is content die laadt zonder dat de ruimte vooraf gereserveerd is, zodat de afbeelding of banner bij aankomst alles eronder opzij duwt. Het is een van de drie Core Web Vitals, naast Largest Contentful Paint.
CLS telt om meer dan comfort. Het is een rankingsignaal, dus een pagina die verspringt kan stilletjes terrein verliezen in de zoekresultaten, en een checkout waar de knop ‘betalen’ onder een duim wegschuift kan een echte verkoop kosten. Google meet de score uit echte bezoeken, niet uit een labtest, dus het getal weerspiegelt wat je werkelijke publiek ervaart op hun eigen apparaten en verbindingen.
De oplossingen draaien vooral om reserveren. Geef elke afbeelding een vaste breedte en hoogte zodat de browser de plek vasthoudt, behandel lettertypes zo dat ze de tekst niet herschikken als ze wisselen, en voorkom dat laat-ladende banners bestaande content naar beneden duwen. Goede image optimization helpt hier ook, want afbeeldingen zijn een veelvoorkomende boosdoener.
Bij TopDevs reserveren we vanaf het begin ruimte voor media en embeds, zodat de pagina’s van een klant rotsvast blijven tijdens het laden en bezoekers niet verrast worden door content die onder hun duim wegschuift.
