WordPressのオプティマイズ: スピード向け

実はこうなのです:
あなたのウェブサイトの読み込みに3秒以上かかる場合、
… ほとんどの訪問者は戻ってこなくなります。

コンテンツを読んでもらい、商品を購入してもらうには、ウェブサイトの速度を向上させる必要があります。
読み込みの速いウェブサイトとは:

• Googleからのトラフィック増加
• 直帰率の低下
• コンバージョン率の向上
• 売上増加

しかし、問題は、ウェブサイトの速度を改善することが難しく、多くの時間がかかる可能性があることです。ウェブ開発者を雇うと、1,000ドル以上かかります。WordPressユーザーであれば、WP Speed of Lightのようなプラグインを使用することで簡単に改善できます。
このガイドでは、当社のプラグインであるWP Speed of Lightを使用して、WordPressウェブサイトの速度を改善する方法を紹介します。

なぜウェブサイトの速度を改善する必要があるのか

ウェブサイトの速度を改善したい理由はたくさんあります。最も重要な理由の1つは、ウェブサイトの直帰率を下げることです。.

ウェブサイトの読み込みに3秒以上かかる場合、ほとんどの人はすぐに離脱します。これにより直帰率が増加し、Googleの目には直帰率が高いウェブサイトは低品質なウェブサイトと映ります。さらに、Googleのアルゴリズムは、読み込みが速く、優れたユーザーエクスペリエンスを提供し、直帰率が低いウェブサイトを表示することを優先します。したがって、Googleの最初のページに到達してそこにとどまるには、高速なウェブサイトが必要です。.

それだけではありません。ウェブサイトの訪問者に商品を購入してもらいたい、またはメーリングリストに登録してもらいたい場合、より高速なウェブサイトが必要です。ウェブサイトの読み込みが遅ければ遅いほど、コンバージョン率は低下します。より高速なウェブサイトは、全体的なコンバージョン率を高め、結果としてより多くの登録者、より多くのシェア、そしてより多くの売上につながります。.

それどころか、Kissmetricsによると、消費者の47％が2秒以内にWebページの読み込みを期待しており、ユーザーの40％は、読み込みに3秒以上かかる場合はWebサイトを放棄します。まだ納得できない場合は、WebsiteOptimization.comによると、低速のWebサイトは低品質と認識され、トラフィックが最大20％減少し、ユーザーの血圧を上昇させることもあります。.

キャッシュされたページを提供して、読み込み時間とサーバーリソースを削減します

あなたのウェブサイトのページに誰かが訪れるたびに、WordPressは何千行ものコードを実行し、データベースに接続してページを生成します。データベースへの接続や何千行ものコードの実行は、多くの時間がかかるだけでなく、サーバーの負荷も増加させます。.

ここでキャッシングが登場します。キャッシングを有効にすると、WordPressはリクエストされるたびにWebサイトのページを再生成しません。代わりに、最初にページを生成したときにその内容をキャッシュ（コピーを作成）し、そのキャッシュされたページのコピーをユーザーに提供します。キャッシュされたページのコピーを提供することで、WordPressはページを再生成する必要性を回避し、データベースに接続してコンテンツを取得する必要もなくなります。これにより、サーバーのリソースを大幅に節約できるだけでなく、ページを提供するのにかかる時間も短縮されます。.

WordPressインストールでキャッシングを有効にすると、Webサイトの読み込み時間をほぼ半分に短縮できます。.

しかし、ここに問題があります。

WordPressはデフォルトではキャッシング機能が付属していません。つまり、WordPressダッシュボードにはキャッシングを有効にするボタンがありません。WordPressサイトでキャッシングを有効にするには、プラグイン WP Speed of Lightをインストールする必要があります。無料で、インストールに1秒以上かかりません。ウェブサイトにインストールしたら、キャッシングを有効にする方法は次のとおりです。

WP Speed of Lightでキャッシングを有効にする方法

