Slide 28
Slide 28 text
28
© 2026 Japan Digital Design, Inc.
content-visibility?
CSSのプロパティの1つ
■ autoに設定すると。。
画面外(viewport外)に配置される
コンポーネントのレイアウト処理を
スキップさせることができる
→ 画面の初期描画速度が向上する
(LCP : Largest Contentful Paint)
(※)
DOMツリー上には存在するので、
Accessibility/SEO的な問題はない
View Port
レイアウト計算やる
レイアウト計算やる
レイアウト計算やる
レイアウト計算やる
レイアウト計算スキップ
レイアウト計算スキップ
レイアウト計算スキップ