Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) is a Core Web Vitals metric that measures a page's visual stability by quantifying how much visible content unexpectedly moves during the page's lifecycle. A high CLS score indicates that elements shift position after they are displayed, often because images, advertisements, fonts, or dynamically loaded content change the page layout unexpectedly. A low CLS score means the page remains visually stable as users read and interact with it. 

For software testers, layout shifts affect both user experience and automation reliability. A test may identify an element and calculate its position, only for the element to move before the interaction occurs, causing clicks to miss their target or fail altogether. Understanding CLS helps testers distinguish failures caused by visual instability from those caused by incorrect locators or application logic.

Definition: A browser metric that measures how much visible content moves around unexpectedly while a page is being used. It is the stability signal within Google's Core Web Vitals.

So what? It captures whether content jumps around on the user, which is a frustration that is easy to miss when looking at load times alone.

Example: A reader starts an article, then an advert loads above the text and pushes the paragraph down the page, causing them to lose their place or tap the wrong link.