content-visibility
レンダリングをスキップすることでサイトの表示を高速化できる
autoのスキップとhiddenの違い
autoの場合にビューポート外などでスキップされた要素と、hiddenにした要素には違いがある
autoでスキップされたコンテンツは、ページ内検索やタブオーダーナビゲーションで通常通りフォーカス、選択可能
hiddenの場合はdisplay: noneを指定した時の如く、アクセスできない
content-visibility: hiddenとdisplay: noneの違い
content-visibiltyはレンダリング状態を維持するがdisplay: noneは破棄する
レンダリング状態を破棄する方がコストが掛かる