103 Early Hints : Préchargez les ressources critiques pendant le temps de réflexion du serveur
Utilisez le temps de réflexion du serveur pour précharger votre image LCP et votre CSS critique avant que la page ne soit prête
Les 103 Early Hints en bref
Les 103 Early Hints constituent un code d'état HTTP léger que le serveur envoie avant la réponse finale. Pendant que le serveur traite encore votre page, le navigateur peut déjà commencer à récupérer des ressources critiques comme votre image LCP ou votre feuille de style principale.
Dans mes tests, une image LCP est apparue 35 % plus rapidement avec les 103 Early Hints. L'amélioration était encore plus marquée lorsque l'en-tête incluait également des feuilles de style. Dernière révision par [url=https:\/\/www.linkedin.com\/in\/arjenkarel\/]Arjen Karel[\/url] en mars 2026 Les Early Hints sont un code d'état HTTP (103) envoyé avant que le serveur web n'envoie la réponse finale. Ils permettent au serveur d'indiquer au navigateur, tôt dans le processus de chargement, que certaines ressources comme une image ou une feuille de style sont critiques pour le rendu de la page. La plupart des pages dynamiques prennent du temps à être générées. Le serveur interroge une base de données, exécute la logique de l'application et assemble le HTML. Pendant ce temps de traitement, le navigateur attend tout simplement. Les 103 Early Hints comblent cette lacune en indiquant au navigateur ce qu'il doit récupérer pendant qu'il attend la réponse réelle. Les Early Hints remplacent le [url=https:\/\/developer.chrome.com\/blog\/removing-push]HTTP\/2 Server Push[\/url], désormais obsolète, que Chrome a supprimé dans sa version 106. Le Server Push regroupait les ressources avec la réponse finale et poussait souvent des octets que le navigateur avait déjà en cache. Les Early Hints évitent ce problème car ils ne sont que des suggestions ; le navigateur décide s'il doit y donner suite. Les 103 Early Hints sont pris en charge par [url=https:\/\/caniuse.com\/mdn-http_status_103]93 % des navigateurs dans le monde[\/url] : La limitation de Safari est importante. Si votre stratégie d'Early Hints repose entièrement sur le préchargement d'images ou de polices, les utilisateurs de Safari n'en bénéficieront pas. Incluez des suggestions de preconnect aux côtés des suggestions de preload afin que Safari prépare au moins la connexion aux origines de vos ressources. Les Early Hints ne fonctionnent qu'avec HTTP\/2 ou HTTP\/3. Ils ne fonctionnent pas avec HTTP\/1.1, à partir d'iframes ou pour des requêtes qui ne sont pas des navigations. Le navigateur traite uniquement les suggestions pour Lorsqu'un navigateur demande une page, le serveur renvoie immédiatement une réponse 103 avant d'avoir fini de générer le HTML. Cette réponse indique au navigateur de commencer à récupérer l'[url=\/pagespeed\/preload-largest-contentful-paint-image]image LCP[\/url] et la feuille de style :
Que sont les 103 Early Hints ?
Prise en charge par les navigateurs
preload et preconnect ; dns-prefetch et prefetch ne sont pas pris en charge dans les réponses 103.
À quoi ressemblent les 103 Early Hints ?
HTTP\/2 103 Early HintsLink: <\/image.webp>; rel=preload; as=imageLink: <\/style.css>; rel=preload; as=style