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 · All devices field outcomes

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

The State of Web Vitals · October 2026 · 210,902 crawled sites · 196,263 with all devices 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: 85%, against 88% of all sites. Sites with downward vertical shift direction have it least often, at 82%.

SitesGood, needs improvement, poor CLSMedian
All sites196,26388%0.00
Horizontal (lateral) shift 81.2%105,52685%0.01
Downward (vertical) shift 54.1%70,38282%0.01
GoodNeeds improvementPoorSites: with Chrome field data
The State of Web Vitals · October 2026 · 210,902 crawled sites · 196,263 with all devices 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 · 196,263 with all devices 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, 85% good field CLS) typically nudge navigation items by a few pixels during font swap, whereas downward shifts (54.1% of shifting sites, 82% 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, 82% 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 · 196,263 with all devices 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
86% vs 84% good CLS (lateral vs downward shifts)

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

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

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

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

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

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

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

Across the 1,198 Wix sites with a lab layout shift, 72.0% record lateral movements (97% 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 (196,263 with all devices Chrome field data, 134,799 sites with layout shift direction, October 2026) · How we measured