Cloudflare の月額 5 ドルの WordPress スピード プラグインは機能しますか?

公開: 2022-02-23

最近、 WordPress の速度は非常に重要です。 SEO のため、ユーザー エクスペリエンスのため、そして一般的にサイト訪問者を煩わせないためです。 ただし、WordPress を独自のデバイスに任せると、少し動作が遅くなる可能性があります。

WordPress の速度を向上させる方法はたくさんあります。私は何年にもわたって多くの方法を検討してきました。perfmatters や WP Rocket などの最適化プラグイン。 コンテンツ配信ネットワーク (CDN); 画像圧縮、高速 WordPress テーマ、およびホスティング。 この投稿では、 Cloudflare のプレミアム WordPress スピード プラグイン(月額 5 ドル) という、少し変わったものをレビューします。 それが何であるか、どのように設定するかを説明し、それが実際に WordPress のスピードアップにどの程度役立つかを測定して、支払う価値があるかどうかを知ることができます.

スピードを上げましょう。

目次

CloudflareのWordPressスピードプラグインとは?

Cloudflare は、2009 年にサンフランシスコで設立された Web パフォーマンスおよびインフラストラクチャ企業です。いくつかのプレミアム Web サイト サービスを提供していますが、多くの WordPress ユーザーは、Cloudflare の無料の DNS (ドメイン ネーム システム)、CDN、および SSL (Secure Sockets Layer) サービスにサインアップしています。

クラウドフレアの無料CDNサービス

Cloudflare の無料プランは、静的リソースをキャッシュし、さまざまなグローバル ロケーションからそれらを提供することで、WordPress Web サイトの速度を向上させるのに役立ちます。 各サイト訪問者が単一のオリジン サーバーの場所 (たとえば、ニューヨークを拠点とする場所) にアクセスする必要がある代わりに、訪問者には最も近い Cloudflare CDN サーバーから静的コンテンツが提供されます。

クラウドフレアサーバーの場所
Cloudflare のサーバー ネットワークは、世界中の 200 都市に広がっています

Cloudflare の WordPress スピード プラグインは、同社の自動プラットフォーム最適化 (APO)サービスの一部であり、月額 5 ドル (ドメイン 1 つに対して) の費用がかかります。このプラグインは、キャッシングと最適化によって「WordPress サイトをスーパーチャージ」し、読み込みを最大 3 倍高速化すると主張しています。 この記事の残りの部分では、これを略してCloudflare の WordPress APOと呼びます。

cloudflare ワードプレス速度プラグイン

Cloudflare の WordPress APO プラグインを使用できるのは、無料の CDN プランに既にサインアップしており、そのネームサーバー (clyde.cloudflare.com や angelica.cloudflare.com など) を使用している場合のみです。

Cloudflare の WordPress APO はどのように機能しますか?

Cloudflare は、ウェブサイトの読み込みが遅いという 3 つの主な問題を修正します。

  1. Cloudflare は 200 以上のグローバルな場所にキャッシュを保存するため、Web サイトと訪問者のブラウザ間の距離が短縮されます (したがって、データはより速く移動します)。
  2. Cloudflare は静的ファイルを標準 (無料の CDN プラン) としてキャッシュし、オリジン サーバー (つまり、Web サイト ホスト) へのリクエストを減らします。
  3. Cloudflare の WordPress APO は Web サイト全体をキャッシュするため、訪問者への配信時間がさらに短縮されます。

Cloudflare の WordPress APO は、 Cloudflare Workers (200 都市のグローバル クラウド ネットワークで実行されるサーバーレス アプリケーション プラットフォーム) を使用して動的コンテンツをキャッシュします。つまり、静的コピーを保存します。

WordPress Web サイトは動的です。つまり、訪問者がページにアクセスすると、PHP プロセスを使用してページが構築されます。 純粋に静的な Web サイトには、変更されることのない HTML コードのみが含まれます。 静的コンテンツは処理が不要なため、すばやく配信できます。 Cloudflare の無料 CDN を使用すると、Cloudflare は WordPress ウェブサイトから静的コンテンツを作成して保存し、訪問者により近いサーバーからコンテンツを配信します。 次のようになります。

クラウドフレアのキャッシング

上の図からわかるように、Cloudflare はいくつかの静的コンテンツ (.jpg 画像) をキャッシュしており、ホスティング サーバーから要求することなく、それらをエンド ユーザーに配信します。 ただし、WordPress サイトは HTML を保存せず、要求に応じて HTML をレンダリングする PHP ファイルのみを保存するため、HTML などの一部のコンテンツはキャッシュできません。

