Cumulative Layout Shift (CLS) – Defined, Measured, & How to Fix

Cumulative Layout Shift (CLS) measures the visual stability of a page as it loads. Let’s look at what your CLS score should be and how to improve it. Use animations that don’t trigger layout changesThere are some CSS property values that trigger layout shifts, such as “box-shadow,” “box-sizing,” “top,” “left,” and more that should not be animated. It allows for instant loading of a page that was already loaded, meaning no layout shifts will happen. I expect that we’ll see more innovation and more new ways to prevent layout shifts in the future.