メインコンテンツにスキップ
読書時間 10 分 (1926 語)

WordPressの最適化:スピード向上

ブログ最適化バナー

が取引です:
あなたのウェブサイトがロードするのに3秒以上かかるならば
……あなたの訪問者のほとんどは去って、二度と戻ってこないでしょう。

他の人にあなたのコンテンツを読んでもらい、あなたが販売しているものを購入してもらいたい場合は、Webサイトの速度を向上させる必要があります。
読み込みが速いウェブサイトとは、次のことを意味します。

  • Googleからのより多くのトラフィック
  • 直帰率が低い
  • より良いコンバージョン率
  • より多くの売上

しかし、問題はあなたのウェブサイトの速度を改善することは難しく、多くの時間がかかる可能性があることです。 あなたがウェブ開発者を雇うならば、それはあなたに千ドルをはるかに超える費用がかかります。 WordPressユーザーの場合は、 WP Speed of Light ofLightなどのプラグインを使用して簡単に行うことができます。
このガイドでは、プラグインであるWP Speed of Light ofLightを使用してWordPressWebサイトの速度を向上させる方法を紹介します。

 

Webサイトの速度を改善する必要がある理由

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

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

google-click-speed

 

それだけでなく、あなたが販売しているものをあなたのウェブサイトの訪問者に購入させたい場合、あるいはあなたのメーリングリストを購読したい場合、あなたはより速いウェブサイトを必要とするでしょう。 ウェブサイトの読み込みが遅いほど、コンバージョン率は低くなります。 ウェブサイトが高速になると、全体的なコンバージョン率が上がり、チャンネル登録者数、シェア数、売上が増加します。

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

 

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

誰かがあなたのウェブサイトのページにアクセスするたびに、WordPressは数千行のコードを調べ、データベースに接続してからページを生成します。 データベースに接続して数千行のコードを実行すると、時間がかかるだけでなく、サーバーの負荷も増加します。

ここでキャッシュが役立ちます。キャッシュを有効にすると、WordPressは要求されるたびにWebサイトのページを再生成しません。 代わりに、最初にページが生成されたときにページのコンテンツをキャッシュ(コピーを作成)してから、このキャッシュされたページのコピーをユーザーに提供します。 ページのキャッシュされたコピーを提供することにより、WordPressはページを再生成したり、コンテンツを取得するためにデータベースに接続したりする必要を回避します。 これにより、多くのサーバーリソースが節約されるだけでなく、ユーザーにページを提供するのにかかる時間が短縮されます。

静的キャッシュワードプレス

 

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

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

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

 

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

プラグインでキャッシュを有効にするには、WordPressダッシュボードにログインしてから、 WP Speed of Light ]->[SpeedOptimization]

spedd-optimization-menu

 

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

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

それぞれをクリーンアップ:このオプションは、プラグインがキャッシュをクリアする頻度を指定します。 時々キャッシュをクリアすることが重要です。 サーバーのキャッシュをクリアしないと、Webサイトへの新しい変更はユーザー側に反映されません。 このオプションは40分のままにしておくことをお勧めします。

保存時のクリーンアップ:これは、有効にするオプションです。 投稿またはページに追加または変更を加えるとすぐにキャッシュがクリアされます。 新しいページを公開した後、または変更を加えた後にサーバーのキャッシュをクリアしないと、ユーザーは新しい変更と新しく公開されたページを表示できなくなります。

デスクトップのキャッシュ:このオプションは、プラグインがデスクトップユーザーにキャッシュされたページを提供するかどうかを指定します。 このオプションを有効にする必要があります。

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

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

速度設定

 

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

キャッシュ除外

 

これらのオプションをすべて有効にしたら、[変更を保存]をクリックします。 それでおしまい。 ウェブサイトでキャッシュを有効にしたところです。 これ以降、ユーザーにはサイトのページと投稿のキャッシュされたコピーが提供されます。

 

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

Webページに必要な画像、JavaScript、CSSファイルは、Webサイトの速度に大きな影響を与えます。

最善の解決策は? サーバーでGZIPを有効にします。

GZIPは、一度有効にするとファイルのサイズを半分以上削減する圧縮アルゴリズムです。 GZIPを有効にすると、Webサイトのサーバーは、GZIPをサポートするブラウザーへの圧縮ファイルの提供を開始します。

 

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

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

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

gzip-server-activation

 

ブラウザのキャッシュを利用してWebサイトの速度を向上させる

誰かがあなたのウェブサイトにアクセスすると、そのブラウザはページを表示するために必要なすべてのファイルをダウンロードします。 これらのファイルのほとんどは、ロゴ、CSS、JavaScriptなどのWebサイトの他のページに共通しています。 訪問者がWebサイトの他のページに移動すると、最後にアクセスしたページをレンダリングするときにブラウザがすでにファイルをダウンロードしていても、ブラウザはすべてのファイルをもう一度ダウンロードします。 これは、サーバー上でファイルが更新されているかどうかをブラウザが認識していないために発生します。 そしてそれを知らないので、それはすべての訪問で何度も何度もファイルをダウンロードしなければなりません。

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

これがブラウザのキャッシュが助けになるところです。 サーバー上の画像やcssなどの静的ファイルの有効期限を指定することで、Webサイトにアクセスするたびに再ダウンロードする必要がないことをブラウザーに指示します。

サーバーでブラウザーのキャッシュを有効にすると、ユーザーのブラウザーはユーザーがWebサイトの別のページにアクセスするたびにすべてのファイルを再ダウンロードする必要がないため、2回目以降のWebサイトの読み込みが速くなります。 代わりに、ユーザーのブラウザーは、既にダウンロードしてキャッシュしたファイルを使用して、それらを生成できます。

 

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

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

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

有効期限ヘッダー

 

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

 

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

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

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


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

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

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

静的URLからクエリ文字列を削除するには、WordPressダッシュボードにログインし、 WP Speed of Light ]->[

spedd-optimization-menu

 

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

削除クエリ文字列

 

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

 

結論

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

Webサイトにインストールして使用するプラグインが多いほど、取得が遅くなります。

パフォーマンス テストを実行して、 WP Sped of Light から直接何をチェックすべきかを知ることもできます

WP SPEED OF LIGHT

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

2
最新情報を入手

あなたがブログを購読するとき、あなたがそれらを見逃さないように、サイトに新しい更新があるときに私たちはあなたに電子メールを送ります。

関連記事

 

コメント

まだコメントはありません。 コメントを投稿する
すでに登録? ここでログイン
2024 年 5 月 2 日木曜日

キャプチャ画像