意味
Link ヘッダーを先に送る暫定レスポンスで、サーバーが最終ページを生成している間にブラウザーが CSS やフォントをプリロードしたり、他のオリジンへ事前接続したりできます。
よくある原因
- Cloudflare や Fastly などの CDN がキャッシュ済みの Link ヘッダーから Early Hints を送る
- アプリケーションサーバーが重いレンダリングの前に 103 を送る
対処法
クライアント・閲覧者の場合
対処は不要です。対応ブラウザーはプリロードを開始してから最終レスポンスを使います。103 を理解しないクライアントは無視します。
サイトや API の運営者の場合
最終ページで本当に使うリソースだけを送り、200 レスポンスの Link ヘッダーと同じ内容にして無駄なダウンロードを防ぎます。
レスポンス例
HTTP/1.1
HTTP/1.1 103 Early Hints
Link: </styles/main.css>; rel=preload; as=style
Link: <https://cdn.example.com>; rel=preconnect仕様
よくある質問
› 103 Early Hints に対応しているブラウザーは？
Chrome、Edge、Firefox、Safari が HTTP/2 と HTTP/3 での 103 による preload と preconnect に対応しています。
› 103 は Core Web Vitals を改善しますか？
サーバーの処理時間が長い場合、その待ち時間に重要なアセットがダウンロードされるので LCP と FCP が改善することがあります。