// glossary entry

CLS (Cumulative Layout Shift)

What is CLS?

CLS (Cumulative Layout Shift) measures the extent to which a page’s layout shifts unexpectedly during use, the classic “accidental click” on a banner that appears later. Thresholds: good ≤ 0.1, needs improvement ≤ 0.25, poor above that. Typical causes include images and iFrames without reserved dimensions, web fonts that load late, and dynamically displayed ad slots. At Waterproof Web Wizard, we reserve space for all media elements using `width/height` or `aspect-ratio` and implement web fonts with `font-display: swap`, CLS issues can usually be resolved with a manageable amount of effort.

// synonyms

  • Cumulative Layout Shift
  • CLS
Is the term still unclear?

Let's talk for 15 minutes

If a term in this glossary isn't entirely clear in the context of your project, or if you want to know whether the concept is relevant to your situation—just ask us. The initial consultation is free and non-binding.

Free No obligation 15 minutes