From 3eca855187f345ee7e9cc7f8cf2d83937e0f73a0 Mon Sep 17 00:00:00 2001 From: MDN Date: Tue, 28 Dec 2021 00:52:42 +0000 Subject: [CRON] sync translated content --- files/ja/web/http/client_hints/index.html | 40 +++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 files/ja/web/http/client_hints/index.html (limited to 'files/ja/web/http/client_hints/index.html') diff --git a/files/ja/web/http/client_hints/index.html b/files/ja/web/http/client_hints/index.html new file mode 100644 index 0000000000..7df108cbb9 --- /dev/null +++ b/files/ja/web/http/client_hints/index.html @@ -0,0 +1,40 @@ +--- +title: Client Hints (クライアントヒント) +slug: Web/HTTP/Client_hints +tags: + - Client hints + - Glossary + - Performance + - Reference + - Web Performance +translation_of: Glossary/Client_hints +original_slug: Glossary/Client_hints +--- +

クライアントヒント (Client Hints) は、プロアクティブコンテンツネゴシエーション用の HTTP リクエストヘッダーフィールドのセットで、クライアントがデバイスとエージェントに固有の設定のリストを示すことができます。 クライアントヒントにより、画像の DPR 解像度の自動ネゴシエーションなどの最適化されたアセットの自動配信が可能になります。

+ +

クライアントヒントの使用は自動ではありません。 サーバーはクライアントヒントをサポートしていることを知らせる必要があります。 サーバーは、Accept-CH (クライアントヒントを受け入れる) ヘッダーまたは http-equiv 属性を持つ同等の HTML の meta 要素を使用して、クライアントヒントのサポートを知らせます。

+ +

Accept-CH: DPR, Width, Viewport-Width, Downlink

+ +

および/または

+ +

<meta http-equiv="Accept-CH" content="DPR, Width, Viewport-Width, Downlink">

+ +

クライアントが Accept-CH ヘッダーを受信すると、サポートしている場合は、知らされたフィールド値と一致するクライアントヒントのヘッダーを追加します。 例えば、上記の Accept-CH の例に基づいて、クライアントは DPR、Width、Viewport-Width、および Downlink のヘッダーを後続のすべてのリクエストに追加できます。 2番目の例では、サーバーは Accept-CH meta タグを設定することにより、ブラウザーにヒントを提供します。

+ +

基本的に、クライアントヒントのヘッダーを使用すると、開発者またはアプリは、デバイスピクセル比、ビューポート幅、ディスプレイ幅など、それ自体に関する情報をサーバーに知らせるようにブラウザーに指示できます。 その後、クライアントはサーバーにクライアントの環境に関する情報を提供でき、サーバーはその情報に基づいて送信するリソースを決定できます。

+ +

変化するクライアントヒント

+ +

異なるクライアントヒントがレスポンスに影響する可能性があることをキャッシュに伝えるには、Vary HTTP ヘッダーを使用する必要があります。

+ +

変化するレスポンスの例:

+ +

Vary: Accept, DPR, Width, Viewport-Width, Downlink

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf