Detailed definition
If the layout shifts just as a user is about to press a button and they hit the wrong one, the CLS score goes up. The main causes: images without a width and height, ads or banners that load late and push content down, and text shifting while web fonts load. Fixes: size attributes on img and iframe elements, reserved space for ad slots and font loading settings such as font-display: optional.
Examples
- If a product list is lazy loaded without image dimensions being specified, CLS deteriorates.
Related terms
Would you like support with this?
If you would like to discuss how CLS (Cumulative Layout Shift) applies to your business, we can arrange a short initial call. The first 30-minute call is free.
Book a free initial call → +90 543 930 12 72