WordPressにCloudflareCDNをインストールする方法
公開: 2018-07-04
速度とセキュリティは、WordPressWebサイトの最も重要な要件の2つです。 そのため、WordPressサイトをホストするための最も印象的なマネージドクラウドプラットフォームの構築に、数え切れないほどの昼夜を費やしました（そしてさらに数え切れないほどのドーナツを食べました）。
ただし、WordPressサイトの速度を向上させる要因はホスティングだけではありません。 これを行うもう1つの方法は、コンテンツ配信ネットワークを表すCDNを使用することです。 この記事では、WordPressWebサイト用にCloudflareCDNを簡単にインストールして構成する方法を紹介します。
- Cloudflare CDNとは何ですか？
- WordPressでCloudflareCDNを設定する
- ステップ1：Cloudflareにサインアップする
- ステップ2：サイトのURLを追加する
- ステップ3：Cloudflareプランを選択する
- ステップ4：DNSレコードを確認する
- ステップ5：ネームサーバーを変更する
- ステップ6：ドメインレジストラからネームサーバーを変更する
- ステップ7：Cloudflareクイックスタートガイド
- ステップ8：CloudflareCDNステータスを確認する
- Let'sEncrypt証明書をCloudflareに追加する
この記事では、WordPressでCloudflareCDNを構成する方法を紹介します。 セットアッププロセスに着手する前に、Cloudflare CDNとは何か、そしてそれがCore WebVitalsの最適化にどのように役立つかを理解しましょう。
Cloudflare CDNとは何ですか？
Cloudflare CDNは、200を超える都市をカバーするネットワークを備えた最も人気のあるCDNの1つです。 これは、サイト上の訪問者の地理的距離に基づいてWebサイトのWebコンテンツを提供します。
セキュリティ、最適化、SSLなどの他のサービスとともに、静的、動的、メディアコンテンツを配信します。 Cloudflare CDNサービスを使用するWebサイトは、コンテンツがキャッシュされ、最も近いサーバーから配信されるため、ユーザー側の遅延を最小限に抑えます。
CloudflareCDNが提供する機能を見てみましょう。
CloudflareCDNのいくつかの顕著な機能
- スマートルーティング
- ストリーム配信
- 負荷分散
- キャッシング
- 最適化
- Accelerated Mobile Pages
Cloudflare CDNは有名なCDNプロバイダーであり、サーバーが世界中に広がり、ウェブサイトのコンテンツを世界中に提供しています。 Cloudflareはプランに応じて複数の機能を提供します。
スマートルーティング
これは、リアルタイムのネットワークインテリジェンスを利用して最速のパスを決定するアルゴリズムを使用して、利用可能な最速のネットワークを介してトラフィックをルーティングするスマートな方法です。
ストリーム配信
メディアストリーミングは、リージョンの反対側からアクセスする場合、ロードに時間がかかる可能性があります。 この問題を解決するために、Cloudflare CDNは、ストリームファイルを即座に配信するための特別なキャッシュメカニズムを提供します。
負荷分散
Cloudflareは、月額5ドルから始まるサブスクリプションベースの負荷分散機能を提供します。 これはDNSベースの負荷分散であり、アプリケーションがパフォーマンスとサイトの可用性を向上させるのに役立ちます。
キャッシング
WordPressのCloudflareは、静的コンテンツ、キャッシュパージ、階層型キャッシュを自動的に保存する高度なキャッシュメカニズムを提供します。
典型的なウェブサイトは動的コンテンツと静的コンテンツの両方を使用していることがわかりました。 Cloudflareは、コンテンツに独自のサーバーを使用することで、CPUとWebホスティングの帯域幅の両方を節約できます。 WordPressのCloudflareは、エンドユーザーの待ち時間を短縮し、全体的なユーザーエクスペリエンスを向上させることができます。
続きを読む：W3トータルキャッシュプラグインでCloudflareCDNを使用する方法
最適化
特定の機能のために、サードパーティのツールとAPIを統合する必要がある場合があります。 これらのリソースは管理されておらず、適切に構成されていない場合、遅延が発生する可能性があります。
Cloudflareは、高速なWebエクスペリエンスを提供し、ページリソースの順序を最適化するように設計されています。
大きな画像や最適化されていない画像は、パフォーマンスの問題を引き起こす可能性があります。 Cloudflare画像最適化アルゴリズムは、ネットワーク接続の数を最小限に抑え、画像配信をシームレスにすることで、Webページを自動的に最適化します。 これにより、サードパーティのリソースがWebページの速度を低下させるのを防ぎます。
Accelerated Mobile Pages
Accelerated Mobile Pagesは、Googleのモバイル検索エンジンから検索したときにモバイルデバイスにウェブページをより速く読み込むための手法です。 ますます多くのユーザーがモバイルデバイスを使用してインターネットを閲覧しています。
Cloudflare CDN Accelerated Mobile LinksはAMPを利用しており、AMP対応のウェブページを標準のモバイルページの3倍の速さで表示ウィンドウ内に読み込みます。
Cloudflareは、CDN、広告の最適化、DDoSセキュリティ、分析など、いくつかのオプションを提供します。 また、有料プランを購入する前に使用できる無料プランも提供しています。
WordPressでCloudflareCDNを設定する
Cloudflareは、CDN、広告の最適化、DDoSセキュリティ、分析などの多くのオプションを提供します。 無料プランに加えて、より強力な機能を備えた複数のプレミアムプランを提供しています。
MaxCDNとCloudflareは、WordPressユーザーが広く使用している2つのCDNプロバイダーです。 このチュートリアルでは、CloudwaysでホストされているWordPressWebサイトにCloudflareをインストールする方法を共有します。
ステップ1：Cloudflareにサインアップする
まず、Cloudflareでアカウントを作成する必要があります。 すでに配置されている場合は、この手順をスキップできます。
ステップ2：サイトのURLを追加する
Cloudflareにサインアップすると、新しい画面がポップアップ表示され、ドメインを指定して[サイトの追加]をクリックする必要があります。
ステップ3：Cloudflareプランを選択する
サイトのURLを追加すると、Cloudflareは利用したいプランについて尋ねます。 このチュートリアルでは、無料プランを使用します。
ステップ4：DNSレコードを確認する
次のステップは、DNSレコードを確認し、それらが正しく構成されているかどうかを確認することです。 ここで、CloudflareはドメインレジストラからすべてのDNS構成をフェッチします。私の場合、DNSレコードは2つだけです（タイプA）。 レコードを確認し、[続行]をクリックするだけです。
ステップ5：ネームサーバーを変更する
下の画像でわかるように、ドメインレジストラのネームサーバーを変更し、Cloudflareが提供しているものに置き換える必要があります。
ステップ6：ドメインレジストラからネームサーバーを変更する
次に、ドメインレジストラを開き、ネームサーバーを変更します。 私のドメインはFreenomを使用しており、ネームサーバーを正常に変更しました。
ステップ7：Cloudflareクイックスタートガイド
ネームサーバーを変更したら、[Cloudflare CDN設定]タブに戻り、[完了]をクリックして、ネームサーバーを確認します。 クイックスタートガイド画面のポップアップが表示されます。
次に、[はじめに]をクリックし、ドメイン設定を構成してセキュリティとパフォーマンスを向上させます。 最初の設定セクションはセキュリティの向上であり、2つのサブセクションがあります。 自動HTTPS書き換えと、常にHTTPSを使用します。 デフォルトのセキュリティ構成を使用して、[保存]ボタンをクリックします。
次のプロセスはパフォーマンスの最適化であり、 2つのサブセクションもあります。 自動縮小とBrotli 。 自動縮小セクションは、WordPressサイトの高速化に役立つHTML、JS、およびCSS縮小セクションです。 Auto Minifyのすべてのオプションを選択し、Brotliの場合はデフォルトの設定を使用します。
注：Cloudflareでミニファイを選択した場合は、Breezeまたはその他のキャッシュプラグインでは使用を避けてください。 どうして？ 両端で縮小を有効にすると問題が発生するため、一度に1つずつ使用することをお勧めします。
最後のセクションは概要です。ここでは、セキュリティとパフォーマンスの構成を確認できます。 設定に問題がなければ、[完了]をクリックします。
Cloudflareダッシュボードに次の通知が届きます。 Cloudflareはあなたのサイトを保護しています」。 ステータスが「アクティブ」に変わり、トップパネルのさまざまなオプションを利用して、さまざまなセキュリティおよびパフォーマンス関連のタスクを構成できます。
WordPress WebサイトでCloudflareを最大限に活用するには、Webサイトにプラグインをインストールすることをお勧めします。
ステップ8：CloudflareCDNステータスを確認する
Cloudflare CDNが機能しているかどうかを確認する場合は、任意のブラウザーでWordPressサイトを開き、「 Ctrl + Shift + i 」>「ネットワーク」を押します。 次に、サイトのリクエストが表示されるページを更新します。 リクエストの1つをクリックして、「 cd-cache-status 」を確認します。 HITの場合、CDNは正常に機能しています。
Let'sEncrypt証明書をCloudflareに追加する
Cloudwaysでは、Let'sEncryptを使用してWordPressサイトのSSL証明書を作成できます。 ドメインでCloudflareがアクティブ化されている間は作成できません。 Let's Encrypt証明書をアクティブ化するには、以下の手順に従います。
ステップ1：Cloudflareダッシュボードにログインし、[ DNS ]タブで、プロキシステータスをDNSのみに変更して、 wwwオプションとyourdomain.comオプションの両方を無効にします。 灰色の雲は、サービスが無効になっていることを意味します。
ステップ2：Cloudwaysアプリケーション管理パネルに移動し、SSL証明書[メールアドレス] > [ドメイン名]を入力して、[証明書のインストール]をクリックします。
ステップ3：次に、 [サーバー管理]パネル> [設定とパッケージ]> [詳細設定]タブに移動し、[ WAFモジュール]で[ Cloudflare ]を選択します。
ステップ4：Cloudflareダッシュボードに戻り、ステップ1で無効にしたオプションを有効にします。
ステップ5：次に、上部の[ SSL / TLS ]タブをクリックし、[ SSL ]を[フレキシブル]に変更します。 Cloudflareが証明書をアクティブ化するのに最大24時間かかる場合があります。 ただし、以前に同じドメインを使用したことがある場合は、すぐにアクティブ化されます。
それで全部です！ WordPressサイトでCloudflareを設定すると、たくさんのオプションが表示されます。 ほとんどのオプションは有料プラン用ですが、それが役立つ場合は、プランをアップグレードして最大限に活用することをお勧めします。
最終的な考え
WordPressのCloudflareは、サイトにアクセスするユーザーのエクスペリエンスを向上させ、Webサーバーの貴重なCPUと帯域幅のリソースを節約します。 これは高度に最適化されたCDNであり、待ち時間の心配を完全に取り除き、WordPressサイトの速度を上げることができます。
よくある質問（FAQ）
Cloudflareはホスティングプロバイダーですか？
いいえ、CloudFlare CDNは、CDNサービスを提供するコンテンツ配信ネットワークプロバイダーです。 サービスを使用しているWebサイトは、サーバーの巨大なネットワークにアクセスして、サイトの静的および動的コンテンツを提供し、ユーザー側の遅延を最小限に抑えます。
MaxCDNとCloudflareの違いは何ですか？
Cloudflareには無料プランのオプションがありますが、MaxCDNにはありません。 Cloudflareはセットアップが簡単で、ウェブサイトのセキュリティを提供します。 MaxCDNは、W3 Total Cacheプラグインを使用してセットアップでき、有名な企業で使用されています。