content-visibility: the new CSS property that boosts your rendering performance | Articles | web.dev

The content-visibility property, launching in Chromium 85, might be one of the most impactful new CSS properties for improving page load performance. content-visibility enables the user agent to skip an element's rendering work, including layout and painting, until it is needed. Because rendering is skipped, if a large portion of your content is off-screen, leveraging the content-visibility proper

[Lhankor_Mhy]

画面外にある間はcontain:strictになってレイアウトしない。画面内に入ると、contain:contentになって封じ込めを行う、ということかな？　使いどころが多そうだな。

[k0yoshitsugu]

“intrinsic”

[efcl]

Chrome 85で実装されたCSS `content-visibility`プロパティについて。 CSS Containmentに依存した仕様。 DOMのサブツリーに予測できる空間を定義することで、ブラウザがレンダリングを省略して最適化するための仕組み。 `display: none`、`vi

[Pasta-K]

CSS Containmentをなんか良い感じにやってくれるのか。CSS Containmentを手で上手いことやるの結構面倒だよなぁと思ってたのでありがたい