まず！
特に感謝します！
このブログの大部分は左右大佬（リンクはこちら）からの引用です hiahia~
前提準備#
・あなたのウェブサイトのドメインは Cloudflare で解析され、プロキシが有効になっている必要があります。これは必要条件です。
・WordPress 上のさまざまなキャッシュプラグインを無効にし、キャッシュをクリアすることをお勧めします。
Page Rules（ページルール）の設定#
Cloudflare の無料プランでは、各ドメインに対して無料で 3 つのページルールを追加できます。WordPress にはちょうど十分です。他のサイト構築プログラムを使用している場合は、直接コピーしないでください。あなたのプログラムのリンクルールに基づいて設定してください。
第一步、Cloudflare のホームページからあなたのドメインを選択し、ドメイン機能のインターフェースに入ります。#
第二步、メニュー —— ルール —— ページルールに進み、ページルール設定ページに入ります。#
第三步、ページルール作成ボタンをクリックし、合計 3 つのルールを追加します。以下の通りです。#
管理バックエンドルールの設定#
| ルール名 | 値 |
| ---------------- | ------------------------------------------------------------ |
| URL | pup.0521.uk/wp-admin/*
注意：この URL はあなた自身のものに変更してください。 |
| ブラウザ完全性チェック | 有効 |
| セキュリティレベル | 高 |
| キャッシュレベル | バイパス |
| IP 地理位置ヘッダー | 有効 |
| 電子メール混乱技術 | 有効 |
重要なのは、キャッシュレベルは必ずバイパスに設定することです。キャッシュレベルは必ずバイパスに設定することです。キャッシュレベルは必ずバイパスに設定することです。さもなければ大変なことになります！ |
他の動的ページルールの設定（コメント、検索など）#
| ルール名 | 値 |
| ---------------- | ------------------------------------------------------------ |
| URL | pup.0521.uk/*.php
注意：この URL はあなた自身のものに変更してください。 |
| ブラウザ完全性チェック | 有効 |
| セキュリティレベル | 高 |
| キャッシュレベル | バイパス |
| IP 地理位置ヘッダー | 有効 |
| 電子メール混乱技術 | 有効 |
重要なのはキャッシュレベルも必ずバイパスに設定することですが、設定ミスは管理バックエンドルールほど深刻ではありません。
ホームページ、カテゴリ、ページおよび記事ページルールの設定#
| ルール名 | 値 |
| ---------------- | ---------------------------------------------- |
| URL | pup.0521.uk/*
注意：この URL はあなた自身のものに変更してください。 |
| ブラウザ完全性チェック | 有効 |
| セキュリティレベル | 高 |
| キャッシュレベル | すべてのコンテンツをキャッシュ |
| エッジキャッシュ TTL | 2 時間 |
| IP 地理位置ヘッダー | 有効 |
| 電子メール混乱技術 | 有効 |
第四步、順序を確認#
作成が完了したら、順序を確認してください！！！
作成が完了したら、順序を確認してください！！！
作成が完了したら、順序を確認してください！！！
これで基本的なウェブサイトのページルールが設定されました。この時点で、ウェブサイトのホームページ、カテゴリ、記事などのページが CDN を通じてアクセスできることが保証されます。
ここで小技があります。設定が完了したら、自分でウェブサイトに行き、ページをすべてクリックして CDN にページキャッシュをトリガーします。実際の訪問者がウェブサイトを閲覧する際に、すぐに開くことができます！
Cache Rules の設定 Cloudflare の無料プランでは最大 3 つのページルールしか設定できないため、1 つの静的ページと 2 つの動的ページルールを設定した後は使い切りました。
しかし、ウェブサイトには上記のページ以外にも多くの静的リソース（画像、JS、CSS、フォントなど）があり、これらを毎回ソースから読み込むと大量の帯域幅を消費します。この時、Cache Rules（キャッシュルール）が役立ちます。
Cloudflare の無料プランでは、各ドメインに対して 10 のキャッシュルールを作成でき、十分です！以下では静的リソースをキャッシュに追加します。
Cache Rules（キャッシュルール）の設定#
第一步、Cloudflare のホームページからあなたのドメインを選択し、ドメイン機能のインターフェースに入ります。#
第二步、左側のメニューを展開し、キャッシュ ——Cache Rules をクリックして、キャッシュルール設定ページに入ります。#
第三步、ルール作成ボタンをクリック#
ブログのホームページと記事ページのキャッシュ#
静的リソースキャッシュ (css/is/woff/html)#
直接編集式をクリックし、以下の内容をそのまま貼り付けてください。
(http.request.uri contains ".css") or (http.request.uri contains ".js") or (http.request.uri contains ".woff") or (http.request.uri contains ".jpg") or (http.request.uri contains ".png") or (http.request.uri contains ".svg") or (http.request.uri contains ".gif") or (http.request.uri contains ".bmp") or (http.request.uri contains ".ico") or (http.request.uri contains ".jpeg")
lsky 画像ホスティング - 画像キャッシュ#
自分で画像ホスティングを構築している場合は、ホスティング画像にキャッシュを追加します。時間は最大に設定してください。
これで静的リソースのキャッシュルールが設定されましたが、すぐに有効になるわけではなく、ウェブサイトがアクセスされるにつれて徐々に CDN にキャッシュされます。ページルールと同じ小技として、設定が完了したら、自分でウェブサイトに行き、ページをすべてクリックして CDN にページキャッシュをトリガーします。実際の訪問者がウェブサイトを閲覧する際に、静的リソースがすぐに読み込まれるようになります！
その他の設定#
Crawler Hints#
Cloudflare を使用してサイトの内容を変更する際、Crawler Hints は検索エンジンや他のクローラーに高品質のデータを提供します。これにより、クローラーは正確にクロールでき、無駄を避け、同時にソースサーバーや他のインターネットインフラのリソース消費を一般的に減少させることができます。
操作パス：キャッシュ —— 設定 ——Crawler Hints
Always Online™#
ソースサーバーが利用できない場合でも、訪問者があなたのウェブサイトにアクセスできるようにします。Cloudflare は Internet Archive の Wayback Machine を通じて限られたウェブページのコピーを提供します。
操作パス：キャッシュ —— 設定 ——Always Online™
Tiered Cache Topology#
キャッシュトポロジーを選択することで、ソースサーバーと Cloudflare データセンターの接続方法を制御し、キャッシュヒット率を高め、ソースサーバーの接続数を減らし、インターネットの遅延を短縮できます。
操作パス：キャッシュ ——Tiered Cache——Tiered Cache Topology™、Smart Tiered Caching Topology を選択
キャッシュのクリア#
最後に、ウェブサイトのテーマを変更したり、新しいプラグインをインストールしたり、コードを変更したりした場合は、Cloudflare の CDN キャッシュをすぐにクリアすることを強くお勧めします。そうしないと、ウェブサイトが正常に表示されなかったり、さまざまなエラーが発生したりする可能性があります。
操作パス：キャッシュ —— 設定、最上部にキャッシュをクリアする操作ボタンがあり、カスタムパスのクリアとすべてのコンテンツのクリアをサポートしています。実際の状況に応じて使用してください。
キャッシュが有効になったかどうかの判断#
F12 を押して開発者ツールを表示し、cf-cache-status の状態を確認します。これが現在のウェブページまたはファイルの CF キャッシュ状態で、HIT が表示されるとキャッシュが成功したことを示します。ブログページを初めて開くと MISS が表示され、F5 でリフレッシュすると HIT に変わります。
cf-cache-status の状態には以下のような一般的なものがあります：
-
cf-cache-status——HIT：
あなたのファイルは CF キャッシュにヒットしました。これは、ユーザーがファイルを CF キャッシュサーバーから取得していることを示し、あなたのサーバーリソースを消費しません。
-
cf-cache-status——MISS：
CF はキャッシュサーバーでリクエストされたファイルを探しましたが、見つかりませんでした。CF のキャッシュサーバーはあなたのサーバーに戻ってそのファイルを取得し、次回のリクエスト時にそのファイルは HIT として表示されます。
-
cf-cache-status——BYPASS：
CF はそのファイルをキャッシュしないように要求され、ユーザーは直接ウェブサイトのソースサーバーからファイルを取得します。これは通常、リクエストされたファイルが NO-Cache ヘッダーに応答したためです。
-
cf-cache-status——EXPIRED：
最後のキャッシュから、ファイルのキャッシュ期限が過ぎました。CF は再度ウェブサイトのソースサーバーに戻ってそのファイルを取得し、次回のリクエスト時にそのファイルは HIT として表示されます。
-
cf-cache-status——DYNAMIC：
このファイルはデフォルトでキャッシュされず、対応するキャッシュ設定もありません。ユーザーはウェブサイトのソースサーバーからそのファイルを取得します。
注意事項#
キャッシュルールを設定したため、例えば 2 時間設定した場合、ブログを更新した後、2 時間後に他の人が最新の記事を見ることができます。つまり、他の人があなたのブログを開くと、2 時間前の内容が表示されます。
したがって、テーマをカスタマイズしたり、更新したり、ブログ記事を公開したりする際には、以下の 3 つのルールを無効にし、ブラウザキャッシュをクリアする必要があります。そうしないと、ブログページを開くと更新が遅れることがあります。無効にした後に変更すれば遅延がなく、変更後の状態をリアルタイムで確認できます。
調整が完了したら再度有効にしてください。
- Page Rules（ページルール）
- Cache Rules（キャッシュルール）
