CloudflareとCDN–WordPressの決定的なガイド

公開: 2022-01-13

CDN(Content Delivery Network)は、他のサーバーに代わってコンテンツを配信するグローバルに分散されたサーバーのシステムです。 CDNはオリジンサーバーからのデータをキャッシュし、ユーザーが近くのサーバーからデータにアクセスできるようにすることで、パフォーマンスを向上させ、レイテンシーを削減します。

CDNは、現代の世界に欠かせない要素です。 デスクトップ、ラップトップ、タブレット、スマートフォンのいずれを介しても、Webサイトやアプリで表示するコンテンツは、コンテンツ配信ネットワークを使用して配信された可能性が非常に高くなります。

この記事では、コンテンツ配信ネットワークについて深く掘り下げ、それらが何をしているのか、そしてどのように行っているのかを正確に調べます。 また、最もよく使用されているCDNをいくつか見てから、特にCloudflareにズームインして、それを際立たせるものについての考えを共有します。 これを締めくくるのは、Cloudflareを起動して実行するためのさまざまな方法に関するチュートリアルです。 ネタバレ:それは簡単です。

読み続けるか、次のリンクを使用して先に進んでください。

  • CDNとは何ですか、なぜそれが必要なのですか?
  • CDNの領域
    • CDNとDNS
  • Cloudflareとは何ですか、そしてそれを特別なものにしているのは何ですか?
  • Cloudflareのセットアップ
    • Cloudflareアカウントの作成
    • Cloudflareのウェブサイトを介して物事を設定する
    • cPanelを介したCloudflareのセットアップ
    • CloudflareWordPressプラグインの使用
  • HummingbirdでのCloudflareの最適化
  • オンクラウド(フレア)9

そして、私たちは行きます!

CDNとは何ですか、なぜそれが必要なのですか?

CDNは、インターネットのパフォーマンスのボトルネックを軽減する手段として1990年代後半に登場しました。 それ以来、Webオブジェクト(テキスト、グラフィックス、スクリプト)、ダウンロード可能なオブジェクト(メディアファイル、ソフトウェア、ドキュメント)、アプリケーション(eコマース、ポータル)、メディア(ライブ)など、インターネットコンテンツの大部分を提供するように成長しました。ストリーミング、オンデマンド、およびソーシャルメディア)。

効果的なCDNがないと、今日のオンラインの世界で表示されるもののほとんど、特に離れた場所から、または多数の他のユーザーと同時にアクセスされるコンテンツは、読み込みに永遠に時間がかかり、定期的な配信の中断(バッファリング、グリッチ、フリーズ)が発生します。またはウェブサイトを完全に固定します。

コンピューターの不具合
CDNがサーバーからサーバーにデータを配信しないと、問題が発生する可能性が高くなります。

CDNを利用することには多くの利点があります。 速度の向上に加えて、サイトのセキュリティを強化し、コストを削減し、スケーラビリティを高め、ユーザーエクスペリエンスを向上させます。

コンテンツオリジンサーバーは、CDNがないと障害が発生するリスクがはるかに高くなります。 個々のエンドユーザーの要求にすべて応答する必要があるため、トラフィックの大幅な急増や永続的な負荷は、リスクの可能性が高くなります。

CDNは、発信元よりも物理的およびネットワーク的に近接しているサーバーでエンドユーザーの要求に応答することにより、コンテンツサーバーからのトラフィックをオフロードし、Webエクスペリエンスを向上させ、コンテンツプロバイダーとそのエンドユーザーの両方にメリットをもたらします。

あなたのウェブサイトがあなたのコンテンツにアクセスしようとしているユーザーに地理的に近い位置でホストされている場合、彼らはあなたのコンテンツをほんの一瞬で見るでしょう。 しかし、遠くにいる人にとっては、その距離が問題を引き起こします。ブラウザはお住まいの地域のサーバーからコンテンツを取得し、それを数千マイル離れた場所に表示する必要があるためです。

さらに、他の国のユーザーが同じコンテンツを同時に要求している場合、サーバーはそれらの要求でいっぱいになり、コンテンツのロードと提供にかかる時間が長くなります。 これは、ユーザーへのコンテンツ配信の速度に影響を与えます。

