What Is CLS (Cumulative Layout Shift)?

Purpose

Define Cumulative Layout Shift (CLS), explain why it matters for dealer sites, and describe common causes.

What CLS measures

CLS measures how much visible content moves unexpectedly while the page is loading. High layout shift feels like the page is jumping.

Google reference:

CLS guidance https://web.dev/cls/

Why CLS matters on dealer sites

Layout shifts can cause real usability issues:

Shoppers tap the wrong button
Content jumps while reading
Page feels unstable and lower quality

Common causes of CLS

Images without defined dimensions
Late loading fonts that change text size
Widgets that inject above the fold content after the page has rendered
Late loading third party tools (chat, trade-in, payment widgets)

Public references:

web.dev: Optimize CLS https://web.dev/optimize-cls/

How Speed Layer relates to CLS

Speed Layer can help reduce some layout shift by changing when selected third party scripts load.

Speed Layer does not rewrite page templates. If layout shift is caused by missing width and height attributes or template structure, that usually requires site changes.

What Is LCP (Largest Contentful Paint)?
How Speed Layer Improves Page Load Speed
Why Some Tools Load Later