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.

Have you done a @webdevs.firefox.com thing on it? 😇

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

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

Maybe something that @openwebdocs.org or @developer.mozilla.org could look into improving? If you feel up for it I think you can send a PR to the MDN docs as well :)