画像で重たくなったページを軽くするWordPressプラグイン( jQuery lazy load plugin)
画像で重たくなったページを軽くするWordpressプラグインを紹介します。
最近のWebは写真や画像を多く使い見栄えは良いのですが、重くなる傾向にあります。
また最近のネット回線は高速なので見落としがちなのですが、帯域制限のかかった低速なネット回線(128kbbp)で作成したWebページを表示すると、読み込み完了するまで数秒必要になっている事があります。これではユーザーもイライラして去っていってしまいます。つまり販売機会を損失している事を意味します。そこで使用したいWordpressプラグインが以下です。
プラグイン:jQuery lazy load plugin
こちらのプラグインはページに含まれる画像のデータの読み込みを遅らせる(後から読み込ませる)ことにより、ロード時間を短縮することができるプラグインです。ビューポート(ブラウザの表示領域/画面)外の画像はユーザーがスクロールするまでロードされないので、特に画像が多いページに有効となります。スクロールするたびに画像が表示されていくので動きのあるページになり見栄えも良くなります。
さらに使い方も簡単、プラグインの新規追加ページで検索してインストールするだけ。有効化したらすぐに使えます。細かい設定や修正などはjqueryやcssの編集が必要になりますが、筆者はインストールしただけで使用しています。
ただし、いくつか不具合もあるようです。インストール後は一度、すべてのページの表示確認をする事をお勧めいたします。(筆者の場合、自身で画像に設定したCSSがlazy load pluginのCSSで上書きされて表示位置がズレる現象がおきました)