コンテンツ配信ネットワークは、このシナリオに対するソリューションを提供します。 CDNは世界中に展開されているサーバーの幅広いネットワークであるため、WebサイトのアセットをCDNに保存してキャッシュすると、エンドユーザーの速度が大幅に向上します。 CDNを使用している場合、ユーザーからかなり離れた場所にいるユーザーは、キャッシュされたコンテンツを取得して、はるかに近いサーバーからユーザーに配信します。

CDNの領域

WordPressの世界のほとんどのツールと同様に、そこには多くのコンテンツ配信ネットワークがあります。

最もよく知られているCDNのいくつかを次に示します。

  • Amazon CloudFront
  • Microsoft Azure CDN
  • KeyCDN
  • StackPath
  • アカマイ
  • スクリ
  • CacheFly
  • インパーバ/インカプセル
  • Cloudflare

それらは利用可能な会社のほんの一部です。 深く掘り下げることなく、これらの最も人気のあるものを簡単にまとめます。

Amazon CloudFrontは、ビジネスの巨人であるJeffBezosの下にあるブランチの1つです。 アマゾンウェブサービス(別名AWS、世界で最も包括的で広く採用されているクラウドプラットフォーム)は、高性能、セキュリティ、および開発者の利便性のために構築されています。 CloudFrontは、低レイテンシーと高速転送でコンテンツを安全に配信し、自動ネットワークマッピングとインテリジェントルーティングを備えた310以上のグローバルに分散したPoints of Presence(PoP)を介してデータを配信します。

これを使用するには、AWS for WordPressプラグインを使用してCloudFrontディストリビューションを作成するか、安全な静的ウェブサイトを作成する必要があります。

Microsoft Azure CDNは、技術界の大物であるビルゲイツのWindowsソフトウェア会社の一部門です。 グローバルなカバレッジと大規模なスケーラビリティを備えた、安全で信頼性の高いコンテンツ配信を提供します。 Azureを使用すると、Webサイトやモバイルアプリの開発や管理、ストリーミングメディア、ゲームソフトウェア、ファームウェアの更新、IoTエンドポイントのエンコードと配布など、読み込み時間を短縮し、帯域幅を節約し、応答性を向上させることができます。

KeyCDNは、Webサイトのパフォーマンスを向上させるためのさまざまなオプションを提供する、予算にやさしいCDNです。 一部のツールには、無制限のSSL証明書、低遅延、積極的なGzip圧縮、高速HTTP / 2配信、トラフィック制限設定、ホットリンク保護、および2要素認証が含まれます。 料金には、無制限のHTTPおよびHTTPSリクエストと、アカウントの総トラフィック量と使用されたその他のサービスの合計に基づく低額の最小使用料金(1か月あたり)が含まれます。

StackPathには、コンテンツ保護やアセットの最適化など、包括的な組み込み機能があります。 Stackpath CDNは、高速パフォーマンス(ワールドワイドエッジロケーション、冗長Tier-1キャリア接続、グローバルエニーキャスト、すべてのロケーション間のプライベートネットワークバックボーン)、セキュリティの強化(配信制御、DDoS攻撃の軽減、SSL)、完全な可視性(組み込みの分析とレポート、RESTful API、カスタマイズオプション)、および総コストの削減(総帯域幅消費の削減、ダウンタイムの削減、およびアクセシビリティの向上)。

アカマイは、現存する最も古いコンテンツ配信ネットワーク企業の1つです。 世界最大のエッジプラットフォームと言われるアカマイのタグラインは、「デジタルエクスペリエンスをユーザーに近づけ、脅威を遠ざける」ことです。 高速で魅力的なアプリとAPIのパフォーマンス(堅牢なデータと自動化によって強化されています)と、あらゆるデバイスで最大のオーディエンスにストリーミングエクスペリエンスを一貫して提供します。 注:アカマイは、CDNネットワークの規模やPOPの場所に関する詳細を公開していません。

Sucuri CDNは、Webサイトのエッジを自動的にキャッシュし、70%高速化します。 Sucuriは、複数のキャッシュオプション、信頼性の高いWebサイトの稼働時間、および高可用性と冗長性を提供します。 また、設定を微調整して最大のパフォーマンスと保護を提供し、カスタムオプションを利用できます。 ニーズに最適なものを選択するか、ニーズから支援を受けることができます。 彼らのグローバルエニーキャストネットワークには、米国、ヨーロッパ、アジアに10のSuperPOPがあり、オーストラリアとブラジルに2つのCDNPOPがあります。

