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/...

What’s the downside? Maybe @jakearchibald.com knows?

The scrollbar ends up being less reliable (as in, it changes size and position as it discovers the real size of content), but that's it really.

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-...

I assume that setting contain-intrinsic-size is still necessary to avoid all content-visibility: auto sections to stack on each other and get layout once this massive stack becomes visible? As mentioned in this great video? (FYI: the glitch link in the description does not work anymore)

Also it seems the restrictions and downsides mentioned in the video (e.g. affecting things outside the content box is forbidden, no margin collapse, etc) do not get reflected on the MDN page? Are they still relevant? See also ->