[experimental] Reduce layout shift by stabilizing scrollbar space#2871

Closed

pwizla wants to merge 12 commits intomainfrom

repo/fix-layout-shift

Commits on Nov 20, 2025

fix: reduce layout shift by stabilizing scrollbar space (scrollbar-gutter + fallback)
web-flow
committed
fix: avoid icon script reflow (remove Phosphor async script); defer Kapa widget to reduce initial CLS
web-flow
committed
fix(sidebar): stabilize collapse button box and absolutely position it to avoid initial layout push
web-flow
committed
perf: load Google Fonts early via link + preconnect; remove late @import to reduce CLS
web-flow
committed
fix(navbar): stabilize icon slots and avoid font swap reflow (display=optional)
web-flow
committed
revert(sidebar): restore collapse button flow/position; remove min-width to fix rendering
web-flow
committed
fix: defer non-critical scripts; reserve sidebar and desktop TOC widths to eliminate content push
web-flow
committed
fix(images): reserve aspect-ratio for first content image to prevent CLS (conservative 16:9)
web-flow
committed
fix(images): reserve space for ThemedImage/picture hero images (first-child) to eliminate CLS
web-flow
committed
fix(search): reserve stable placeholder for BrowserOnly SearchBar to prevent CLS while MeiliSearch mounts
web-flow
committed
fix: stabilize AI toolbar trigger/text and feature badges to prevent tiny reflows; reserve space for BrowserOnly SearchBar
web-flow
committed
fix(sidebar): reserve desktop width for canonical and hashed selectors to prevent CLS on first paint
web-flow
committed