画像を遅延ロードする - Qiita

モバイル向けWebアプリではレスポンススピードがものすごく重要だ。なかなか開かないWebサイトってイライラするもんね・・・。 レスポンスが遅くなる要因は色々あるが、その中のひとつに画像関連がある。 画像サイズをキッチリ決め打つ 画像の最適化をする 画像を遅延ロードする 今回は画像の遅延ロードをやってみた。 遅延ロードってどういうことだっけ？ 「初期表示で必要なところ以外はあとでロードする」 つまり、スクロールしないと見えない画像はその部分が表示されるタイミングで表示して、初期表示時に余計な読み込みをしないですばやく表示しようということ。 jQuery Lazyload jQuery Lazyloadを使うとものすごく簡単にできる。