読者です 読者をやめる 読者になる 読者になる

求職者支援訓練webサイト制作科授業資料

フェリカテクニカルアカデミー池袋の求職者支援訓練webサイト制作科7月クラスの授業解説ブログです。

画像を遅延読み込みさせるjQueryプラグイン「Lazy Load」

jQuery

Lazy Loadとは画像のレイジーローディング(遅延読み込み)を実装する為のjQueryプラグインです。前回やった無限スクロールと同様に画像を遅延読み込みさせる事で転送量の節約、ページの表示速度の向上に繋がります。
一見メリットだらけに思えますが、こういった遅延読み込みはメリット・デメリットがあります。どちらもしっかりと理解したうえで使用しましょう。

http://yachin29.com/lazyload/

メリット
ユーザーが見たい範囲分だけの画像が読み込まれるので、表示速度の向上につながる


デメリット
Googleクロールは必ずしも一番最後までスクロールするとは限らないので、全部のコンテンツがインデックス化されるかどうかは疑問



「Lazy Load」公式サイト
Lazy Load Plugin for jQuery



github」からデータをダウンロードしましょう
github.com



オプション等の解説サイト
syncer.jp