CacheFlyは、メディアファイルの高速配信を専門としており、1秒未満の遅延でビデオ配信を約束します。 CacheFlyは、超低遅延のビデオストリーミング(100万回以上の使用に同時にビデオを配信する)の他に、超高速ゲーム(業界をリードするスループット速度)、モバイルコンテンツの最適化(自動およびシンプル)、およびマルチCDN(冗長性とフェイルオーバー用)。 これらの仕様から、CacheFlyはストリーミングおよびゲームの顧客に特に適していることがわかります(ただし、それらに限定されません)。

Imperva(以前のIncapsula )は、コンテンツのキャッシュ、負荷分散、フェイルオーバーを包括的なWebアプリケーションおよびAPI保護(WAAP)プラットフォームにネイティブに組み込んでいるため、アプリケーションは世界中に安全に配信されます。 DDoS保護とセキュアCDNを組み合わせて、完全なエッジセキュリティを提供します。 ImpervaのWebサイト/ネットワーク防御は、銀行や保険代理店などの機密情報を扱う企業にとって理想的です。

Cloudflareは、すべてのインターネット接続を安全、プライベート、高速にするために設計されたグローバルCDNです。 この柔軟でプログラム可能なグローバルネットワークは、個々の開発者から大企業まで、あらゆる規模の企業や組織にサービスを提供するために構築され、かつてはインターネットの巨人しか利用できなかったすべての人にサービスを提供します。 Cloudflareは堅牢で、信頼性が高く、スムーズです。

CDNとDNS

Amazon CloudFrontなどの一部のCDNでは、サーバーの初期ロードを実行してから、アセットを参照するときにCDNのURLを使用する必要があります。 CDNは、リクエストを実際に処理するために使用するサーバーを決定します。

Cloudflareなどの他のCDNは、DNSレベルでさらに上流で動作します。 事実上、すべてのトラフィックはCloudflareを介してルーティングされます(ネームサーバーをネームサーバーに変更することにより)。 次に、各リクエストを分析し、アセットを持っているリクエストを提供し(最初のスキャンでそれらを取得し)、他のリクエストをサイトに渡します(主に投稿やページなどの動的コンテンツ)。

DNSアプローチには、いくつかの明確な利点があります。

  • 迅速かつ簡単–ネームサーバーを変更するだけです
  • 簡単に元に戻す–ネームサーバーをホスティングプロバイダーに戻すだけです
  • セキュリティの向上– Cloudflareはすべてのリクエストを調べ、既知の疑わしいIPアドレスからのリクエストを自動的に除外します
  • 公開プロセスに変更はありません

そのリストに加えて、Cloudflareの製品リストに無料枠があり、WordPressサイトにCloudflareを使用することは非常に魅力的です。 そして、それがCDNのトップチョイスである理由。

Cloudflareとは何ですか、そしてそれを特別なものにしているのは何ですか?

Cloudflareは強力なCDNであり、そのアーキテクチャはネットワークサービスの統合セットを提供し、グローバルネットワーク全体のすべてのデータセンターのすべてのサーバーですべてのサービスを実行するように設計されており、すべて単一のダッシュボードからアクセスできます。

Cloudflareバナー
Cloudflareは非常に強力で人気のあるCDNです。

安全です。 ネットワークのすべてのコンポーネントに組み込まれているCloudflareの100TBPSネットワークは、これまでに記録された最大のDDoS攻撃のいくつかを含め、1日あたり平均700億の脅威をブロックします。

それは私用です。 Cloudflareは、データの局所性とストレージに関する地域の規制に準拠しており、広告から収益を生み出すことはありません(顧客に代わって処理される個人データの収集と保持はありません)。

これは速い。 すべての主要なクラウドプロバイダーに接続し、世界中のほぼすべてのサービスプロバイダーと相互接続しています。 さらに、250以上の都市にあるデータセンターは、世界のインターネットユーザーの95%に50ミリ秒未満の遅延をもたらします。

