《WordPress》画像を多く貼っても記事の表示・読み込みを早くできるプラグイン「BJ Lazy Load」!

ブログを見ていると気になる記事の「読み込み時間」。
これが長いと記事を読んでくれずに離脱してしまう人も多くなります。
記事内に画像を多く貼っていると読み込み時間も多くなり、どんないい記事を書いていても離脱されてしまう可能性が増えていきます。
今回は画像を多く貼っても読み込み時間を早くしてくれるプラグイン「BJ Lazy Load」の紹介をします。

BJ Lazy Loadの効果

BJ Lazy Loadは「画像の読み込みを後回しにする」ことで記事の読み込みを早くしてくれるプラグインです。

ブログを見てくれる読者の最初に目に入るのは記事の冒頭です。
しかしこの段階で記事の最中に貼ってある画像を読み込む意味はありません。

BJ Lazy Loadは読者が記事を読み進めている間に画像の読み込み作業をすることで、最初の記事そのものの読み込み時間を短縮してくれます。

これのおかげで記事の読み込み時間が長いことによる記事離脱を予防できるようになります。

スポンサードリンク

インストール方法

まずは「プラグイン」→「新規追加」でプラグイン検索画面へ。

検索キーワードに「BJ Lazy Load」と入力。

検索結果に出てきた「BJ Lazy Load」を「今すぐインストール」→「有効化」で完了です。

BJ Lazy Loadの設定

プラグイン設定

プラグインの機能設定です。
基本チェックはすべて「Yes」が推奨されています。

Apply to content : ブログ全体の画像の遅延読み込みの許可です。ここが「Yes」でないと他の遅延読み込み設定が活かされません

Apply to text widjets : ウィジェットの画像を使っているテキストの遅延読み込みの許可です。

Apply to post thumbnails : サムネイル画像の遅延読み込みの許可です。

Apply to gtavatars : コメント欄のアバター画像の遅延読み込みの許可です。

Lazy load images : 記事中の画像の遅延読み込みの許可です。

Lazy load iframes : アフィリエイトなどのiframesで表示している画像の遅延読み込みの許可です。

Placeholder image URL : 画像を読み込んでいる間に表示する画像のURL設定です。代わりの画像を表示したくないなら特に設定しなくていいです。

Skip images with classes : 遅延読み込みをしない画像のクラスの設定をします。

Threshold : スクロールで読み込む画像に何ピクセル近づいたら読み込みを開始するか設定します。

Use low-res previews image : 画像を読み込んでいる間に、その画像の低解像度画像を使う許可です。

最後に「設定の保存」で設定完了です。

記事中で機能させるかの設定

記事作成画面でその記事でBJ Lazy Loadを機能させないか決められます。
プラグインが有効化されていると記事作成エディタの右側にこんな項目が出ます。

ここにチェックを入れると、その記事では画像の遅延読み込みがされなくなります

画像が少ない記事で遅延読み込みをしようとすると、プラグインの動作に読み込み時間が取られて、かえって記事を読み込む時間が増える場合があります
容量の少ない画像を数枚くらいしか使っていないなら、ここにチェックを入れてプラグインを動作させないようにしましょう。

最後に

画像の容量や枚数が増えれば、比例して読み込み時間は多くなっていきます。
BJ Lazy Loadを使えば、読み込み時間が画像の容量や枚数に左右されづらくなります。
記事に画像を多く貼る人ほど恩恵が多いので、そういった人には是非オススメしたいプラグインです。


スポンサードリンク