この例では、Cloudflare は WordPress サイトを高速化しますが、画像と CSS などの静的ファイルのキャッシュのみに制限されています。

ただし、 Cloudflare の WordPress APO を使用すると、次のように、すべてのコンテンツが Cloudflare によってキャッシュされ、保存され、配信されます。

cloudflare の wordpress apo キャッシング

サードパーティのフォントを含むすべてのコンテンツが Cloudflare によって配信されるようになり、TTFB (Time To First Byte) がより速くなりました。 これは、Cloudflare のコンテンツが静的であり (つまり、要求する必要がないため迅速に配信される)、地理的に訪問者に近い場所にあるためです。

Cloudflare の無料の WordPress プラグインを使用すると、サイトに変更を加えたときに Cloudflare に通知されるため、毎回新しい静的キャッシュを取得して構築できます。 プラグインがなくてもスピード サービスを使用できますが、訪問者が Web サイトの変更を確認するのに最大 30 分かかる場合があります。 これに基づいて、Cloudflare の WordPress APO をセットアップすると、 Cloudflare は 30 分ごとにサーバーからサイトのページをリクエストし、そのネットワーク全体に静的コピーを保存すると仮定します。

CloudflareのWordPressスピードプラグインのセットアップ方法

Cloudflare の WordPress APO の背後にあるテクノロジーを理解できたので、それをセットアップする方法を説明します。

Cloudflare の無料 CDN をまだ使用していない場合は、最初にそれを設定する必要があります。 私が手順を説明する代わりに、Cloudflare の 5 分間のセットアップ ガイドをご覧ください。

Cloudflare の DNS を使用するようになったので、WordPress 速度最適化アドオンを入手する準備が整いました。

1. Cloudflare にログインし、[速度] > [最適化] に移動します。

クラウドフレアの速度設定

Cloudflare にログインし、右側のメニューで [速度] に移動し、[最適化] をクリックします (まだ古いレイアウトを使用している場合、メイン メニューは上部のバーにあります)。

2. WordPress の自動プラットフォーム最適化を購入する

「WordPress の自動プラットフォーム最適化」というセクションまでスクロールします。

wordpress の自動プラットフォーム最適化

Cloudflare の WordPress プラグインをまだインストールしていない場合は、インストールを促すボタンが表示されます。 ここでは無視して、「購入」をクリックします。

wordpress 支払いのための自動プラットフォーム最適化

支払いの詳細 (Cloudflare はクレジット カードまたは PayPal を受け入れます) を入力して続行します。 月額 5 ドルの定期支払いを設定します。無料トライアルがないため、最初の 5 ドルがすぐに請求されます。 このプランには制限がないため、取得するトラフィックの量に関係なく、一意のドメインに対して月額 5 ドルを支払うことになります。 追加料金なしで、無制限のサブドメインでサービスを使用できます。

3. Cloudflare の WordPress プラグインをインストールする (オプション)

必須ではありませんが、Cloudflare の WordPress APO サービスを無料のプラグインと一緒に使用することをお勧めします。サイトに変更を加えると、古いキャッシュが自動的に消去され、Cloudflare が更新されるからです。 それはまたあなたを助けます

clloudflare wordpress プラグインをインストールする

Cloudflare の WordPress プラグインをダウンロードするか、ダッシュボード > プラグイン > 新規追加からインストールします。

プラグインを有効にします。 API でアカウントと同期する必要があります。 [設定] > [Cloudflare]に移動すると、アカウントにログインするためのプロンプトが表示されます。

wordpressからcloudflareにサインインする

Cloudflare のように電子メールとパスワードでログインする代わりに、電子メールと Cloudflare API キーを入力する必要があります。

無料の Cloudflare API トークンを生成する方法

無料のcloudflare APIキーを生成する

Cloudflare アカウントにログインし、右上のユーザー アイコンをクリックして、ドロップダウン メニューで [マイ プロファイル] を選択します。 次に、左側のメニューで [API トークン] を選択し、[トークンの作成] をクリックして API トークンを生成します。

4.自動プラットフォーム最適化を有効にする

wordpress の自動プラットフォーム最適化トグル オン

Cloudflare ダッシュボード内から、 [速度] > [最適化] に移動し、[WordPress の自動プラットフォーム最適化:] セクションまで下にスクロールします。 機能をオンに切り替えます (青から緑に変わります)。

cloudflare wordpress apo が機能することを確認する

