【jQuery】画像の遅延読み込み - Qiita

画像を大量に読み込むような場合、読み込むまでに時間がかかる。 読み込むまでの間、なにも表示されないと「壊れたかな？」と思ってリロードされる場合がある。 そうなると逆に負荷がかかり、余計に表示されなくなってしまう。 そこで、画像を表示する直前まで画像の読み込みをしないようにしてサーバ負荷を軽減する。 と同時に、ローディング中表示をすることによって余計な操作をさせないようにする。 #Lazy Loadの準備 jQueryのLazy Loadプラグインを使うことにする。 jQueryのプラグインなので、jQueryの後に読み込む。 同一サーバとの同時コネクション数に制限があるため、 スクリプトやCSSを外部から読み込む際は別サーバにした方がよい。 jQueryはGoogleのCDNを使ってみる。 ` ` #imgタグの設定 従来はimgタグのsrc属性で読み込む画像を指定していたが、LazyLo