Unveil Lazy LoadでWordPressを高速化!SEO効果絶大でPVもアップ!
2017/03/12
WordPressのページ表示を高速化する方法・Unveil Lazy Load
Unveil Lazy Loadとは?
Unveil Lazy Loadは、画像を読み込むタイミングを遅らせることでページ表示の体感スピードを高速化するプラグインです。
WordPressに限らず、Webサイトは HTMLファイルと画像ファイルの組み合わせで作られていますが、画像ファイルはテキストファイルに比べるとファイルの容量が大きいものになりがちです。
そのため、画像を画面に表示させる必要があるまで画像ファイルを読み込まないようにすることでページ表示の体感スピードを向上させようという仕組みのプラグインです。
上記の説明画像でイメージは伝わると思いますが、最初に画像を読み込む際には最初に表示される画面の画像の部分だけが読み込まれるために、ページ表示までが速いのです。
それ以降の部分については、画面が表示されるタイミングで随時サーバから読み込まれて表示されていきます。
WordPressでは「Lazy Load」というプラグインが有名でしたが、最後のリリースから数年が経っていることもあり、最近は「BJ Lazy Load」などがその代わりとしてよく使われていますが、「Unveil Lazy Load」は画像ファイルの事後読み込みの処理を使った高速化処理をより徹底した作りになっているプラグインです。
Unveil Lazy Loadのインストール方法
WordPressのプラグインのインストール方法は、「WordPressプラグインの3つのインストール方法解説」に記事を書いていますので、そちらを参考にしてください。
Unveil Lazy Loadの設定方法
Unveil Lazy Loadは、インストールして有効にするとそれで設定は終了です。
個別に設定する箇所はありません。
それだけで、ページ表示の高速化が実現します。
Unveil Lazy Loadと BJ Lazy Loadの違い
最終的には、Unveil Lazy Loadを選ぶか、BJ Lazy Loadを選ぶか、については実際にスピードの測定をしてみてその上で選べばいいと思います。もしかしたら「Lazy Load」が速いかもしれませんし。
ですが、一つ知っておくべきことがあります。
「Unveil Lazy Load」は画像に特化して事後読み込みの処理を行っているという点です。
「BJ Lazy Load」は設定画面があり、それぞれ設定に合わせて事後読み込みを行うパーツを指定できますので、何が対象になっているかを理解できると思いますが、「BJ Lazy Load」は画像だけではなく、iframeなど事後読み込みをしてもよさそうなものを含めて対策を行っています。
また「BJ Lazy Load」については「SEO効果絶大!PVもアップするWordPressの高速化プラグインBJ Lazy Load」に書いていますので、併せて読んでみてください。
何はともあれ、能書きよりも実際のスピードの結果がどうなったかのほうが大事だと思いますので、この後紹介するツールを使いつつ、得られた結果でどのプラグインを選ぶかを決めるといいでしょう。
サイトによって結果は違うと思いますし、どのプラグインもインストールするだけで結果が出るというお手軽なプラグインですからね。
WordPressサイトのスピード測定
「BJ Lazy Load」の記事にも書いていますが、画面表示のスピードアップの対策を行うにしても、まずは自分のサイトの表示スピードがどのような評価を受けているかを知らないと対策を行ってもどう変わったのかが分かりません。
そこで、まずは Webサイトのスピードを測定するサイトをご紹介しておきます。
「PageSpeed Insights」は、Googleの WebMasterToolsの中にありますので、ご存知の方は多いと思いますが、「GTmetrix」もメジャーな測定ツールですので併せて利用してみるのはいかがでしょうか。
Unveil Lazy Loadを使ってのスピード評価の変化について
このエス技研の技術ブログで実際に試してみた結果は以下の通りです。
元 適用後
モバイル 36 → 47
パソコン 43 → 61
このエス技研ブログでは「BJ Lazy Load」の方が結果は優秀でしたが、プラグインを入れて有効化するだけでこれだけのスピード改善ができるわけですので、使わない理由はないですよね。
また、これだけ値が上昇すれば、Google AdSenseでもいい影響が出るようですね。
こんな感じで AdSenseにも対策をしたことの評価が表示されます。
最後になりましたが、WordPressの高速化施策として「WordPressの高速化でSEO対策!広告費も削減!高速化の施策のまとめ」にまとめ記事を書いていますので、あわせて参考にしてみてください。
GoogleAdwords
GoogleAdwords
この記事が参考になったと思いましたらソーシャルメディアで共有していただけると嬉しいです!
関連記事
-
-
アクセス5倍増!FC2、seesaaからWordPressに引越結果をレポート
FC2、seesaaからWordPressに引越しでアクセス数がどう変わるかのレポート。canonical、meta refresh設定とWordPressの集客力の検証しています。
-
-
BackWPupでバックアップ・全体バックアップ具体的設定例
BackWPupその7。ファイル、DB全体をバックアップする具体的事例での説明です。
-
-
XAMPPのWordPressの更新でFatal error: Maximum execution time of 30 seconds exceededのエラーが発生して失敗する場合の対処方法
XAMPP環境のWordPressアップデート時に「Maximum execution time of 30 seconds exceeded」のエラーが出る。「max_execution_time」を変更して解決する方法の解説。
-
-
BackWPupでバックアップ・設定したJobの実行、ファイル一覧
BackWPupその4。バックアップ設定した Jobを実行する方法、ログの一覧、保存されたファイル一覧の解説です。
-
-
WordPressの Google XML Sitemapsで WebMaster Tools用の sitemap.xmlを生成
WordPressの Google XML Sitemapsで WebMaster Tools用の sitemap.xmlを生成する方法を説明しています。
-
-
WordPressのログイン画面 URLを変更する 管理画面に Basic認証を設定する
ログインURLは誰でも知っています。そのまま使うとリスクが高まりますのでログインURLを変更し Basic認証で二重チェックをする方法を解説。
-
-
WordPressのカテゴリ単位・フォルダ単位でBasic認証を設定する方法
カテゴリ単位でBasic認証を設定する方法の解説。WordPressのカテゴリはフォルダの実態がないですが、実は簡単な方法でプラグインも使わずにBasic認証を設置できます。
-
-
Advanced custom Fieldsのフィールドグループを簡単に複製する方法
Advanced custom Fieldsのフィールドグループの複製の方法の解説。XMLのExport、インポートする機能を利用して複製します。
-
-
WordPressのユーザ名を後から変更する方法。adminの使用は危険。
運用中のユーザ名を変更する方法を解説。かつてのデフォルト設定だった「admin」は誰もが使うIDのため非常に危険です。今からでも変更しましょう。
-
-
WordPressの投稿データ(記事データ)の管理方法
投稿の登録の方法、投稿データの管理方法の解説。MetaManagerなどのプラグインを入れた場合の入力ボックスを表示させる方法についても解説します。