WordPress CDN：グローバルな可視性を高めるための決定的なガイド

何年にもわたって、より速い読み込み速度がWebサイトの最優先事項になっています。 しかし、ユーザーの双方向性に対する需要の高まりに対応しなければならない、より豊富なコンテンツと機能と密接に関連しています。 したがって、多くのWebサイト所有者は、世界中のエンドユーザーにコンテンツをより高速で配信することが難しいと感じています。

これに照らして、多くのWebサイトがWordPress CDN（コンテンツ配信ネットワーク）を使用し始めています。 このテクノロジーは、場所に関係なく、すべてのユーザーにWebサイトコンテンツをより速く配信するのに役立ちます。 この便利なガイドでは、CDNとは何か、WordPressにとってCDNが重要である理由、およびWordPressCDNの使用方法について学習します。

1. CDN（コンテンツ配信ネットワーク）とは何ですか？

名前が示すように、CDNはコンテンツの配信と関係があります。 しかし、どのようなコンテンツ、そしてどのように？ メディアファイル、CSS、JavaScriptファイルなど、WordPressサイトの静的、ストリーミング、動的コンテンツを配信します。

他の部分、つまりネットワークは、この配信システムの本質です。 前に説明したコンテンツは、世界中に広がるこのサーバーネットワークでホストされており、ユーザーがブラウザーからリクエストを送信すると、待ち時間を回避するために最も近いサーバーによって処理されます。

事実：ページの読み込み時間が1秒遅れると、コンバージョンが7％減少し、ページビューが11％減少し、顧客満足度が16％低下する可能性があります。

Cloudways WordPressマネージドホスティングでサーバーを起動し、英国のロンドンにあるデータセンターを選択したとします。 これは、WordPressサイトが物理的にホストされ、すべてのリクエストがここから処理される場所です。 あなたのサイトはヨーロッパのユーザーにとっては超高速ですが、東京やマニラのユーザーにとっては少し遅くなる可能性があります。 ロンドンはパリより東京から遠いからです。

WordPressに最適なCDNは、最も近いサーバーからユーザーにコンテンツを配信することで、この距離を縮めます。 ユーザーとWebコンテンツの間の距離を縮めるために、CDNは、コンテンツのキャッシュされたコピーを世界中にある複数のサーバーに保持します。

2. WordPress CDNが必要なのは誰ですか？

ほとんどすべてのWordPressサイトはCDNを必要とし、CDNを使用するサイトの数は指数関数的に増加しています。 地理的に複数の場所で事業を行っている企業は、この記事で前述したのと同じ理由で、これらのCDNサービスに依存しています。 ただし、Webホスティングと同じ場所のユーザーのみを対象とするサイトを運営している場合は、CDNの使用は理想的ではありません。 実際、ユーザーとホスティングの間の余分な接続による不要な干渉によりユーザーが遅延に直面する可能性があるため、ユーザーエクスペリエンスが低下する可能性があります。

WordPressサイトを高速化するためにWordPressにCDNを使用している企業の種類を見てみましょう。

• eコマース
• ブログ
• 広告代理店
• メディアとエンターテインメント
• ストリーミングサイト
• オンラインゲームサイト
• オンライン教育
• 健康管理

3. CDNがWordPressにとって重要なのはなぜですか？

時間の経過とともに、コンテンツ配信ネットワーク（CDN）は大幅に改善されました。 WordPressサイトにWordPressCDNがあると、無視できない多くの利点があります。 詳細に見てみましょう！

• より高速な時間をロードします。これは、CDNサーバのネットワークから容易に利用可能なコンテンツで、ページの読み込み時間を短縮。
• 高トラフィック処理：コンテンツは複数のソースから配信されるため、WordPressにCDNを使用しているサイトは、トラフィック量が多い場合でも、ダウンタイムやパフォーマンスの低下にほとんど直面しません。
• 帯域幅の節約：CDNは、コンテンツ自体を配信することにより、ユーザーからWebホスティングへのリクエストの直接フローを制限するため、帯域幅の消費も削減します。
• セキュリティ：CDNネットワークは分散しており、低から軽度のDDoS攻撃に耐えることができます。 いくつかのCDNプロバイダーには、これらの攻撃、スパマー、およびボットを識別するためのアクティブなメカニズムもインストールされています。 これにより、特に顧客がクレジットカード情報を使用して支払うWordPressサイトの場合、セキュリティがさらに強化されます。
• より良いSEOランキング：グーグルがより速いサイトをより高くランク付けすることは秘密ではありません。速度がSEOランキングをどれだけ傷つけるかを決定することは困難ですが、それがユーザーエクスペリエンスにあまり影響を与えないことは明らかであり、グーグルはお勧めしません。
• 強化されたユーザーエクスペリエンス：WordPressサイトのWordPress CDNは、Webページをより高速にロードすることにより、デスクトップだけでなくモバイルデバイスでもユーザーエクスペリエンスを強化します。 現在、多くの人が携帯電話を使ってインターネットをサーフィンしています。 グーグルはまた、モバイルフレンドリーな検索イニシアチブを開始しました。これは、モバイル向けに最適化されたサイトが検索結果で優位に立つことを意味します。

事実：ページの読み込み時間が100ミリ秒減少するごとに収益が1％増加しました。

WordPressCDNスピードテスト

CloudwaysでホストされているWordPressサイトでCDNをテストして、実際の動作を見てみましょう。 私たちのサーバーは米国のフリーモントにあります。 CloudwaysCDNを統合する前後に、複数の場所から速度をテストしました。

米国カリフォルニア州サンノゼ

前

後

ニューヨーク市、ニューヨーク、米国

前

後

スウェーデンのストックホルム

前

後

オーストラリア、メルボルン

前

後

これらのテスト結果は、CDNがないと、実際のサーバーの場所から離れた地域では速度が遅くなることを示しています。 しかし、WordPressサイトにCDNを統合した後、ロード速度の改善が見られました。

4.トップのWordPressCDNプロバイダー

WordPress CDNプロバイダーは、あらゆる予算範囲で利用できます。 これに加えて、多くのCDNプロバイダーがトライアルアカウントを提供しています。

Cloudwaysユーザーを支援するために、Cloudways管理対象サーバーと簡単に統合できるCDNプロバイダーの次のリストをまとめました。

注：StackPath（別名CloudwaysCDN）は、プラットフォーム内に簡単に統合できます。

CloudwaysCDN（StackPath）

CloudwaysCDNは、大規模なグローバルサーバーネットワークを備えたWordPress向けの最高のCDNプロバイダーの1つであるStackPathを利用しています。

人気のある機能には、DDoS攻撃に対する保護、負荷分散によるブロック機能などがあります。 すべてのプランはファイアウォール保護も提供しており、これはWebサイトのページ読み込み時間の改善にも貢献します。

Cloudwaysユーザーは、デフォルトのキャッシュプラグインである「 Breeze 」でこのCDNオプションを使用することもできます。

価格： 25GBあたり1ドル

KeyCDN

KeyCDNは、世界中のさまざまな場所でのコンテンツ配信を最適化するいくつかの便利な機能を提供します。 KeyCDNは、スピードと24時間年中無休のカスタマーサポートで定評のある人気のWordPressCDNオプションです。

KeyCDNは、DDoS保護、無料およびカスタムのSSL証明書、HTTP / 2サポート、およびサードパーティ統合用のRESTfulAPIも提供します。

料金：料金モデルは従量制で、1 GBあたり0.04ドルから​​、年間の最低請求額は40ドルです。

Cloudflare

CloudflareはWordPressで最も人気のあるCDNの1つです。これは主に、セットアップが簡単で、巨大なグローバルサーバーネットワークを備えているためです。

Cloudflareは、DDoS攻撃やその他の脆弱性に対するセキュリティが制限されたWordPressサイト向けの無料CDNも提供しています。 その他の機能には、負荷分散、Web最適化、DNS管理、およびSSL証明書が含まれます。

価格：プロプランは月額$ 20から始まります。

CloudFront

CloudFront by Amazonは、WordPress用の高速で安全なCDNであり、DDoSや同様の脅威に対して業界標準のセキュリティを提供します。 Amazon管理コンソール、CLI、SDKを使用して簡単に統合できます。

価格：オンデマンド