動作していることをテストするには、UpTrends.com にアクセスし、ドメインを貼り付けて、Cloudflare のコード (上記) の応答ヘッダーを確認します。 次のようになります。

Web サイトのヘッダーを確認する cloudflare

Cloudflare の WordPress APO のセットアップで問題が発生した場合は、WordPress APO セットアップ ガイドを参照してください。

では、Cloudflare がどれだけ WordPress サイトを高速化できるかを見てみましょう。

Cloudflare の WordPress APO の速さ

これは100万5ドルの質問！

Cloudflare のプレミアム WordPress スピード プラグインを使用する前後で、WordPress Web サイト (あなたが読んでいるこのサイト) の読み込み速度をテストしました。

以前のテストでは、Cloudflare の無料 CDN、ShortPixel による圧縮画像、perfmatters による最適化されたパフォーマンスなど、既に多くの速度最適化を使用していたことを覚えておいてください。 私の Web サイト ホスティング (Cloudways の DigitalOcean サーバーでの月額 10 ドルのプラン) も、Varnish サーバー キャッシングを使用しています。

Google の PageSpeed Insights ツールを使用して、私のページの 1 つのモバイル パフォーマンスを測定しました (モバイル コア ウェブ バイタル スコアは Google にとって最も重要です)。 Cloudflare の WordPress スピード サービスを追加する前の結果は次のとおりです。

スピードテスト前

そして、これが後です：

スピードテスト後

全体的なスコアが 83/100 から 89/100 に改善され、スピードがわずかに向上しました。

First Contentful Paint (FCP、最初の要素が読み込まれるまでの時間) が 2.1 秒から 1.8 秒に短縮されました。 Google はサイトの目的として 1.8 秒以下の FCP 時間を推奨しています。

対話までの時間 (TTI、ユーザーがページを操作できるようになるまでにかかる時間) は、3.6 秒から 3.3 秒に少し短縮されました。

Speed Index スコア (ページ読み込み中にコンテンツが視覚的に表示される速さ) が 3.1 秒から 1.8 秒に下がりました。

合計ブロック時間 (TBT、ページがユーザーのマウス クリックへの応答をブロックされる合計時間など) が 140 ミリ秒から 60 ミリ秒に短縮されました。

Largest Contentful Paint (LCP、ページが完全に読み込まれるまでにかかる時間) は 3.9 秒から 3.6 秒に短縮されましたが、2.5 秒以下という Google のベスト プラクティス ベンチマークによると、それでも遅すぎます。

デスクトップの読み込み時間はすでにかなり良好 (98/100) でしたが、99/100 に増加しました。 ほとんどのユーザー (約 70%) がデスクトップ デバイスを使用しているため、読み込み時間が高速になったことを嬉しく思います。 ただし、Google はモバイル ファースト インデックスを使用しているため、検索用にサイトを最適化する際に私が注目するのはモバイルの読み込み時間です (あなたもそうすべきです)。

全体として、Cloudflare の APO によってもたらされたページ速度の改善に満足しています。総コストは 5 ドルで、セットアップ時間は数分でした。

過去にモバイルで LCP スコアが遅いという問題があったため、Cloudflare の最適化サービスによって問題が解消されたことを嬉しく思います。

遅い lcp ページ gsc の URL を見つける
モバイルでの古い LCP 読み込みの問題を示す Google Search Console レポート

Cloudflare の APO に切り替えてから、私のサイトのすべてのページが、実際のユーザーの閲覧データに基づいて、モバイルでの Google の Core Web Vitals チェックに合格していることがわかります。

コア ウェブ バイタル サーチ コンソール
サイトのすべてのページが Google のモバイル コア ウェブ バイタル テストに合格しています

最終判断: Cloudflare の WordPress APO はそれだけの価値がありますか?

簡単な答えは: はい! 月額 5 ドルで、WordPress の Web サイトの速度が大幅に向上します。労力は必要ありません。 私は安価なホスティング (Cloudways から月額 10 ドル) を使用しているため、Kinsta のような信頼できる企業のプレミアム WordPress ホスティング (月額 30 ドルから) よりも、私のセットアップは依然としてかなり安価です。

理想的には、ページの読み込みをさらに速くしたいのですが、まだ作業中です! このスペースをご覧ください…

それまでの間、いくつかのプラグインとあちこちで圧縮を使用して WordPress の速度を改善しようとしても、Cloudflare は低コストで最小限の労力で優れた改善を提供できると結論付けることができます. おすすめされた。