CDNを使用してもWordPressのページが更新されない?キャッシュの仕組みについて

バックグラウンドで投稿が更新され、ページのコンテンツやCSSスタイルが変更されたにもかかわらず、フロントエンドは長い間変更されず、訪問者は古いコンテンツを見たままである。これは実はCDNのキャッシュメカニズムに関係している。この記事では シーディーエヌ WordPressのキャッシュの原則と、同時に加速効果を確保するためのソリューションを提供し、更新のインスタント効果。

画像[1]-CDNがWordPressのページ更新遅延を引き起こす?キャッシュの仕組みを解説

1.なぜCDNを使うとページの更新が遅れるのか?

CDN(コンテンツ・デリバリー・ネットワーク)は、ウェブサイトのリソースを転送することで機能する。(キャッシュをグローバルノードに追加することで、近接アクセスを実現し、ページの読み込みを高速化します。しかし、キャッシュの本質は、コンテンツを一定期間ノード・サーバーに保持し、バック・トゥ・ソース・リクエストの回数を減らすことです。

Image[2]-CDNがWordPressのページ更新遅延を引き起こす?キャッシュの仕組みを解説

典型的なキャッシュフロー

  • ユーザがページにアクセスし、CDNがノードがキャッシュされているかチェックする。
  • キャッシュ → キャッシュされたコンテンツを直接返す
    キャッシュなし→ソースに戻るサーバフェッチし、ユーザーに返し、そのコンテンツをノードにキャッシュする。
Image[3]-CDNがWordPressのページ更新を遅延させる?キャッシュの仕組みを解説

つまり、キャッシュの有効期限が切れる前にWordPressのバックエンドでコンテンツを更新しても、訪問者は更新が遅れたキャッシュ版にアクセスすることになる。

2.CDNキャッシュの種類

2.1 スタティック・キャッシュ

  • 写真での行為、カスケーディングスタイルシートJS、フォントファイル
  • これらのファイルは頻繁に更新されないため、長いキャッシュ(30日以上)を設定しても効果はありません。

2.2 動的キャッシュ(ページ・キャッシング)

  • 行為 HTML ページ(ホームページ、記事ページ、カテゴリーページなど
Image[4]-CDNがWordPressのページ更新を遅延させる?キャッシュの仕組みを解説
  • CDNがHTMLをキャッシュする場合、バックエンドで記事が更新された直後にキャッシュされたバージョンは無効になりません。

3.WordPressのページ更新遅延の一般的な原因

  • CDNキャッシュルールは、長いTTL(キャッシュの有効期限)でページキャッシュを設定します。
  • パージ/無効化機能が設定されていません。
  • キャッシュプラグイン(LiteSpeed Cache、WP Rocketなど)を使用したCDN設定との競合
  • ソース検証へのキャッシュ更新が有効になっていない

4.推奨ソリューションと構成

4.1 CDNバックエンドでキャッシュ・リフレッシュを設定する

クラウドフレア

  • ログイン Cloudflareダッシュボード
  • サイト → キャッシュ → 設定を選択
  • 開発モードで常時オンラインを設定する(開発モードがオンの場合、キャッシュはデバッグのために一時停止される)
Image[5]-CDNがWordPressのページ更新遅延を引き起こす?キャッシュの仕組みを解説
  • コンテンツを修正した後、キャッシュ → キャッシュの削除で選択できます:
    • すべてをパージする(すべてのキャッシュを空にし、すぐに更新するが、ソースに戻るプレッシャーがかかる)
    • カスタムパージ URL (キャッシュを空にし、正確に更新する)
Image[6]-CDNがWordPressのページ更新遅延を引き起こす?キャッシュの仕組みを解説

4.2 キャッシュプラグインによるCDNの自動更新

いくつかのキャッシュプラグイン(LiteSpeed Cache、WP Rocket、W3 Total Cache)をCDN APIと統合することで、コンテンツが更新されたときに自動的にキャッシュを更新することができる。

例えば、LiteSpeed Cache:

  • LiteSpeed Cache → CDN → Cloudflare → APIキーとEメールを入力
画像[7]-CDNのせいでWordPressのページ更新が遅れる?キャッシュの仕組みを解説
  • 投稿を更新した後、プラグインはCloudflare APIを呼び出し、対応するページキャッシュをフラッシュします。

4.3 適正なキャッシュTTLの設定

サイトが頻繁に更新される場合、HTMLページのキャッシュ時間を長く設定することは推奨されません。

  • 静的ファイル写真(CSS, JS): 30日以上キャッシュされています。
  • 動的ページ(HTML):キャッシュ5分~1時間、更新頻度により調整
Image[8]-CDNがWordPressのページ更新を遅延させる?キャッシュの仕組みを解説

4.4 キャッシュ制御レスポンス・ヘッダの組み合わせ

サーバーやキャッシュプラグインでCache-Controlヘッダーを設定する:

キャッシュ制御: no-cache, must-revalidate

あるいは、動的なページには短いTTL + must-revalidateを使用し、キャッシュの有効期限が切れた後にCDNノードがソースに戻って再度検証することを要求する。

5.まとめ

WordPressのページは、以下のような使い勝手の悪さがあります。 シーディーエヌ 更新のタイミングがずれる主な原因は、動的なHTMLキャッシュの設定にあります。キャッシュリフレッシュの合理的な設定、CDN APIを自動的に統合するキャッシュプラグインの使用、および適切なTTLの設定により、高速化とリアルタイムの更新を考慮に入れることができ、訪問者が古いコンテンツを見るのを防ぐことができます。


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事はlmxによって書かれた
終わり
好きなら応援してください。
クドス136 分かち合う
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし