What is the CSS content-visibility property?

content-visibility enables the browser to skip rendering work for off-screen elements, massively improving initial load performance.

When set to 'auto', the browser skips layout and painting for elements outside the viewport. When the user scrolls near them, they are rendered just-in-time. You must provide contain-intrinsic-size to prevent layout shifts.