画像で重たくなったページを軽くするWordPressプラグイン( jQuery lazy load plugin)

wordpress,Web開発

画像で重たくなったページを軽くするWordpressプラグインを紹介します。

最近のWebは写真や画像を多く使い見栄えは良いのですが、重くなる傾向にあります。
また最近のネット回線は高速なので見落としがちなのですが、帯域制限のかかった低速なネット回線(128kbbp)で作成したWebページを表示すると、読み込み完了するまで数秒必要になっている事があります。これではユーザーもイライラして去っていってしまいます。つまり販売機会を損失している事を意味します。そこで使用したいWordpressプラグインが以下です。

プラグイン:jQuery lazy load plugin

こちらのプラグインはページに含まれる画像のデータの読み込みを遅らせる(後から読み込ませる)ことにより、ロード時間を短縮することができるプラグインです。ビューポート(ブラウザの表示領域/画面)外の画像はユーザーがスクロールするまでロードされないので、特に画像が多いページに有効となります。スクロールするたびに画像が表示されていくので動きのあるページになり見栄えも良くなります。
さらに使い方も簡単、プラグインの新規追加ページで検索してインストールするだけ。有効化したらすぐに使えます。細かい設定や修正などはjqueryやcssの編集が必要になりますが、筆者はインストールしただけで使用しています。

ただし、いくつか不具合もあるようです。インストール後は一度、すべてのページの表示確認をする事をお勧めいたします。(筆者の場合、自身で画像に設定したCSSがlazy load pluginのCSSで上書きされて表示位置がズレる現象がおきました)

Print Friendly, PDF & Email