WP RocketとCloudflareの同期セットアップガイド：サイトを高速化し、ユーザーエクスペリエンスを向上させます。

WP RocketとCloudflareは、広く使われている2つの方法です。最適化ツールこの2つの組み合わせは、劇的にウェブサイトの読み込み速度を改善し、ユーザー体験を向上させます。ウェブサイトのセキュリティ強化この記事では、WP RocketとCloudflareを統合する方法を詳しく説明します。この記事では、WP RocketとCloudflareを統合する方法を詳しく説明します。 どうきしきこの両方がシームレスに機能することで、パフォーマンスを最大化することができます。

紹介

WPロケット 歌で応える クラウドフレア Cloudflareは、世界中のウェブサイトの読み込みを高速化するコンテンツデリバリネットワーク（CDN）ソリューションを提供します。また、WP Rocketは、サーバーへのリクエストを減らし、リソースの読み込みを最適化することで、ウェブサイトのパフォーマンスをさらに加速させるキャッシュプラグインです。

クラウドフレア ≠ CDN：ご遠慮ください CDNタブにCloudflare CNAMESを入力しないとサイトがクラッシュします！
Cloudflareに加え、標準的なプル型CDNを必要に応じて使用することができ、WP Rocketは独自の高度なCDNサービスを持っています。ロケットシーディーエヌを含むほとんどのCDNプロバイダーと互換性があります。Amazon Cloudfront, Bunny CDN, KeyCDNその他

次に、以下の手順に従って、WP RocketをCloudflareと組み合わせて使用することができます。

WordPressでCloudflare無料CDNを設定する方法

9月23日 14:43

08360

プラグインの有効化方法

WP RocketはCloudflareアドオンを提供し、統合を容易にします。WP Rocketプラグインのアドオン設定で、Cloudflareアドオンを見つけ、それを"オープン「ステータス

ステップ

1. WordPressのバックエンドにログインします。
2. WP Rocketの設定で アドオン ページ

3. 見つける Cloudflareアドオン を有効にしてください。
4. 打点 オプションの変更 ボタンをクリックして、プラグインの設定ページに入ります。

セットアップ画面では、以下の情報を入力する必要があります：

• グローバルAPIキーCloudflareアカウントのグローバルAPIキーで、CloudflareウェブサイトのProfileページに記載されています。

• エリアIDゾーンIDはドメインに関連付けられた一意の識別子で、Cloudflareコントロールパネルの 読み流す のページをご覧ください。

• アカウントEメールCloudflareに登録されているメールアドレスを入力してください。

この情報は、WP RocketプラグインがCloudflareと効率的に接続し、キャッシュを同期するのに役立ちます。

開発モデル

Cloudflareの開発モードはCloudflareのエッジキャッシュを一時的に無効にすることができ、デバッグや変更の確認に便利です。

開発モデルの使用時期：

• ウェブサイトのキャッシュ可能なコンテンツ（画像、CSS、JavaScriptなど）を変更し、その変更をすぐに表示したい場合は、次のようにします。アクティブ化開発モデル。
• 開発モードがアクティブな場合、Cloudflareはキャッシュをオフにするか、通常の状態に戻るまで一時的にキャッシュを無効にします。

最適設定

WP RocketとCloudflareを組み合わせる場合、WP Rocketは、サイトパフォーマンスを最適化するために有効にすることができる多くのプリセット最適設定オプションを提供します。

推奨設定

• キャッシュレベルを標準に設定Cloudflareがお客様に可能な限り最高のサービスを提供することを保証します。静的コンテンツのキャッシュが有効サーバーの負担を減らすためです。
• ロケットローダーの無効化Rocket LoaderはCloudflareの機能で、WP Rocketのいくつかの機能と衝突する可能性があるため、無効にすることをお勧めします。

• ブラウザのキャッシュを1年に設定これは静的リソースをキャッシュし、ロード時間を短縮するのに役立ちます。

相対プロトコルの設定：