インカプセル

Incapsulaは、世界中にサーバーが配置されているWordPressのもう1つの人気のあるCDNです。 WordPressと簡単に統合でき、一般的なすべてのキャッシュプラグインと互換性があります。

Incapsulaは、SSL証明書、24時間年中無休のサポート、DDoS保護、ファイアウォール、攻撃分析、脅威インテリジェンス、データ保護などの機能を提供します。

価格：月額59ドルから

CDN77

CDN77は、WordPressWebサイトで最速のCDNの1つです。 主な機能には、SSL / TLS証明書、DDoS保護、ホットリンク保護、およびWebファイアウォールが含まれます。

CDN77は、トラフィックと帯域幅の使用状況を追跡するための分析ツール、および有用な情報とクラッシュレポートを含むCDNログも提供します。

価格：月額199ドルから

ビジネスに適したCDNを選択するときは、パフォーマンスとともにコストとサービスを考慮してください。

5. WordPressCDNベンチマーク

選択できるWordPressCDNプロバイダーはたくさんありますが、実際のシナリオで最高のパフォーマンスを提供するプロバイダーを決定するのは困難です。

この問題を解決する唯一の方法は、これらのCDNをベンチマークすることでした。そのために、広く使用されている3つの人気のあるCDNプロバイダーを選択しました。

1. CloudwaysCDN （以前はMaxCDNと呼ばれていたStackPathと提携）
2. Cloudflare
3. KeyCDN

CDNベンチマークのプロセス

1GB RAM 、 25GB SSD 、 1コアCPUのCloudwaysDigitalOceanサーバーでデフォルトのWordPressを起動しました。

ベンチマークテストに使用したツールは、オープンソースのNode.jsCDNベンチマークCLIです。 WordPress CDNがコンテンツを配信する速度を理解するには、数時間の間に十分なデータ入力が必要になります。

CDNベンチマークでは、CloudwaysでホストされているWordPressサイトから3つの画像ファイル（小： 78.6KB、中： 747KB、大： 1.28MB）を5分間隔で3.5時間ダウンロードしました。 これらのファイルは、CloudwaysでホストされているWordPressサイトから取得されます。

CDNベンチマークの結果

ベンチマークテストの後、簡単に比較できるように、最終データをグラフ表示にまとめました。 データは、3.5時間連続してテストを実行した後に生成されました。 このテストにより、どのCDNがどのファイルサイズでより適切に機能するかについてのヒントが得られます。

小さな画像

Cloudflareは正常に起動しましたが、小さいサイズの画像をダウンロードしている間、同じペースを維持できませんでした。 テストの最初の40分間では、22ミリ秒にも達しましたが、CloudwaysCDNとKeyCDNは横軸にまっすぐに横たわっていて、約2〜3ミリ秒の一定速度を示していました。 KeyCDNでは75分から85分にスパイクがあり、9ミリ秒に達しました。

CloudwaysCDNはかなりのテストを通じて滑らかでした。 驚くことなく、最大ダウンロード速度でテストを開始および終了しました。

ミディアムイメージ

中サイズの画像をダウンロードした場合も、 CloudFlareの状況は良くなりませんでした。 20〜40分で約128ミリ秒の大きなスパイクがありました。 75分から85分までのもう1つの小さなスパイク。一方、 CloudwaysCDNは、上記のグラフに示されているように、テストの終わりに向かっていくらかの障害を示したKeyCDNと比較してトップの位置を維持しました。

大きな画像

大きな画像（1.28MB）をダウンロードしている間、 Cloudflareのダウンロード速度は約40ミリ秒でしたが、対応するものは比較的良好なスタートを切りました。 KeyCDNは、テストの開始時と終了時のいくつかのバンプを除いて、テスト全体を通じてほぼ安定していました。 CloudwaysCDNは、テスト全体を通して高速で安定したダウンロード速度を示すX軸に可能な限り近づけることで、再び素晴らしい仕事をしました。

また、3つの画像サイズで各CDNの平均ダウンロード速度を計算しました。

平均スコア

