WordPress高速化に必須!スクロールに応じて画像を読み込むプラグインBJ Lazy Load

更新

lazy load
BJ Lazy Loadは、スクロールに応じて可視領域に位置する画像を順次読み込むlazyloadと言う手法でwordpressの高速化にもかなり貢献してくれます。同種のプラグインjQuery Image Lazy Load WPより優れものだと思うのでご紹介します。

(注意)lazyload系のプラグインは、環境によってはWordPressをかえって遅くしてしまう可能性があるので、ご注意を!!

  1. lazy loadと高速化
  2. lazy loadプラグインの検索
  3. jQuery Image Lazy Load WPの不安な点
  4. BJ Lazy Loadは評価も高い

lazy loadと高速化

lazy loadは、ページを表示する際、画面上の可視領域についてのみ画像を読みます。画面外の画像の読み込みが行われない分、ページの表示速度がUPします。

ワードプレスのプラグインにもlazy loadを実現してくれるものがいくつか存在します。

管理画面の「プラグイン」→「新規追加」で検索窓に「lazy load」と入力してみます。

すると、関連するプラグインがいっぱい出てきます。
lazy load
このうち少なくとも最初の6つは、ほぼ全ての画像に対してlazy loadを行うプラグインです。

jQuery Image Lazy Load WPの不安な点

この中で、日本のWordPress Userにもっともよく使われているのは、jQuery Image Lazy Load WPです。このプラグインについて解説された記事はホントに沢山あります。

[wordpress]スクロールに合わせて画像を読み込むプラグイン「jQuery Image Lazy Load WP」を導入する際にやったほうがいいおまじない。 | こんちくわのぶろぐ

ブログの高速化に貢献!画像をあとから読み込むプラグイン「jQuery Image Lazy Load WP」が便利! | gori.me

このように充実した解説記事があるので、ウェブシュフもjQuery Image Lazy Load WPを使おうとして「説明」ボタンをクリックしたところ、不安になることが書かれていたのです。

赤枠内「このプラグインは現在使用している WordPress のバージョンではテストされていません。」「最終更新: 566日前」「対応する最新バージョン: 2.9.2」の文言からは、開発ストップの臭いがプンプンします。

開発がストップしているプラグインというのは、将来ワードプレスがバージョンアップによってプラグインに不具合が生じても誰も治してくれない可能性が高いです…。

そういうわけで、ウェブシュフは他のlazy load プラグインを選ぶことにしました。

BJ Lazy Loadは評価も高い

そこで、WordPressの最新バージョンに対応しているものでもっとも評価が高いものを探すと、BJ Lazy Loadとなりました。

21人による評価平均は5段階で4.9とかなりハイレベルで、リアルな感謝コメントもあります。
BJ Lazy Load comment
そういうわけで、「インストール」ボタンをポチっと押してBJ Lazy Loadを導入しました。

導入してみると、スクロールとともに画像が読み込まれる様子がよくわかります。体感的にも少し高速化した感じです。

2013年4月4日追記

念のため私が行っている設定をUPしました。⇒拡大画像

2013-04-04_2227

WordPress高速化に必須!スクロールに応じて画像を読み込むプラグインBJ Lazy Load」への4件のフィードバック

  1. がちょぴん

    インストールして試用したのですが、
    TOPページ&個別記事ページに画像が表示されない現象になりました。

    ウェブシュフさんが利用している設定項目を教えて頂けないでしょうか。

    返信
    1. web_shufu 投稿作成者

      記事の末尾に、私の設定のキャプチャーを追記しました。参考にしていただければと思います。

      返信
    2. web_shufu 投稿作成者

      確かに、プラグイン同士のコンフリクトかもしれませんね。

      でも、コンフリクトを調べる力は僕にはありません。

      「Jetpack」入れていないですし。

      Lazy load系のプラグインは、gori.meさんの一押しの http://gori.me/wordpress/28403 もあるので、とりあえず、そちらをトライしたほうがいいかもしれません。

      コンフリクトの件はその後考えるのがベストかも。

      返信
  2. ピンバック: Web担当者が推薦する!これからWordPressをやる方にオススメしたいプラグイン16選

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です