イトカズです。
今回はWordPressでブログ運営している方は必見の情報です。
あなたは自分のブログがどのくらいのスピードで読み込まれているかわかりますか?
競合サイトに比べて表示速度が早いか遅いか比較したことはありますか？
もしかしたらブログの表示速度を意識しないとあなたのブログは読まれないかもしれません。
この記事の目次は表示をタッチ
- 1 グーグルが提供するサイト表示速度診断ツール「Test my site」
- 2 表示速度が遅いブログは集客(収益化)できない
- 3 【対策1】画像は横幅1000px前後を徹底する
- 4 【対策2】画像ファイルのサイズは『Tiny PNG』を使って徹底的に軽量化
- 5 【対策3】EWWW Image Optimizerで画像を最適化
- 6 【対策4】プラグインを整理してサイトの無駄を省く
- 7 【対策5】WP Fastest Cacheでキャッシュを有効にする
- 8 【対策6】スライダー表示のような動きのあるコンテンツを置かない
- 9 【対策7】エックスサーバーで運用する
- 10 まとめ：訪問者にとって快適なページを一番意識しましょう
グーグルが提供するサイト表示速度診断ツール「Test my site」
2017年6月28日にGoogleからサイトの表示速度を計測するツール『Test my site』がリリースされました
『Test my site』とはWebサイトのモバイル表示に特化した表示速度計測ツールです。
当ブログイトチャネンネルの閲覧は７割以上がスマートフォンです。
みなさんのブログもスマートフォンからの閲覧数が多いはずです。
つまりモバイルファーストのブログ作りはあなたのサイトの満足度を上げる為の必須なのです。
使い方は簡単ですURLを入力して実行するだけ
１分程度待つと計測結果が表示されます
更に類似サイトと比べて表示速度が早いか遅いかを教えてくれます。
これまでグーグルが提供するサイトの表示速度診断ツールとしては『PageSpeed Insights』が有名でした。
この『PageSpeed Insights』はモバイルとデスクトップの2つの表示環境毎の表示速度を点数化し、改善点を提案してくれるツールです。
・『Test my site』はモバイルの表示速度の診断のみに特化。デスクトップは診断不可。
・『PageSpeed Insights』は表示速度を点数化するが他サイトとの比較はなし
当面、デスクトップ画面での表示速度を診断したい場合は『PageSpeed Insights』を使うといいですね
表示速度が遅いブログは集客(収益化)できない
表示速度の遅いブログのデメリットは、離脱されることです。
せっかく検索流入されても離脱されやすくては、収益化することができません。
表示速度が遅いページのユーザーの行動について2017年2月にGoogleが発表したニュースがあります。
英語の記事ですが海外SEO情報ブログさんがその情報をわかりやくまとめてくださっています。
・表示速度が1秒から3秒に落ちると、直帰率は32%上昇
・表示速度が1秒から5秒に落ちると、直帰率は90%上昇
・表示速度が1秒から6秒に落ちると、直帰率は106%上昇
・表示速度が1秒から7秒に落ちると、直帰率は113%上昇
・表示速度が1秒から10秒に落ちると、直帰率は123%上昇出典元：ー海外SEO情報ブログ
速度制限の状態でYouTubeを観れないのと同じです。
離脱する人が増えると、あなたのブログへ訪問してくれてもアクション(問い合わせ、来店予約、アフィリエイトリンクからの購入)を起こしてもらいにくいです。
アマゾンの元エンジニアであるグレッグ・リンデン氏はサイトの表示速度が0.1秒遅くなると、売上が1％下がってしまうと言っています。
ちなみに2016年のアマゾンの年間売り上げは1359億8700万ドルです。
日本円に換算すると14兆9585億7000万円です（110円＝1ドルで計算）
米Amazonの2016年における連結総売上高は前期比20.7%増の1359億8700万ドルで、日本事業の売上高が占める割合は7.9%
出典元：ネットショップ担当者フォーラム
この数字を元に計算すると、サイトの表示速度が０.1秒遅れると年間売り上げが額が13億5987万ドル下がります。
日本円に換算すると1495億円8570万円(110円＝1ドルで計算)たった0.1秒でこの差です。
しかし、これはアマゾンに限らずあなたのブログでも同じことが起こります！
例えば、あなたが美容室を経営していて、日々の情報発信の結果、検索で上位表示されたとします
・A店のHPは1ページの表示速度が７秒で『トップページ→メニュー→来店予約』の３ページを開くのに21秒かかる
・B店のHPは１ページの表示速度が３秒で『トップページ→メニュー→来店予約』の３ページを開くのに９秒かかる
仮に1日に３件のお問い合わせを逃してたとすると、１ヶ月で約90名、年間で1000名以上もの機会を損失していると思うと、とても恐ろしくなってきますね
表示速度が原因で売り上げを落としていることは理解できたと思います。
というわけで今回、イトカズがWordPress高速化のために実践した具体的なノウハウを7つお伝えします。
ここにあなたのブログの表示速度を見直すヒントがあるかもしれません。
【対策1】画像は横幅1000px前後を徹底する
ページの中で最もファイルサイズが大きいものは画像です。
最近のワードプレスのテーマはレスポンシブデザイン対応が標準とされているものが多いです。
レスポンシブデザイン対応のテーマを使用すると端末のサイズに合わせて画像の大きさを自動調整してくれます。
しかし元の画像が大きすぎるとページ表示に負荷がかかり、表示速度が遅くなってしまいます。
FASTCODINGさんの情報を参考にして
- 基本的に画像は1000px前後の横幅に設定
- モバイル用に画像を設定出来る場合は750pxの横幅に設定
画像を適切な横幅に調整することで、読込にかかる負荷を最小限にしてページの表示速度を改善します。
今後、主流となるモニターに変化があれば、その度に調整が必要です
【対策2】画像ファイルのサイズは『Tiny PNG』を使って徹底的に軽量化
画像の横幅のサイズを統一出来たら、次はファイルのサイズを軽量化をします。
画質を落とさずに画像を軽量化できるウェブツール『Tiny PNG』をご紹介します。
WordPressに画像をアップロードする前に画像の軽量化すれば、表示速度を上げることができます。
WordPressユーザーには必須ツールです。詳しい使い方はうららかさんのブログがとてもわかりやすいです
記事に載せる画像が多い方はオススメです。
【対策3】EWWW Image Optimizerで画像を最適化
対策２では『Tiny PNG』を使ってアップロード前の画像を圧縮する方法でした。
アップロード後の画像はプラグイン『EWWW Image Optimizer』を利用して圧縮します。
先ほど紹介した『Tiny PNG』だけでも十分圧縮できてますが、この『EWWW Image Optimizer』でより画像のサイズを小さくすることができます。
この3つの対策を行うだけでかなりWordPressを高速化することができます。
【対策4】プラグインを整理してサイトの無駄を省く
WordPressではプラグインを使って機能を追加します。
プラグインはサイトの用途によって必要な機能を追加してくれる便利なツールです。
しかしプラグインを多く使いすぎると、サイトに負荷がかかってしまう場合があります。
レンタルサーバー、使用しているテーマによって、相性の悪いプラグインがあったり、プラグイン同士でも一部機能が重なってサイトの表示速度を遅くする原因となります。
あなた利用しているプラグインの機能は根拠を持って使っていますか？
ちなみにイトチャンネルで使用しているプラグインは15個です(2017年7月15日時点)
自分のプラグインを把握して余計な機能をなくしましょう。
| プラグイン | 機能 |
| AddQuicktag | タグのショートカット入力する機能 |
| Akismet | スパムコメントをブロック |
| All In One SEO Pack | SEO対策のためのプラグイン |
| BackWPup | バックアップツール |
| Broken Link Checker | リンク切れをお知らせ |
| Celtispack | 外部リンクをカード表示する機能のみ利用 |
| Contact Form 7 | お問い合わせフォーム作成 |
| EWWW Image Optimizer | 画像最適化(詳しくは対策3へ) |
| Google XML Sitemaps | 検索エンジン向けサイトマップ生成 |
| PS Auto Sitemap | ブログ内にサイトマップ作成 |
| SNS Count Cache | SNSのシェア数カウント |
| Table of Contents Plus | 目次作成 |
| TinyMCE Advanced | ビジュアルエディタ機能拡張 |
| WordPress Popular Posts | 人気記事表示 |
| WP Fastest Cache | キャッシュを有効化(詳しくは対策1へ) |
【対策5】WP Fastest Cacheでキャッシュを有効にする
WordPressを高速化する上で欠かせないのがキャッシュ系のプラグインです。今回、この記事を書く為に複数のプラグインを使ってみました。
を比較して使ってみましたが、一番WordPress高速化に効果があったのはWP Fastest Cacheでした。
詳しい設定方法はfujimotoyousuke.comさんのブログを参照させていただきました
使用するには注意が必要です。事前の下調べは絶対に行って、バックアップをとった上で設定を試みてください。
※イトチャンネルは『エックスサーバー＋ストーク(テーマ)＋上記のプラグイン15個』の環境で運用しています
【対策6】スライダー表示のような動きのあるコンテンツを置かない
ワードプレスのテーマやプラグインの機能で、トップ画面やサイドバーにおすすめ記事や画像を横に流れるように表示させることができます。
このスライド機能によってあなたのブログを印象的なページにすることができます。
スライド表示を設定できるプラグインは多数あります。
パッと見、動きのあるページはは印象的で訪問者の記憶に残りますがWordPressの高速化にこだわるのであれば、動きのあるコンテンツを設置しない方が良いです。
なぜならば、動くコンテンツの設置はページの表示速度を遅くする原因の一つになるからです。
速度をとるか、印象的なページこだわるかはあなた価値観次第です。
『印象に残るページでファンを作ること』と『高速表示にして読者のストレスを減らすこと』はどちらも大切です。
あなたの優先順位で設置の有無は決めれます。
メリットとデメリットを理解した上で判断されることをおすすめします。
【対策7】エックスサーバーで運用する
みなさんのレンタルサーバーはなにを使用していますか？
レンタルサーバーにもいろいろありますが、イトカズはエックスサーバー をオススメします。
エックスサーバーをオススメする理由は高速化を追求しているレンタルサーバーであるからです。
・SSDが使われている→従来のHDDより読込速度が48倍、書込速度が24倍
・実行速度の早いPHP７を採用→PHP５よりも２倍以上の速さ
私は3つを使い比べた結果、エックスサーバーをオススメします！
もし現在使用されているレンタルサーバーの契約期間のタイミングなら、サーバーの移転を検討してみてはいかがですか？
サーバー移行の手順の記事も書いてますので参考にされてください！
まとめ：訪問者にとって快適なページを一番意識しましょう
ここまでWordPressの高速化のための対策案をお伝えしてきました
あなたのブログの表示速度をあげることで、あなたの記事へ辿りついてきてくれた方の離脱を防ぐことができます。
しかしWordPressの高速化は読者が満足してもらう要因の一つにすぎません。
一番大切なことはあなたのコンテンツの価値を読者が受け取って、それをきっかけに行動してもらうことです。
例えば、表示速度に気に取られて画像の枚数が減って、あなたの記事の説得力が減ってしまうことは本末転倒です。
そこは決して忘れないようにしましょう
この記事を書いた人- WRITER PROFILE -
以前はiPhone修理屋してましたがブログからの集客が面白くてIT企業に就職しました。今はWEBマーケターになりたいディレクターです。
沖縄出身福岡在住の30代。ソフトバンクホークス応援してます。
好きな食べ物はちゃんぽん。
[…] 【2017年版】WordPress高速化しなければいけない理由と具体的な対策7選 […]