htmlページ内の画像(img要素)を遅延ロードし、HTTPリクエストを減らして読み込み速度のパフォーマンスを向上させるのにjQueryプラグインのLazy Loadを使ってみました。 以前から有名でよく見かけるプラグインでしたが、実際はその効果(HTTPリクエストを減らす)がないっていう話(実際に解析されてる記事がありましたね)で「ふーん、そうなのか」とすっかり忘れていたプラグインです。 久しぶりにこれ系(遅延ロード)のものを探したら、なんでもその問題が解消されてるらしく、使ってみました。 理屈はこういうことだそうです。 画像を遅延ロードする定番jQueryプラグイン「Lazy Load」 改善後の仕組みは、img要素のsrc属性にダミーの画像ファイルを指定しておき、ページロード後にスクロールによってimg要素が表示領域に入った段階でdata-original属性に指定した画像を読み込み