Post

Speed up rendering with content-visibility: auto ⚡ This CSS property skips rendering off-screen content until needed, giving massive performance wins on long pages. ⋅ Pairs with contain-intrinsic-size ⋅ Zero-effort lazy rendering Learn more 👇 developer.mozilla.org/en-US/docs/...

Cassie

@cassienya.bsky.social

18 Mar

why is auto not the default? the linked mdn page lists no downsides

fry69

@fry69.dev

auto comes with restrictions, e.g. margin collapse and other things that would affect already layout things do not work anymore. But for many situations this would still be a good default and starting point. Maybe content-visibility: auto; will find its way into templates?

18/3/26, 9:21 am0 reposts1 like

fry69

@fry69.dev

18 Mar

content-visibility: auto; is not a magic bullet on its own. See this great video, it requires a tiny bit of work and consideration (said restrictions) ->

Jake Archibald@jakearchibald.com

I haven't. I've been focusing on stuff as it lands in Firefox or becomes baseline. Whereas content-visibility became baseline in 2024. I did something on it in a previous life though www.youtube.com/watch?v=FFA-...

youtube.comSlashing layout cost with content-visibility - HTTP 203YouTube video by Chrome for Developers