実現される機能 遅延読み込みを実現します。 Lazy Loaderを使用すると、任意の要素が画面内に入ってきた場合に、なんらかの非同期処理を実行させることができます。 そして、その処理が完了次第、また別の処理を実行させることができます。 画像の遅延読み込みや、APIへのアクセスが必要となるUIに対してこの仕組を応用することで、表示のパフォーマンスを上げることができます。 ダウンロード ※ダウンロードファイル内に、ソースコードとともに以下のデモが同梱されています。 デモ 基本デモ - 遅延処理無し このデモでは、ページ内に初めから猫の写真は存在しません。 該当の箇所までスクロールが発生した時に初めて、猫の写真が追加されます。 基本デモ - 画像プリロード このデモでは、上記デモと同じように、ページ内に初めから猫の写真は存在しません。 該当の箇所までスクロールが発生した時、5枚の写真をプリロー