手間がかかりません。 Cloudflareは、最大限の使いやすさを念頭に置いて設計されています。

  • セットアップは5分未満かかります
  • ウェブサイトと独自のドメインを持っている人は誰でもCFを使用できます(プラットフォームに関係なく)
  • 追加のハードウェアやソフトウェアは必要ありません
  • コードの変更は必要ありません
  • あなたはあなたの現在のホスティングプロバイダーを維持することができます(またはあなたが好むものを選ぶ)

Cloudflareはまた、APO、つまり自動プラットフォーム最適化という、彼らに固有の驚くべき機能を主張しています。 APOを使用した場合の効果は、CDNで静的ファイルをホストする場合と似ていますが、複雑な技術スタックを管理する必要はありません。

静的アセット(画像、JavaScript、CSS)をキャッシュすることに加えて、APOはCloudflareの大規模なエッジネットワークを使用してサイト(HTML)上の実際のコンテンツをキャッシュします。

サイト全体がキャッシュから提供されるため、訪問者はほぼ瞬時にロード時間を取得できます。 Cloudflareは、そのテストにより、APOがHTML Time to First Byte(TTFB)に対して400ms未満の一貫したロード時間を提供することを示していると報告しています。

コンテンツ作成者は、パフォーマンスのためにワークフローを変更することなく、動的なWebサイトを作成する機能を保持しています。

現在Cloudflareの無料プランを使用している場合は、APOアドオンを低額(1桁)の月額料金で入手できます。 プロフェッショナル、ビジネス、またはエンタープライズプランをご利用の場合、APOはすでにサブスクリプションに含まれています。

Cloudflareのウェブサイトに記載されているプラ​​ンと価格は、トップメニューヘッダーの[アプリケーションサービス]>[概要]の下にあります。 APO機能は、 [アプリケーションサービス]>[アドオン]の下にあります。

Cloudflareで何ができるかが明確になったので、次に実装に移りましょう。

Cloudflareのセットアップ

前に述べたように、簡単なプロセスでCloudflareをセットアップします。 実装には複数のオプションがあり、それぞれについてウォークスルーを行います。

必要な最初のステップは…

Cloudflareアカウントの作成

無料サービスを利用する場合でも、プランを購入する場合でも、Cloudflareアカウントが必要です。

すでにCloudflareアカウントをお持ちの場合は、最初にログインしてサイトを追加する必要があります。

まだ持っていない場合は、Cloudflareアカウントを作成する必要があります:

  1. CloudFlareのサインアップページに移動します。
  2. メールアドレスとパスワードを入力してください。
  3. [アカウントの作成]をクリックします。

アカウントの設定はこれですべてです。 次に、3つの異なる方法を使用してCloudflareを動かすことを検討します。

Cloudflareのウェブサイトを介して物事を設定する

アカウントを作成したり、ログインしたりすると、Cloudflareはサイトを追加するように求めます。 気になる場合は、CFの自動化を使用して一度に複数のサイトを追加することもできます。

ここで1つのサイトを追加しましょう。

Cloudflareアカウントにサイトを追加する

  1. アカウントページにログインしたら、ホームページ/ダッシュボードの右上にある[サイトの追加]をクリックします。
  2. Webサイトのルートドメインを入力し、下の[サイトの追加]をクリックします 例:Webサイトがwww.mysite.comの場合、 mysite.comと入力します

    Cloudflareはサイトを選択します
    Cloudflareを介してプロキシするドメインを選択します。
  3. プランの1つを選択し、下部にある[続行]をクリックします。

    CFは計画を選択します
    Cloudflareアカウントの作成中にプランを選択します。 彼らは無料のものを持っています!
  4. Cloudflareは既存のDNSレコードをクイックスキャンしてから、[ DNSレコードの確認]ページを読み込みます

    CFDNSレコード
    CloudflareでのDNSレコード管理へのウィンドウ。
  5. クエリ結果のDNSレコードが正しく構成されていることを確認します。 (これらのレコードは、ネームサーバーを更新した後にCloudflareで有効になります。)無料のアカウントの場合、ステータスはプロキシされます:トラフィックを加速および保護します。これはオレンジ色のクラウドアイコンで示されます。
  6. 必要に応じてレコードを調整するか、[続行]をクリックします。

不足しているDNSレコードを手動で追加する必要がある場合は、ここをクリックしてください。

CFのプロキシと互換性のあるサブドメインについてサポートが必要な場合は、ここをクリックしてください。