上のグラフの結果は非常に簡単です。 CloudwaysCDNは、3つのカテゴリのファイルすべてで最高のダウンロード速度を示しました。 KeyCDNは平均スコアで2位になりました。 Cloudflareは、3つのテストすべての初期段階で大きなスパイクがあったため、スコアが最も低い3番目の位置になりました。 テストの途中と終了時にかなりうまく機能しました。

6. WordPressでCDNを使用するにはどうすればよいですか？

6a。 CloudwaysCDNをWordPressに追加する

Cloudwaysのお客様は、ワンクリックでCloudwaysCDNをアクティブ化してWordPressと統合できます。 このプロセスに関連するいくつかの手順は次のとおりです。Cloudwaysアカウントにログインし、[アプリケーション]に移動してから、CloudwaysCDNをインストールするWordPressアプリケーションにアクセスします。

左側のペインから、 [ CloudwaysCDN ]タブに移動し、 WordPressサイトのURLを入力します。 [作成]ボタンをクリックします。

これにより、このアプリケーションでCloudwaysCDNが有効になり、CDN URL、帯域幅の使用状況、キャッシュのパージなどの詳細が提供されます。 CloudwaysCDNを削除するオプションもあります。

WordPressサイトに統合するには、[適用]ボタンをクリックするだけです。

PS：シングルクリックはBreezeにのみ適用されます–Cloudwaysによる無料のWordPressキャッシュプラグイン。 他のキャッシュプラグインを使用している場合は、CloudwaysCDNタブからCDN URLを取得し、それに応じてCDNを構成します。

WordPressサイトの管理パネルにログインし、[設定]の下の[ Breeze ]をクリックします。

ブリーズキャッシュプラグインのCDN]タブに移動し、ここであなたがチェックとして有効CDNオプションがマークされ、CDN URLは、CDN CNAMEフィールドに設定されていることがわかります。

次に、CDNが統合されていることを確認します。 サイトを開き、 CTRL + Uを押して、 StackPathを検索します。 CDNが正常に統合されたことを意味するいくつかの結果が得られます。

サイトが壊れているように見えますか？

心配ない！ CloudwaysはVarnishを使用してWordPressサイトを最適化します。 必ずすべてのキャッシュを削除してから、サイトに再度アクセスしてください。 万歳！ 数回クリックするだけでCloudwaysCDNを統合できました。

CloudwaysCDNについてもっと知りたいですか？ ここを見てください。

6b。 CloudFrontをWordPressに追加する

CloudFront by Amazonは、おそらくWordPressWebサイトで最も人気のあるCDNです。 接続されると、CloudFrontは、ホスティングサーバーをリクエストする代わりに、サーバーから直接WordPressサイトのコンテンツを提供します。 これにより、ホスティングサーバーに負担をかけるリクエストの数が減ります。

CloudFrontCDNでWebディストリビューションを作成してCDNURLを取得する

アマゾンウェブサービス（AWS）に既にアカウントをお持ちだと思います。 そうでない場合は、サインアップしてCloudFrontコンソールに移動します。 次に、[ Web]セクションの下の[開始]をクリックします。

それはあなたが多くのオプションから選ぶことができる全ページのオプションにあなたを連れて行くでしょう。 簡単にするために、CloudFront自体によって設定されたデフォルト設定を使用します。

• オリジンドメイン名：私のウェブサイトのURL（wpcommunity.org）
• 起点パス：アセットの特定のパスがある場合は、それを入力します。 （空白のままにしました。）
• オリジンID：このサービスの内容の簡単な説明を入力します。

他のすべての設定は変更されません。 さらに構成する場合は、これらすべてのオプションについて説明した完全なガイドを次に示します。 下にスクロールして、[配布の作成]をクリックします。

サイトのコンテンツによっては、展開に数分かかります。 プロセスが完了すると、ドメイン名（CloudFront URL）が表示される画面に移動します。

ドメイン名のURLをコピーし、 Breezeの[CDN]タブに移動して、 [ CDNルートURL]テキストフィールドに貼り付けます。

• CDNをアクティブ化： CDNをアクティブ化する場合は、これをマークします。
• CDNルートURL ：作成されたディストリビューションのURL。 URLにHTTP / HTTPSを追加することを忘れないでください。
• CDNコンテンツ： CDNによって提供されるコンテンツのディレクトリ。
• コンテンツを除外する：いくつかのファイル拡張子、またはCDNによって提供されないディレクトリを除外する場合は、ここに入力します。
• 相対パス：ファイルとフォルダーの構造を維持するために、相対パスを有効にすることを常にお勧めします。

テストしてみましょう！

サイトのURLにアクセスし、ソースコードを表示して、 CloudFrontを検索します。 CSS、JS、画像などのすべてのアセットがCloudFrontCDNによって提供されていることがわかります。

6c。 KeyCDNをWordPressに追加する

KeyCDNは、市場をリードするWordPressCDNプロバイダーの1つです。 フルアカウントを選択する前に、（無料試用期間を通じて）Webサイトでサービスを試すことをお勧めします。

この記事では、KeyCDnをBreezeキャッシュプラグインに接続して、すべてのコンテンツがCDN経由で提供されるようにする方法を示します。

まず最初に、いくつかの必要な詳細を入力して、KeyCDNアカウントにサインアップする必要があります。 最初のフィールドに、KeyCDNに接続するWebサイトのURLを入力し、電子メールやユーザーのクレデンシャルなどの他の詳細を入力します。

[アカウントの作成]ボタンをクリックすると、確認メールが届きます。 確認すると、KeyCDNダッシュボードが表示されます。

KeyCDNにゾーンを追加してCDNURLを取得する

私のWordPressサイトが私のアカウントに追加されました。 次に、自分のサイトのURLに関してゾーンを追加する必要があります。 左側のペインから[ゾーン]タブに移動すると、ゾーンを構成するように求められます。

• ゾーン名： KeyCDNは、デフォルトの形式で特別なURLを提供します：http ： //xxx-yyy.kxcdn.com。 ここで、XXXXは、[ゾーン名]フィールドに入力した名前です。 私の例では、wpと入力したため、wp-yyy.kxcdn.comになります。
• ゾーンステータス：私のサイトは一般公開されるため、ステータスをアクティブとして追加します。
• ゾーンタイプ：ゾーンには、プルまたはプッシュの2つのタイプがあります。 ゾーンタイプの他に、[高度な機能を表示する]チェックボックスが表示されます。 それを拡張して構成します-あなたがしていることに十分自信があるなら！ それ以外の場合は、デフォルトのままにします。
• 発信元URL ：このゾーンに接続するWebサイトのURLを入力します。

ゾーンを設定すると、 [ゾーン]タブにリダイレクトされ、下の画像のように新しく作成されたゾーンが表示されます。 ゾーンのステータスは現在、展開中として設定されています。 つまり、KeyCDNのゾーンとWebサイトの間のすべてを設定してリンクしているということです。

このプロセスには数分かかる場合があります。 完了すると、ステータスがアクティブに変更されます。 下の画像のように[管理]ボタンに移動すると、キャッシュを削除できます。

BreezeでKeyCDNを構成する

さて、KeyCDNを設定し、ゾーンを作成して、ゾーンのURLを取得しました。

それをコピーして、Breeze WordPressキャッシュプラグインの[ CDN ]タブに移動し、 [ CDNルートURL]フィールドに貼り付けます。

サイトをテストする

この時点で、KeyCDNを適切に設定し、Breezeに接続しました。 CDNがWebサイトにサービスを提供しているかどうかを確認しましょう。 これについては、Webサイトにアクセスし、 CTRL + U （Chrome）を押してページのソースを表示します。 kxcdnを検索すると、CSS、JS、および画像がKeyCDNを介して提供されていることがわかります。

Breezeはそれらに限定されず、アセットベースのCDNはBreezeで簡単に構成できます。 WordPress CDN URLを取得して、BreezeCDNタブに貼り付けるだけです。 それでおしまい！

まとめ！

全体的なコンバージョンとサイトのSEOランキングにおいて、速度がどのように重要な役割を果たすかを見てきました。 良いWordPressCDNに投資することは、結局のところ悪い考えではありません。 Cloudwaysユーザーは、ダッシュボードからCloudwaysCDNを簡単に統合でき、アプリケーションごとに25GBの経済的な1ドルが請求されます。 追加の消費はGBあたり0.04ドルのみかかります。