Lazy Loadとは、ページを開いた瞬間にすべての画像を読み込むのではなく、ユーザーがスクロールして画像が表示領域に入ったタイミングで読み込む技術です。これにより、初期表示時のデータ読み込み量を減らすことができ、ページの表示速度が向上します。

通常の読み込み方法では、画面下部にある画像も含めて一度に読み込まれます。しかしLazy Loadを使えば、実際に見える部分の画像だけが先に表示されるため、体感速度が大きく改善します。特にスマートフォンなどのモバイル環境では、その効果をより実感しやすいでしょう。

目次

1.「Lazy Load」初期設定と基本的なポイント

◆ 基本設定