セットアップを完了してCloudflareでドメインをアクティブ化するには、ネームサーバーがそれらを指す必要があります。 次のセクションに進みます。

ドメインネームサーバーをCloudflareに変更する

CFネームサーバーメッセージ
ネームサーバーはCloudflareで動作するように修正する必要があります。

アカウント設定を通じて、任意のレジストラからCloudflareにネームサーバーをポイントできます。

Cloudflareには独自のレジストリサービスがあります。つまり、必要に応じて、Cloudflareから直接ドメインを購入できます。 (Cloudflareのドメインレジストリサービスは現在、一般的なTLD(トップレベルドメイン)のみをサポートしています。)

  1. ログインしてCloudflareのダッシュボードに移動し、新しく追加したドメインをクリックします。

    CFホームページ
    Cloudflareのホームページ上のあなたのウェブサイト。
  2. Cloudflareはあなたを彼らの概要に連れて行きます>あなたのネームサーバーセットアップページを完了してください。 [ Cloudflareのネームサーバーに置き換える]でネームサーバー1と2の両方をコピー(または記憶)します。

    CFコピーネームサーバー
    すぐにステップアップして、Cloudflareからネームサーバーを入手してください。
  3. ドメインレジストラの管理者アカウントにログインします。 ドメインレジストラが誰であるかわからない場合は、ICANNにアクセスして確認できます。

    ICANNレジストリルックアップ
    ICANNは、ドメインレジストラが誰であるかわからない場合、ドメインレジストラを特定します。
  4. レジストラアカウントの現在のネームサーバーレコードを、Cloudflareからコピーした情報に置き換えます。

Presto、change-o、ネームサーバーを再指定しました。

これは、最も一般的なレジストラの詳細な手順とリンクの便利なリストです。

  1. レジストラがネームサーバーを更新するのを待ちます。 これには、数分から最大24時間かかる場合があります。
  2. Cloudflareダッシュボードにログインして、サイトのアクティブ化を確認します。
  • 「ネームサーバーのセットアップの完了」が表示されなくなった場合は、ネームサーバーが正常に更新されており、ドメインはCloudflareでアクティブになっています。
  • [ネームサーバーのセットアップの完了]が引き続き表示される場合は、ネームサーバーの出力がCloudflareネームサーバーのスペルを正しく設定していることを確認し、Cloudflareのネームサーバーがリストされている唯一のネームサーバーであることを確認します。
  • ネームサーバーの出力が正しい場合は、[今すぐ再確認]を選択します。

Cloudflareアカウントのこのドメインに緑色のチェックマークが表示されるはずです(または間もなく表示されます)。 ネームサーバーがサイトでアクティブになると、Cloudflareから確認メールも届きます。

CF確認
Cloudflareの確認はあなたに叫ぶ何かを与えます。

ドメインネームサーバーをCloudflareに変更するための追加のヘルプについては、ここをクリックしてください。

CloudflareにプロキシされたDNSレコードの場合、CloudflareのIPアドレスは、元のサーバーIPアドレスではなくDNSクエリで返されます。 これにより、Cloudflareは、Webサイトに対するすべてのリクエストを最適化、キャッシュ、および保護できます。

トラフィックがCloudflareを介してルーティングされていることを確認する

必須ではありませんが、ドメインネームサーバーが他の方法でCloudflareを指していることを確認できます。 これを行うには、いくつかの異なる方法があります。

オンラインのほとんどのDNSツールはキャッシュされたクエリ結果を使用するため、更新されたネームサーバーが表示されるまでに時間がかかる場合があることに注意してください。

方法1:オペレーティングシステムのコマンドライン/プロンプトで次のテキストを使用します。

Linux / Unixの場合:
[email protected]を掘ります
domain_name + [email protected]を掘ります

Windowsの場合:
nslookup domain_name 1.1.1.1
nslookup domain_name 8.8.8.8

ジェネリック「 domain_name 」は必ず実際のドメイン名に置き換えてください。)

WondowsCプロンプトチェック
私のWindowsコマンドプロンプトのネームサーバーチェックが明らかにしたこと。

参考までに、8.8.8.8はGoogle DNSサーバーであり、1.1.1.1はCloudflareによって運用されるDNSリゾルバーです。

方法2:このDNS伝播チェッカーなどのオンラインツールを使用します。

