Fastify と Redis Cache を使用して Web サイトを高速化する

24 時間も前に、Cloudflare キャッシュを使用してウェブサイトを高速化する方法についての投稿を書きました。ただし、その後、ロジックの大部分を Redis を使用する Fastify ミドルウェアに移行しました。その理由と、自分で行う方法は次のとおりです。

Cloudflareのキャッシュの問題

Cloudflareキャッシュに関して2つの問題に遭遇しました:

• 応答のキャッシュを有効にするとページ ナビゲーションが壊れました。この件については少し前に Remix フォーラムで問題を提起しましたが、これを書いている時点ではまだ未解決です。応答のキャッシュによってページ ナビゲーションが中断される理由は明らかではありませんが、応答が Cloudflare によってキャッシュされている場合にのみ発生します。
元の投稿で説明されているように、再検証中に古いコンテンツを提供するように Cloudflare を実行させることができませんでした。利用できる機能ではないようです。

[!NOTE]

画像キャッシュのためにCloudflareキャッシュを残しました。この場合、Cloudflare キャッシュは効果的に CDN として機能します。

リーリー

キャッシュ基準:
• リクエスト:
  認証されたユーザーの応答をキャッシュしないでください。
  GET リクエストのみをキャッシュします。
  「/supplements/」を含む URL の応答のみをキャッシュします。
  リクエストヘッダーにcache-control: no-cacheが含まれている場合はキャッシュをバイパスします。
  回答:
  成功した応答のみをキャッシュします (statusCode は 200)。
  すでにキャッシュから提供されている応答をキャッシュしないでください (x-pillser-cache: HIT)。
  content-type: text/html の応答のみをキャッシュします。
キャッシュキーの生成:
• リクエストメソッド、URL、ビューポート幅を含むJSON表現のSHA-256ハッシュを使用します。
  名前空間の設定と削除を容易にするために、キャッシュ キーの先頭に「request:」を付けます。
リクエストの処理:
• onRequest ライフサイクルにフックして、リクエストにキャッシュされた応答があるかどうかを確認します。
  利用可能な場合はキャッシュされた応答を提供し、x-pillser-cache: HIT でマークします。
  キャッシュされた応答を送信した後にバックグラウンド タスクを開始してキャッシュを更新し、「再検証中に古いコンテンツを提供する」を実装します。
応答処理:
• onSend ライフサイクルに接続して、応答を処理してキャッシュします。
  キャッシュを簡素化するために、読み取り可能なストリームを文字列に変換します。
  特定のヘッダー (content-length、set-cookie、x-pillser-cache) をキャッシュから除外します。
  キャッシュ不可能な応答を x-pillser-cache: DYNAMIC としてマークします。
  1 日の TTL (Time To Live) で応答をキャッシュし、x-pillser-cache: MISS で新しいエントリをマークします。

以上がFastify と Redis Cache を使用して Web サイトを高速化するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。