要素のレンダリングを制御し、画面外の要素の処理をスキップしてパフォーマンスを向上させるプロパティです。
content-visibility: visible | hidden | auto.article {
content-visibility: auto;
contain-intrinsic-size: 1000px;
}長い記事の仮想スクロール最適化
.off-screen {
content-visibility: hidden;
}画面外要素のレンダリングをスキップ
長いページや大量のコンテンツでスクロールパフォーマンスが大幅に向上。
Chrome 85+（実験的機能）