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.