WordPress WooCommerceでの静的HTMLのキャッシュ
これにより、静的HTMLがエッジでキャッシュされ、リクエストごとに再生成する必要がなくなります。
エンタープライズCloudflare顧客は、カスタムキャッシュキーを使用してパフォーマンスをさらに向上させることができます。詳細については、カスタマーサクセスマネージャーにお問い合わせください。
開始する前に、CloudflareがオリジンWebサーバーからのCache-Controlヘッダーを尊重するように設定されていることを確認してください。そうしないと、CloudflareによってCache-ControlヘッダーがブラウザキャッシュTTLオプションで設定された値に上書きされる可能性があります。既存のヘッダーを尊重オプションを設定するには：
- Cloudflareアカウントにログインします。
- キャッシュアプリをクリックします。
- ブラウザキャッシュTTLまでスクロールし、既存のヘッダーを尊重の値を選択します。
1. Cloudflareアカウントにログインします。
2. ルール > ページルールに移動し、ページルールを作成を選択します。
3. ページルールをWordPressインストールパスに一致させるように設定します。サイトがhttps://www.example.com ↗にある場合、ルールはhttps://www.example.com. ↗になります。
4. 静的HTMLをキャッシュするための適切な設定を選択します：
- すべてキャッシュはCloudflareに静的HTMLをキャッシュするよう指示します。
- クッキーでキャッシュをバイパスルールが設定した基準に一致する場合、CloudflareはHTMLをキャッシュしません（ただし、静的画像や他のファイルは引き続きキャッシュされます）。生のWordPressを使用しているか、WooCommerceを使用しているかに応じて、以下の構成のいずれかを使用する必要があります：
- 最後に、エッジキャッシュTTLを設定すると、CloudflareがオリジンWebサーバーからファイルを取得する前にキャッシュされたファイルを保持する最大期間が定義されます。長いエッジキャッシュTTL時間を設定した後でも、手動でキャッシュをクリア ↗したり、WordPressプラグインを使用してキャッシュのクリアを自動的に管理したりできます。
5. 保存してデプロイをクリックして完了します。
さらに、Cloudflare WordPressプラグインの自動キャッシュ管理機能 ↗を使用することで、サイトの変更後に自動的にキャッシュをクリアすることができます（つまり、テーマの変更/カスタマイズや投稿、添付ファイル、ページの編集、削除、作成など）。