Cumulative Layout Shift
A metric that measures the visual stability of a web page by quantifying unexpected layout shifts during the entire lifespan of the page.
Description
Cumulative Layout Shift (CLS) is a crucial metric in the digital marketing industry because it directly impacts user experience and engagement. When elements on a web page move unexpectedly as new content loads, it can lead to poor user experience, causing frustration and potential loss of customers. CLS measures these unexpected shifts and aims to keep them to a minimum, ensuring that users have a smooth and stable viewing experience. By minimizing CLS, marketers can improve site accessibility, reduce bounce rates, and ultimately enhance conversion rates. This metric is part of Google's Core Web Vitals, which are essential criteria for a site's performance and ranking in search results. Therefore, optimizing for CLS is not just about aesthetics but also about achieving better search engine rankings and improving overall site performance.
Examples
- An e-commerce site where product images and descriptions load asynchronously, causing buttons to shift positions. By optimizing the loading sequence, the site maintained a stable layout, leading to a 20% increase in user retention.
- A news website where ads loaded late, causing text to shift unexpectedly. By reserving space for ads in the initial layout, the site significantly improved its CLS score, resulting in a 15% decrease in bounce rate.
Additional Information
- High CLS can result in lower search engine rankings, impacting organic traffic.
- Improving CLS often involves setting size attributes for images and videos, and pre-loading fonts.