Overview

CLS measures visual stability. It helps quantify how often users experience unexpected layout shifts—for example, when a button moves just as you're about to click it because an image or ad finished loading above it.

Causes

  • Images without dimensions.
  • Ads, embeds, and iframes without dimensions.
  • Dynamically injected content.
  • Web fonts causing FOIT/FOUT.

Targets

  • Good: Under 0.1.
  • Needs Improvement: Between 0.1 and 0.25.
  • Poor: Over 0.25.

Related Terms