The new CSS property that boosts your rendering performance (2020)

<p><pre><code> The new CSS property that boosts your rendering performance (web.dev) 4 points by cmpit 1 hour ago </code></pre> Needs (2020)<p>&gt; Last updated 2020-08-05 UTC.

why is a manual property needed. why is the browser engine not able to figure out what is off-screen?

For those who were wondering, it is available more broadly [0] than it was when the article was written (2020).. 75+%, almost 85% on tracked desktop.<p>Containment spec, which `content-visibility` is built on top of, reaches around 95%, (98% mobile) [1].<p>[0]: <a href="https:&#x2F;&#x2F;caniuse.com&#x2F;?search=content-visibility" rel="nofollow">https:&#x2F;&#x2F;caniuse.com&#x2F;?search=content-visibility</a><p>[1] <a href="https:&#x2F;&#x2F;caniuse.com&#x2F;css-containment" rel="nofollow">https:&#x2F;&#x2F;caniuse.com&#x2F;css-containment</a>

Great, lazy loading without JS

Unrelated to the content: who had the idea to machine-translate programming posts? The property name the post is about is localized for me, which makes no sense at all.