Op mijn site Fietsvakanties.net signaleert Google bij Site Vitaliteit een te hoge CLS, zowel op desktop als mobiel. Hij zit net boven de 0.25

Ik meen dat het te maken heeft met verschuivende onderdelen op de site, maar ik zie eigenlijk niet welke dat kunnen zijn. Na wat gegoogle om dat te achterhalen kom ik bij Chrome - Developer - Performance - Record wel rode balkjes met 'CLS' tegen, maar wat dan precies verschuift, dat is me te technisch/niet duidelijk.

Is er een andere manier om te achterhalen wat de boosdoener(s) is/zijn?

Ik heb hetzelfde probleem, bij mij komt het door adsense banners. Die zijn responsive en passen automatisch de grootte aan.
Maar ik zie dat jij dat niet hebt op je site. Ik zou ook wel willen weten hoe ik dit precies kan uitzoeken

CLS wil zeggen dat je content nog veranderd terwijl de website geladen wordt.

In de meeste gevallen zijn dit afbeeldingen die geen hoogte hebben of content die met Javascript wordt ingeladen.

Ik zelf had hier veel aan.
https://web.dev/optimize-cls/

Wij hebben dit voor een aantal van onze klanten geoptimaliseerd. Google geeft inderdaad aan dat er sprake is van een te hoge CLS maar is daar niet heel specifiek over. Na aardig wat zoekwerk kwamen we er achter dat je in het performance report van devtools de hoeveelheid CLS per element kunt zien onder "Experience". Dit heeft ons enorm geholpen om de elementen te vinden die voor de meeste CLS zorgen. Ben benieuwd of dit je helpt!

In Google Pagespeed worden de elementen die aan CLS onderhevig zijn ook behoorlijk duidelijk vermeld.

Origineel gepost door B. van der Weerd

In Google Pagespeed worden de elementen die aan CLS onderhevig zijn ook behoorlijk duidelijk vermeld.

Waar precies? Kan het niet terugvinden. Vind het n.l. irritant dat ze die score geven alleen nergens aangeven wát die score veroorzaakt en hoe je het kunt oplossen behalve verwijzen naar hun theoretische pagina erover.

edit: gevonden. De icoontjes dus :-)

Origineel gepost door Rosa Verdam

Wij hebben dit voor een aantal van onze klanten geoptimaliseerd. Google geeft inderdaad aan dat er sprake is van een te hoge CLS maar is daar niet heel specifiek over. Na aardig wat zoekwerk kwamen we er achter dat je in het performance report van devtools de hoeveelheid CLS per element kunt zien onder "Experience". Dit heeft ons enorm geholpen om de elementen te vinden die voor de meeste CLS zorgen. Ben benieuwd of dit je helpt!

Hoi Rosa, dank je, ik had het in Chrome Performance wel gevonden maar dan weet ik nog niet hoe ik het moet oplossen helaas.

@Youri, hier toch? https://developers.google.com/speed/pagespeed/insights/ Wat bedoel je met icoontjes? Ik kan het vooralsnog niet vinden

Ga bij Google Pagespeed naar 'Diagnostische Gegevens' en klik op 'Grote indelingsverschuivingen vermijden'.

yes gevonden, ik keek er overheen omdat het niet met een kleurtje was aangegeven. Thx B!