---
title: Indications du client (client hints)
slug: Glossary/Client_hints
tags:
  - Client hints
  - Glossary
  - Performance
  - Reference
  - Web Performance
translation_of: Glossary/Client_hints
---
<p>Les <strong>indications du client</strong> (<i>client hints</i> en anglais) sont un ensemble d'<a href="/fr/docs/Web/HTTP/Headers">en-têtes de requêtes HTTP</a> qu'un serveur peut demander de façon proactive à un client afin de connaître les caractéristiques spécifiques à l'appareil du client et aux préférences utilisées dans l'agent utilisateur. L'ensemble des en-têtes pour ces « indications » sont listées dans <a href="/fr/docs/Web/HTTP/Headers#client_hints">En-têtes HTTP > Indications du client</a>.</p>

<p>Un serveur doit annoncer sa prise en charge de telles indications via l'en-tête <a href="/fr/docs/Web/HTTP/Headers/Accept-CH"><code>Accept-CH</code></a> qui contiendra les indications du client qui l'intéressent. Lorsqu'un client qui prend en charge cette fonctionnalité reçoit cet en-tête <code>Accept-CH</code>, il ajoute les en-têtes d'indication correspondantes aux requêtes suivantes.</p>

<p>Ainsi, après avoir reçu l'en-tête <code>Accept-CH</code> suivant dans une réponse. Le client pourrait ajouter les en-têtes <a href="/fr/docs/Web/HTTP/Headers/Width"><code>Width</code></a>, <a href="/fr/docs/Web/HTTP/Headers/Viewport-Width"><code>Viewport-Width</code></a>, et <a href="/fr/docs/Web/HTTP/Headers/Downlink"><code>Downlink</code></a> aux requêtes suivantes.</p>

<pre>Accept-CH: Width, Viewport-Width, Downlink</pre>

<p>Le serveur peut alors utiliser ces informations du client pour déterminer les ressources à lui envoyer.</p>

<div class="notecard note">
  <h4>Note</h4>
  <p>Les indications du client peuvent aussi être formulées en HTML à l'aide de l'élément <a href="/fr/docs/Web/HTML/Element/meta"><code>&lt;meta&gt;</code></a> avec l'attribut <code><a href="/en-US/docs/Web/HTML/Element/meta#attr-http-equiv">http-equiv</a></code> :</p>
  <pre>&lt;meta http-equiv="Accept-CH" content="Width, Viewport-Width, Downlink"&gt;</pre>
</div>
Client Hints Infrastructures variables</h2>

<p>Afin d'indiquer à la gestion du cache que les <a href="/fr/docs/Web/HTTP/Headers#clients_hints">indications du client</a> peuvent modifier la teneur de la réponse, il faudra utiliser l'en-tête HTTP <code><a href="/fr/docs/Web/HTTP/Headers/Vary">Vary</a></code>.</p>

<p id="example_varying_response">Exemple de réponse variable :</p>

<pre>Vary: Accept, Width, Viewport-Width, Downlink</pre>

<h2 id="see_also">Voir aussi</h2>

<ul>
 <li><a href="/fr/docs/Web/HTTP/Headers#clients_hints">En-têtes HTTP pour ces indications</a></li>
 <li><a href="/fr/docs/Web/HTTP/Headers/Vary">En-tête HTTP <code>Vary</code></a></li>
 <li><a href="https://wicg.github.io/client-hints-infrastructure/">Infrastructure générale pour les indications du client</a></li>
</ul>