プラグインでキャッシングを有効にするには、WordPressダッシュボードにログインし、WP Speed of Light -> 速度の最適化に移動します。

速度最適化ページで、次のオプションを有効にします。

キャッシュシステムを有効化: これにより、メインのキャッシュシステムが有効化されます。このオプションを有効にすると、プラグインはデータベースクエリと共通のページ要素をキャッシュします。

クリーンインターバル: このオプションは、プラグインがキャッシュをクリアする頻度を設定します。定期的にキャッシュをクリアすることは重要です。サーバーのキャッシュをクリアしないと、ウェブサイトへの新しい変更がユーザーに反映されません。このオプションは40分に設定することをお勧めします。

保存時にクリア: これを有効にすると、投稿やページに変更を加えた際にキャッシュがクリアされます。新しいページを公開したり変更を加えた後、サーバーのキャッシュをクリアしないと、ユーザーは新しい変更や公開されたページを見ることができません。

デスクトップ用キャッシュ: このオプションは、デスクトップユーザーに対してプラグインがキャッシュされたページを提供するかどうかを決定します。このオプションを有効にすることをお勧めします。

タブレット用キャッシュ: タブレットユーザーに誤ったキャッシュバージョンが提供されていない限り、自動に設定したままにしてください。これは、サイトが異なるデバイスユーザーに対して異なるコンテンツ（HTML）を表示している場合にのみ発生する可能性があります。

モバイル用キャッシュ: このオプションは前のオプションと同じです。自動に設定することをお勧めします。

以下のページをキャッシュしない (オプション): このオプションでは、動的でキャッシュする必要のない特定のページを除外できます。このオプションでは、キャッシュしたくない URL を 1 行に 1 つ入力します。ほとんどのユーザーはこの機能を必要としません。

これらすべてのオプションを有効にしたら、変更を保存をクリックします。これで、ウェブサイトのキャッシュが有効になりました。これからは、ユーザーはサイトのページと投稿のキャッシュされたコピーを受け取ります。.

GZIP でウェブサイトの読み込み時間を半分以上削減

Webページに必要な画像、JavaScript、CSSファイルは、ウェブサイトの速度に大きな影響を与えます。サーバーからのファイルのダウンロードには時間がかかります。また、画像などのファイルは最大でメガバイト単位のサイズになることがあります。これにより、ウェブサイトの表示にかかる時間が増加するだけでなく、帯域幅のコストも増加します。.

最善の解決策は？サーバーでGZIPを有効にすることです。.

GZIPは、1度有効にするとファイルサイズを半分以上削減する圧縮アルゴリズムです。GZIPを有効にすると、ウェブサイトのサーバーはそれをサポートするブラウザーに圧縮されたファイルを配信し始めます。つまり、500万バイトを超える画像は、配信時に2メガバイト未満に圧縮されます。これにより、帯域幅のコストとサーバーの負荷が軽減されるだけでなく、ウェブサイトの読み込み時間が半分以上短縮されます。.

WP Speed of LightでGZIPを有効にする方法

当社のプラグインは、GZIPがすでにサーバー上で有効になっているかどうかを最初にチェックします。これは現在、主要なウェブホスティングプロバイダーのほとんどの場合に当てはまります。(mod_deflate)またはNginxモジュール(ngx_http_gzip_module)を使用して、WordPressサーバーのhtaccessファイルに必要なコードを追加することで有効にします。

サーバーでGZIPがデフォルトで有効になっておらず、プラグインがhtaccessで有効にできない場合、プラグインのダッシュボードに警告通知が表示されます。.

ブラウザキャッシングを活用してウェブサイトの速度を向上させる

誰かがあなたのウェブサイトを訪れると、ブラウザはページを表示するために必要なすべてのファイルをダウンロードします。これらのファイルの大部分は、ロゴ、CSS、JavaScriptなど、ウェブサイトの他のページで共通しています。訪問者がウェブサイトの他のページに移動すると、ブラウザはすでにダウンロードしたファイルであっても、再度すべてのファイルをダウンロードします。これは、ブラウザがサーバー上のファイルが更新されたかどうかを知らないためです。そして、それを知らないため、毎回の訪問でファイルを繰り返しダウンロードする必要があります。.