ここに返されるネームサーバーがCloudflareによって提供および期待されているものではない場合は、レジストラに確認する必要があります。

問題が発生した場合は、次のことができます。

  • DSレコードが存在しないことを確認してください。 存在する場合は、レジストラでそれらを削除します。
  • Cloudflareネームサーバーのみが存在することを確認してください。 他にある場合は、レジストラ構成でそれらを削除します。
  • Cloudflareネームサーバーのスペルがレジストラ構成で正しく設定されていることを確認してください。

その他のCloudflareDNSFAQについては、ここをクリックしてください。

トラフィックがCloudflareにプロキシされていることを確認する

Cloudflareは従来のCDNのように動作しないため、GTmetrixなどの一部のオンラインツールはCloudflareをコンテンツ配信ネットワークとして認識しません。

ドメイントラフィックがCloudflareを介してアクティブにプロキシされていることを確認するには:

  1. このURLをコピーします>>https:// www.mysite.com / cdn-cgi / trace次に、「 www.mysite.com」の部分をCloudflareにプロキシされたドメインに置き換えます。
  2. 編集したコードをブラウザに貼り付け、Enterキーを押してページを読み込みます。

Cloudflareにプロキシされている場合、以下の画像のような出力がブラウザに表示されます。

プロキシチェッカーの例
ドメイントラフィックがcdn-cgiトレースを使用してCloudflareを介してプロキシされていることを確認するためのサンプルテキスト。
プロキシチェッカー、私の結果
私の結果、トラフィックの確認は、 cdn-cgiトレースを使用してCloudflareを介してプロキシされます。

同様の出力が見られない場合:

  • DNSレコードの行にオレンジ色のクラウドアイコンが含まれていることを確認します。
  • ICANNでドメインを入力して、ネームサーバーがドメインのCloudflareネームサーバーのみをリストしていることを確認します。

未解決の問題や質問については、Cloudflareの完全なトラブルシューティングガイドを確認してください。

次に、2番目のシナリオを見てみましょう。

cPanelを介したCloudflareのセットアップ

このセクションでは、cPanelカスタマーインターフェースを介してCloudflareをアクティブ化する方法を見ていきます。

多くのホスティングプロバイダーはcPanelに組み込まれたCloudflareをサポートしているため、Cloudflareのインストールは短いフォームに入力するのと同じくらい簡単です。 ホスティングプロバイダーがcPanelを処理する方法に応じて、これはわずかに異なるように見える場合がありますが、同じ基本的な手順に従う必要があります。

  1. Cloudflareプラグインをインストールすると、cPanelにCloudflareアイコンが表示されます。 ダブルクリックしてアプリケーションを開きます。

    cPanelのCF
    cPanelのソフトウェアセクションでCloudflareを見つけます。
  2. ログイン画面からCloudflareアカウントにログインします。 (この記事のアカウント作成の部分をスキップし、まだアカウントを持っていない場合は、[サインアップ]をクリックしてください。)
  3. Cloudflareアカウントは、ホスティングプロバイダーに応じて、構成されている可能性があります。 ただし、Cloudflareを使用するサイトを選択できるはずです。

最後の方法に移りましょう…

CloudflareWordPressプラグインの使用

CloudflareはWordPressリポジトリに独自のプラグインを持っています。

WPのCFプラグイン
WordPress用のCloudflareプラグイン。インストールの準備ができています。

すでにCloudflareを設定しているかどうかに関係なく、プラグインを使用する必要はありません。 これは、Cloudflare設定の一部への別のアクセスポイントとして機能し、WordPress内からそれらを表示または調整できるようにします。 無料プランですべてのオプションにアクセスできるわけではなく、プロ/有料プランが必要です。

プラグインのインストール方法と動作方法について簡単に説明します。

  1. WordPressリポジトリに移動し、Cloudflareを検索します(または、WordPressダッシュボード内から[プラグイン]> [新規追加]を使用して直接検索します)。
  2. プラグインをインストールしてアクティブ化し、[無料アカウントの作成]をクリックするか、ここでサインインします

    CFプラグインのスプラッシュスクリーン
    WordPressCloudflareプラグインを介してログインします。
  3. CloudflareアカウントのメールアドレスとAPIキーを入力します。 [ APIクレデンシャルの保存]をクリックします。

    CFプラグインはクレデンシャルを入力します
    WordPressプラグインのCloudflareのAPIクレデンシャル入力フィールド。

サインインすると、Cloudflareプラグインのホームページに移動します。 ここからアクセスできる他の2つのページがあり、上部の青いアイコンで識別されます—設定分析

アナリティクスがCloudflare.comのウェブサイトに接続している間、ホームと設定はプラグインを維持します。

WPのCFプラグインホームページ
CloudflareWordPressプラグインのランディングページ。

サインインすると、プラグインオプションが各ページで提供するものの短いビデオがあります。

無料および有料プランのCloudflareプラグインを介して利用可能なオプション。

さまざまな方法でCloudflareを設定することを検討したので、次の方法でCloudflareをさらに強化する方法を紹介します…

HummingbirdでのCloudflareの最適化

Hummingbirdは、慣れていない場合は、WordPressの速度最適化プラグインであり、完全に無料です。

WPMU DEVのホスティングを使用している場合、またはメンバーシップの1つを持っている場合、Hummingbird Proは、(他のプレミアムプラグインとともに)提供するサービスと製品のパッケージに自動的に含まれます。

Hbirdプラグインバナー
WordPress.orgのHummingbirdプラグインバナー。

Hummingbirdは、ワールドクラスのキャッシング、ワンクリックミニファイ、およびその他の多数のプレミアム最適化ツールを備えたフルパフォーマンススイートです。

Hummingbirdには、CloudflareのAPOが統合されており、すぐに組み込まれます。

HbirdとCFの統合
HummingbirdとCloudflareは連携して動作し、信じられないほどの速度と保護を提供します。

CloudflareのWordPress用APOは有料機能です。 (機能、プラン、価格の詳細については、前のセクション「Cloudflareを特別なものにするもの」を参照してください。)

ただし、有料のアドオンなしで、CloudflareをHummingbirdの無料プランに統合することはできます。 あなたが得るであろう利点は、Hummingbird内からCloudflareのブラウザキャッシュをクリアする機能です。

結局、APOを取得するかどうかは個人的な選択ですが、これは堅牢な機能であり、必要な少額の料金で投資する価値があります。

HummingbirdでCloudflare統合を設定する方法を見てみましょう。

  1. Cloudflare.comに移動し、ログインしていることを確認します。
  2. メインアカウントページから、これに使用しているドメインを選択し、それをクリックします。 結果のページの読み込みで、一番下までスクロールし、[ APIトークンを取得]をクリックします。
    Hummingbirdの統合にはCloudflareのグローバルAPIキーまたはAPIトークンを使用できますが、ゾーンごとに分離されているため、APIトークンをお勧めします。 グローバルAPIキーを使用すると、管理者はアカウントにアクセスできますが、これは実際には必要ありません。

    CFはAPIトークンを取得します
    CloudflareのウェブサイトからAPIトークンを取得します。
  3. [APIトークン]セクションで、[トークンの作成]をクリックします。

    CFAPI作成トークン
    CloudflareでのAPIトークンの作成。
  4. APIトークンテンプレートのリストでWordPressまで下にスクロールし、[テンプレートを使用]をクリックします。

    CFトークンWPテンプレート
    WordPressは、多くの事前設定された権限テンプレートのリストの1つです。
  5. 次に、このトークンのゾーンを作成する必要があります。 [ゾーンリソース]まで下にスクロールし、[すべてのゾーン]の下のドロップダウンメニューをクリックして、[特定のゾーン]を選択します。 新しい選択メニューが右側にポップアップ表示されます。 このドロップダウンから特定のゾーンを選択する必要があります。これは、WordPressとHummingbirdを介して接続するドメインになります。 [続行]をクリックして要約します。

    CFAPIゾーンリソース
    [ゾーンリソース]で、ゾーンのタイプを選択してから、特定のゾーンを選択します。
  6. Cloudflareは階層形式で表示された要約を表示します。 その下にある[トークンの作成]をクリックします。

    CFAPIトークンの作成
    CloudflareのWordPressAPIトークン作成の概要。
  7. APIトークンキーが作成されました。 [コピー]ボタンをクリックして、クリップボードにコピーします。
    CFAPIトークンをコピーする準備ができました
    Cloudflareが作成したAPIトークンをコピーします。

    Cloudflareのドメインに関連付けられているトークンはいつでも表示できます。 各ドメインの下のリストには、アクティブなトークンが表示されます。 省略記号「 」をクリックするだけで、 [概要の表示]、[編集]、[ロール]、および[削除]のオプションが表示されます。 これにより、必要に応じてトークンをすばやく簡単に取り消すことができます。

    CFAPIはトークンを管理します
    CloudflareのAPIトークン管理ページ。

    ロールオプションは、APIトークン(Cloudflareがこれを「秘密」と呼んでいます)が失われた場合、または侵害されたと思われる場合に選択するものです。 秘密鍵を新しい鍵にロールインすると、前の鍵は無効になりますが、アクセスとアクセス許可は前の鍵と同じになります。

    トークンを取得したので、WordPressWebサイトのHummingbirdプラグインに戻ることができます。

  8. ダッシュボードから、 Hummingbird>Cachingに移動します。

    Hbird統合ページのCF
    Hummingbird Integrationsは、Cachingページから入手できます。
  9. Integrationsから、Cloudflare行の右側にある青いプラス+ボタンをクリックすると、Hummingbirdポップアップウィザードが表示されます。
    Cloudflareアカウントに関連付けられているメールがメールフィールドにあることを確認してから、[ APIトークン]をクリックします。 コピーしたキーをCloudflareAPIトークンフィールドに貼り付け、[接続]をクリックします。

    CFHbirdクレデンシャルエントリ
    Hummingbirdのポップアップ統合ウィザードで必要な資格情報を入力します。

    Hummingbirdは、ゾーンをアクティブ化する必要があることを示すメッセージを表示します。

  10. [ゾーンの選択]のドロップダウンメニューから、CloudflareでAPIトークンを取得したばかりのドメインを選択し、[ Cloudflareを有効にする]をクリックします。

    HbirdCF追加ゾーン
    資格情報を入力した後、接続しているゾーン(ドメイン)をHummingbirdに通知する必要があります。

