Layout shift direction (lateral vs downward) and Cumulative Layout Shift

Horizontal lateral shifts (81.2%) versus downward vertical shifts (54.1%): how shift direction across 134,799 sites predicts real-user Cumulative Layout Shift.

Field data PhoneDesktopAll Scope All sites October 2026 edition · Desktop field outcomes

81.2% of sites use lateral horizontal layout shift direction, and 75% of those sites have a good CLS, against 78% of all sites.

The State of Web Vitals · October 2026 · 210,902 crawled sites · 69,745 with desktop field data · 134,799 sites with layout shift directionBy Arjen Karel · corewebvitals.io/state-of-cwv
1

CLS pass rate

Sites with lateral horizontal layout shift direction have a good CLS most often: 75%, against 78% of all sites. Sites with downward vertical shift direction have it least often, at 71%.

SitesGood, needs improvement, poor CLSMedian
All sites69,74578%0.03
Horizontal (lateral) shift 81.2%37,57075%0.04
Downward (vertical) shift 54.1%25,29671%0.05
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · 210,902 crawled sites · 69,745 with desktop field data · 134,799 sites with layout shift directionBy Arjen Karel · corewebvitals.io/state-of-cwv
2

Layout shift direction usage

Lateral horizontal is the most used: 81.2% of sites.

Sites using each option (sites can use more than one) 134,799 sites
Horizontal (lateral) shift 81.2% Downward (vertical) shift 54.1%
Horizontal (lateral) shift 81.2% Downward (vertical) shift 54.1%
The State of Web Vitals · October 2026 · 210,902 crawled sites · 69,745 with desktop field data · 134,799 sites with layout shift directionBy Arjen Karel · corewebvitals.io/state-of-cwv
3

Understanding layout shift direction

Why downward vertical shifts carry a larger distance fraction

Cumulative Layout Shift multiplies impact fraction by distance fraction. Horizontal shifts (81.2% of shifting sites, 75% good field CLS) typically nudge navigation items by a few pixels during font swap, whereas downward shifts (54.1% of shifting sites, 71% good field CLS) push the entire main column down when top banners or unsized heroes expand.

Audit downward vertical shifts (54.1% of shifting sites, 71% good CLS) by checking for late-injected announcement bars, cookie banners inserted into document flow, and unsized hero containers. Render overlays with position: fixed rather than pushing document content down, and reserve fixed heights for top-of-page slots.

The State of Web Vitals · October 2026 · 210,902 crawled sites · 69,745 with desktop field data · 134,799 sites with layout shift directionBy Arjen Karel · corewebvitals.io/state-of-cwv
Platform & Framework Takeaways

How layout shift direction plays out per platform

What the field data shows when you isolate a single CMS or framework.

WordPress 46,419 sites
74% vs 71% good CLS (lateral vs downward shifts)

WordPress sites with downward layout shifts (49.7%) pass field CLS at 71% vs 74% for lateral shifts.

Across 46,419 shifting WordPress sites, 83.2% record horizontal shifts (74% good field CLS) and 49.7% record downward vertical shifts (71% good CLS).

Read the WordPress shift direction breakdown →
Shopify 5,582 stores
50.2% downward shifts (79% good CLS)

50.2% of shifting Shopify stores record downward shifts (79% good CLS).

Across 5,582 Shopify stores with recorded lab shifts, 83.5% record horizontal shifts (82% good field CLS) and 50.2% record downward vertical shifts (79% good CLS).

Read the Shopify shift direction breakdown →
Wix 1,198 sites
95% / 96% good CLS (lateral / downward)

Shifting Wix sites pass field CLS at 95% on lateral shifts and 96% on downward shifts.

Across the 1,198 Wix sites with a lab layout shift, 72.0% record lateral movements (95% good field CLS) and 45.7% record downward shifts (96% good CLS).

Related signals Largest single shift → Shift concentration → Layout shift count → What shifted → By Arjen Karel · 210,902 crawled sites (69,745 with desktop Chrome field data, 134,799 sites with layout shift direction, October 2026) · How we measured