Performance & Core Web Vitals · Glossary term

CLS (Cumulative Layout Shift) explained without jargon.

How much the layout "jumps" during loading (images without width/height, fonts appearing late, injected banners). Target: under 0.1.

Extended definition

How much the layout "jumps" during loading (images without width/height, fonts appearing late, injected banners). Target: under 0.1.

Context and application

CLS accumulates throughout the session — even a small fold shift (cookie banner appearing after 3 seconds, ad loading delayed) adds up. Most common causes: images without explicit dimensions (browser doesn’t reserve space), web fonts with FOIT/FOUT (text changing size when font loads), dynamically injected ads, cookie banners pushing content. Fix: width + height attributes on ALL images, font-display: swap + size-adjust on @font-face, CSS space reservation for ads and cookie banners with min-height.

In practice

set explicit width/height on images + use font-display: swap.

How SEO Master PRO MAX helps

For CLS (Cumulative Layout Shift), the relevant module in the app is Speed module. See the dedicated page for how it works concretely on your site.

See Speed module →

Related terms

Core Web Vitals, Image optimization.

Now that you know what cls (cumulative layout shift) is, apply it on your site.

SEO Master PRO MAX runs 100% locally on your computer. Full audit in Free plan, no account, no card, no page limit. Multi-AI integration with your own keys.