これにより、帯域幅のコストとサーバーの負荷が増加するだけでなく、ウェブサイトの読み込み時間も長くなります。.

ここでブラウザキャッシュが救世主となります。サーバー上の画像やCSSなどの静的ファイルの有効期限を指定することで、ブラウザに対してウェブサイトを訪れるたびにそれらを再ダウンロードする必要がないことを指示します。.

サーバーでブラウザキャッシングを有効にすると、ユーザーのブラウザはウェブサイトを2回目以降に訪れた際に、すべてのファイルを再ダウンロードする必要がなくなるため、ウェブサイトの読み込みが速くなります。代わりに、ユーザーのブラウザは、すでにダウンロードしてキャッシュしたファイルを使用してそれらを生成できるようになります。.

WP Speed of Lightでサーバーのブラウザキャッシュを有効にする方法

プラグインを使用してブラウザのキャッシュを活用するには、WordPressダッシュボードにログインし、WP Speed of Light -> 速度最適化:

次に、速度最適化ページで、「有効期限ヘッダーの追加」オプションを有効にします。

このオプションを有効にすると、プラグインはユーザーのブラウザに静的リソースをキャッシュし、毎回の訪問時に再要求する代わりにそれらを使用するように指示します。.

静的リソースからクエリ文字列を削除する

ブラウザのキャッシュを有効にした後も、URLの末尾にクエリ文字列が付加されている場合、ブラウザはファイルを異なるものとして扱います。.

クエリ文字列は次のようになります: http://your-site.com/style.css?query-string=123

WordPressはデフォルトで、すべてのCSSおよびJavaScriptファイルの末尾にクエリ文字列を追加します。GTMetrixのような速度テストツールで高いスコアを取得するには、これらのクエリ文字列を削除する必要があります。.

静的リソースのURLからクエリ文字列を削除するには、次の手順に従います。

WP Speed of Lightでクエリ文字列を自動的に削除する方法

静的URLからクエリ文字列を削除するには、WordPressダッシュボードにログインし、WP Speed of Light -> 速度最適化に移動します。

次に、速度最適化ページで「クエリ文字列を削除」オプションを有効にします。

このオプションを有効にすると、当社のプラグインはすべてのURLからクエリ文字列を自動的に削除します。これにより、ユーザーのブラウザは静的ファイルを毎回再ダウンロードするのではなく、クライアント側のキャッシュを使用するようになります。また、GTMetrixやGoogle Page Speed Testなどの速度テストツールでのスコアも向上します。.

結論

WordPressはインターネット上で最も人気のあるコンテンツ管理システムです。柔軟性が高く、文字通り何千もの機能が備わっています。しかし、この柔軟性には代償が伴います。その代償とは、あなたのウェブサイトの読み込み速度が遅くなることです。WordPressは、高度にカスタマイズ可能で柔軟性が高いため、大きなコードベースを持っており、この大きなコードベースを実行するのに時間がかかります。そして、新しいプラグインをインストールすると、この大きなコードベースにさらに多くのコード行が追加され、より大きくなります。.

ウェブサイトにインストールして使用するプラグインが増えるほど、ウェブサイトの表示速度は遅くなります。幸いなことに、 WP Speed of Light のようなプラグインを使用してキャッシュを有効にすると、ウェブサイトはスムーズに動作し、高速に読み込まれるようになります。それだけでなく、コンバージョン率の向上、検索エンジンのランキングの向上、直帰率の低下も期待できます。.

また、パフォーマンステストを実行する ことで、WP Sped of Lightから直接何を確認すべきかを把握できます。

WP SPEED OF LIGHTを入手

ご質問やご提案はありますか？ 以下のコメント欄でお気軽にお知らせください。.