menu
書いてる野郎
orebike@gmail.com
CSS / Style / content-visibility
CSS / Style / content-visibility
見た目を制御するスタイルではなく、レンダリングを制御するタイプのスタイル。
このように設定する。
#hoge{ content-visibility: auto; }
設定するとその指定された要素が必要になる(画面に表示される)までレンダリングが遅延される。 単に表示されないだけでなく、レイアウト計算にも入らないので表示が高速化される。
逆にデメリットは、それが表示レイアウト全体に影響を与える要素だった場合、表示される際にガクつく可能性がある。
1ページが長大で縦に非常に長いレイアウトのコンテンツでは効果がでかい。
