エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【CSS最新仕様】「content-visibility」でサイト表示速度を改善する方法 - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【CSS最新仕様】「content-visibility」でサイト表示速度を改善する方法 - ECサイト構築運営に役立つ情報発信|モバイルファーストマーケティングラボ
今年2020年8月、アップデートによりCSSプロパティ「content-visibility」がChrome85にて実装されました... 今年2020年8月、アップデートによりCSSプロパティ「content-visibility」がChrome85にて実装されました。 「content-visibility」では、値を「auto」に設定することによって指定した要素がビューポート(表示中の画面内)に表示されるまで、レンダリング(読み込んだデータを整形して表示すること)を実行しないというような動きが可能になります。 その結果不要なレンダリングが実行されなくなり、サイト全体の表示速度を改善することができます。 今回は「content-visibility」の詳細な仕組みや実装方法などをご紹介し、実際に速度検証をしていこうと思います。 レンダリングの遅延実行について 以前ラボ内のこちらの記事で似たような機能としてlazy-loadの画像遅延読み込みについて解説されているので、一度目を通していただきたいのですが、簡単に言うとこちらの