画像の遅延読み込みは、Webページのパフォーマンスを向上させるために重要なテクニックの一つです。 ほとんどのWebページには複数の画像が含まれており、一つ一つの画像は比較的大きいファイルサイズを占めています。それらを一度に読み込もうとするとページの読み込み時間が遅くなってしまうため、遅延読み込み(lazy load)というテクニックが使用されます。 「画像の遅延読み込み」は、Webサイトの表示速度を高速化する上で、最優先で取り組みたい改善の一つです。 Webサイト制作やフロントエンドで必須知識ともいえる内容なので、今まで特に意識せずにimgタグを使用していた方は、是非この記事を読んでください。 画像の遅延読み込みとは 通常、Webページが表示される時は、ページ内で使用されている画像を一度に全て読み込んでいます。 それを、ページ表示時には初期表示される領域内(ファーストビュー)の画像だけを読