遅延読み込み
遅延読み込み(lazy loading) とは、ページが開いた直後にすべてを読み込むのではなく、実際に必要になるまで画像、動画、スクリプト、ウィジェットなどのリソースの読み込みを待つことを指します。訪問者が実際に見たり使ったりするものにだけ帯域幅と処理時間を割くことで、初期表示を高速化できます。
これは主に、にある画像や埋め込みコンテンツに対して、<img> や <iframe> 要素のネイティブ属性 loading=\"lazy\" を使って適用されます。ファーストビュー内のコンテンツは一般的に遅延読み込みすべきではありません。遅らせると、助けるどころか を悪化させる可能性があるためです。
さらに詳しく
- 遅延読み込み - MDN のパフォーマンスガイド