CloudflareのフレキシブルSSLをご利用の場合（ウェブサイトのURLに HTTP まことしやか HTTPSを有効にしてください。相対契約"設定。これにより CSS、JS、画像などの静的リソースは、相対プロトコルを使用してロードされます。異なるプロトコル (HTTP または HTTPS) で正しく読み込まれるようにするためです。

関連契約

あなたのサイトが クラウドフレアの柔軟なSSL(つまり、あるリソースはHTTPSで、他のリソースはHTTPで提供されます）。相対契約"の設定です。このオプションは、静的リソースを読み込む際に相対URL (http:// や https:// の代わりに //) を使用し、SSLエラーや混合コンテンツの問題を回避します。

重要な注意事項あなたのサイトがすでに完全にHTTPSで動作している場合は、この設定を有効にしないでください。

キャッシュを消去

WP Rocketは自動的にCloudflareとキャッシュクリアを同期し、Cloudflareのキャッシュがウェブサイトのコンテンツと最新であることを保証します。

キャッシュをクリアする方法：

1. WP Rocket経由でキャッシュをクリアする場合Cloudflareのキャッシュも自動的にクリアされます。.
2. カスタムキャッシングルールがある場合は、次の操作が必要です。手動クリアランス Cloudflare キャッシュ。

手動でCloudflareキャッシュをクリアします：

• Cloudflareコントロールパネルで (キャッシュ セクションですべてのキャッシュを消去するか、または 開発モデル キャッシュをクリアします。

Cloudflare すべてのコンテンツをキャッシュ

Cloudflareは すべてをキャッシュ動的コンテンツを含むすべてのページとリソースをキャッシュします。

Cloudflareを使用してすべてのコンテンツをキャッシュします：

Cloudflareのページルール機能を使用している場合WP Rocketの同期キャッシュクリアを使用して、同期外れの問題がないことを確認してください。キャッシュの同期を確保するには、Cloudflareプラグインまたは公式Cloudflareプラグインが必要です。

クラウドフレアAPO

クラウドフレアAPO(Automatic Performance Optimisation）は、WordPressウェブサイトの最適化に使用される機能で、読み込み速度のさらなる向上に役立ちます。APOを有効にすると、Cloudflareは自動的にページコンテンツをキャッシュし、グローバルアクセスを高速化します。

WP Rocketでの使用方法：

• Cloudflare APOが有効な場合、WP Rocketは自動的にAPOと連携し、キャッシュの同期更新を保証します。
• WP Rocketがキャッシュをクリアするたびに、Cloudflare APOのキャッシュもクリアされ、コンテンツは常に最新の状態に保たれます。

クラウドウェイズのクラウドフレア・エンタープライズプログラム

CloudwaysのCloudflare Enterpriseプランを使用している場合、WP RocketはCloudflareと完全に同期されていない可能性があります。CloudwaysはAPIキーとリージョンIDを提供していないため、手動でCloudflareキャッシュをクリアするか、WP Rocketのページキャッシュ機能を無効にする必要があるかもしれません。

CloudflareのHTTP/2サーバプッシュ

CloudflareのHTTP/2サーバープッシュ機能は、先にクライアントにファイルをプッシュし、リソースのロード時間を短縮することができます。しかし、これは未使用のCSSを削除するなど、WP Rocketの機能の一部と競合する可能性があります。

互換性の問題：

• HTTP/2サーバープッシュが有効な場合、CloudflareはCSSファイルをプリロードします。 未使用のCSSを削除 機能を使用する必要があります。そのため、HTTP/2サーバープッシュを無効にするか、WP RocketのCSS最適化機能との併用を避けることをお勧めします。

障害解決

ロケットローダーの問題

ロケットローダー で御座います クラウドフレア はCloudflareの機能で、しばしばJavaScriptコードと衝突し、ページ読み込みの問題を引き起こします。Cloudflareの使用中にJavaScriptエラーや表示の問題が発生した場合は、Rocket Loaderを無効にし、キャッシュをクリアして問題が解決するか確認することをお勧めします。

502 エラーまたは空白ページ

Cloudflareがキャッシュをフラッシュする際に 502エラーもしかしたら余白ページ通常は クエリーモニター プラグインが原因です。プラグインを無効にするか、提供されているコードを使用してください。