レスポンスヘッダービューア

ウェブページの目に見えない部分

ウェブサーバーからのレスポンスは小包のような作りです。ページは箱の中身です。外側にはラベルが貼られていて、3桁のステータスコードを含む最初の行と、ヘッダーと呼ばれる Name: value 形式の行の並びでできています。ブラウザはまずラベルを読み、ほとんどすべてをそこで決めます。表示するかダウンロードするか、コピーを保存するか、別の場所へ移動するか、どのCookieを保存するか、などです。

ヘッダーは画面に表示されないので、不可解な動作の原因がよくそこに隠れています。更新されないページ、ループするリダイレクト、別ドメインでブロックされるフォント、保持されないログイン。たいていは、一つのヘッダーの値が間違っているだけです。

このビューアがしていること

当サーバーは、入力されたアドレスに GET リクエストを一回送ります。ブラウザが送るのと同じ種類のリクエストで、その応答を記録します。応答がリダイレクト（Location ヘッダー付きの3xxステータス）なら、新しいアドレスにもリクエストして記録します。最大8回までです。レスポンスごとに一つのブロックが順番に表示されるので、どの段階でどのサーバーがどのヘッダーを付けたかがわかります。

各ヘッダーは130以上の名前を収めた辞書で調べ、分類と一文の解説を添えて表示します。分類は次のとおりです。

辞書にない名前は、独自または珍しいヘッダーとして表示します。どのソフトウェアも自由に独自ヘッダーを作れるので、この表示はよく目にしますが、害はありません。時間やサイズは役に立つ場合に変換するので、max-age=31536000 は365日と表示されます。

概要には、最終ステータス、当サーバーが使ったHTTPバージョン、リダイレクトの回数、Server ヘッダーが示すソフトウェア、最後のレスポンスのヘッダー数が出ます。ここでは採点はしません。点数がほしい場合はセキュリティヘッダーの評価をどうぞ。

ステータス行の読み方

• 2xx：リクエストは成功しました。200 がふつうのケースです。
• 301と308：恒久的な移転です。ブラウザと検索エンジンは新しいアドレスを覚えます。302、303、307：今はそちらへ行き、元のアドレスを基準として残します。
• 4xx：サーバーが拒否したか、求められたものが見つかりません。ブラウザでは普通に開くページで 403 が出る場合、サイトが自動リクエストをブロックしていることがよくあります。
• 5xx：サーバー自体が失敗しました。520 から 526 のコードは、背後のサーバーに到達できなかったCDNが返すものです。

よく確認される4つのこと

「訪問者にまだ古い版が表示されるのはなぜ？」

Cache-Control と Age を見てください。HTMLページに長い max-age が付いていると、期限が切れるまでブラウザは再確認しません。X-Cache や CF-Cache-Status が HIT なら、CDNが自分のコピーを返しているので、パージが必要です。

「圧縮は有効？」

Content-Encoding: br、gzip、zstd を探してください。HTMLページにこのヘッダーがなければ、ページは元のサイズのまま送られています。

「このリダイレクトはどこから？」

各段階の Server ヘッダーを比べてください。CDNが応答したリダイレクトは、CDNの管理画面で設定されたものです。nginxやApacheが応答したものはサーバー設定にあります。X-Redirect-By が付いていれば、それを出したアプリケーションやプラグインの名前がわかります。

「このサイトは何で動いている？」

Server、X-Powered-By、Via には、ウェブサーバー、言語、CDNの名前がよく出ています。自分のサイトなら、これらのヘッダーからバージョン番号を消しておく価値があります。