多田! これで、CloudflareとHummingbirdの統合に成功しました。

HbirdCFの接続確認
ステータスの下の緑色のインジケーターは、CloudflareアカウントがHummingbirdに接続されていることを示します。

CloudflareのAPO機能をサブスクライブしている場合、最後にもう1つ注意が必要なハウスキーピングがあります。

ページの一番下までスクロールして、[ APOを有効にする]ボタンを切り替えます。 そして、あなたは行き​​ます!

HbirdCFはAPOを有効にします
HummingbirdのCloudflare統合により、APOを有効にできます。

CloudflareのAPOサービスの料金を支払わない場合、このトグルボタンはグレー表示されますが、便利なようにCloudflareのサイトから購入するためのリンクが提供されています(興味がある場合)。

デバイスごとのHbirdおよびCFキャッシュ
CloudflareのHummingbird統合設定により、デバイスタイプごとにキャッシュできます。

有効にすると、サイト訪問者が使用するデバイスタイプに応じてコンテンツをキャッシュするために、内部で追加のオプションを選択することもできます。 デバイスタイプごとのキャッシュにより、使用するデバイスタイプ(モバイル、タブレット、デスクトップ)に応じて、必要なアセットのみがキャッシュされ、ユーザーのブラウザーに配信されます。

HummingbirdとCloudflareが連携して動作し、驚異的な速度と保護を提供します。

オンクラウド(フレア)9

今日の世界では、ほとんどすべてのWebサイトとアプリケーションがCDNに依存して、ユーザーにコンテンツを提供しています。 CDNが、パフォーマンスの向上、信頼性の向上、コスト削減、サイバー攻撃に対する回復力など、上位4つを含む多くのメリットを証明していることを考えると、これは理にかなっています。

CDNを選択するためのオプションはたくさんあるので、以前に試したものが気に入らない場合でも、あきらめないでください。 特にCloudflareは、その驚くべき独自のAPO機能のために、非常に優れた選択肢です。

この記事で見たように、WordPressでCloudflareを設定することは、さまざまな方法で行うことができ(どれも難しいことではありません)、その後もその報酬を享受し続けることができます。

CDNとCloudflareがもたらす力と予防を考えると、彼らに古い大学の試みを与えない理由はほとんどないようです。

Cloudflare CDNを使用していますか? あなたの経験は何ですか? 以下のコメントでお知らせください。