Early Hints

Dernière mise à jour 1 septembre 2025

Early Hints est une norme web que vous pouvez mettre en œuvre pour améliorer les temps de chargement des pages jusqu’à 30 %. Cette norme web définit un nouveau code d’état HTTP : 103 Early Hints.

Lorsque la fonction Early Hints est activée et qu’un visiteur charge votre site dans un navigateur compatible, des réponses 103 sont envoyées au navigateur (avant les réponses 200) avec des informations sur les éléments liés qui peuvent apparaître dans la réponse finale du serveur. Grâce à ces informations, le navigateur peut commencer à préparer la page avant de recevoir la réponse 200 OK du serveur. Le navigateur peut ainsi préparer plus efficacement le chargement de la page pendant que le serveur « réfléchit »

Le mécanisme Early Hints peut être utilisé avec tout type d’en-tête Link ou de ressource hint, tel que preload et preconnect. Il aide à améliorer les performances des pages web en permettant aux navigateurs de commencer à récupérer ou à préparer les ressources avant que la réponse finale ne soit reçue.

Dans le cadre de l’intégration Cloudflare de Kinsta, Early Hints peut être activé pour votre site WordPress dans MyKinsta pour votre domaine personnalisé. Vous ne pouvez pas utiliser Early Hints avec un domaine kinsta.cloud temporaire.

Configurer des Early Hints sur votre site WordPress

Early Hints est conçu pour améliorer les performances des indicateurs de ressources tels que le preload et la preconnect en envoyant ces directives au navigateur avant que la réponse finale du serveur ne soit prête. Cela permet au navigateur de commencer à charger ou à se connecter aux ressources critiques plus tôt, améliorant ainsi les temps de chargement des pages et l’expérience utilisateur.

Preload : La directive preload indique au navigateur de récupérer les ressources importantes (par exemple, CSS, JavaScript, polices) le plus tôt possible. Utilisées avec les Early Hints, ces instructions de preload sont transmises immédiatement après la requête initiale, permettant au navigateur de commencer à télécharger les ressources critiques avant même la réception de la réponse complète. Cela réduit le temps de blocage du rendu et améliore les performances perçues et réelles.
Preconnect : La directive preconnect initie des connexions anticipées vers des domaines tiers importants (par exemple, analyses, CDN, API). Les Early Hints envoient ces signaux de preconnect en amont, permettant au navigateur d’effectuer des recherches DNS, des handshakes TCP et des négociations TLS en amont. Cela réduit la latence de connexion et accélère le chargement des ressources externes.

Pour profiter des Early Hints, vous devez d’abord configurer correctement le preload et la preconnect en ajoutant les en-têtes Link: appropriés aux ressources souhaitées sur votre site WordPress. Vous pouvez utiliser des extensions d’optimisation telles que :

Ces outils vous permettent de définir et de gérer facilement les en-têtes de preload et de preconnect sans modifier manuellement le code.

Remarques importantes

Votre site devra avoir l’en-tête de réponse Link: avec le type de relationpreload ou preconnect pour indiquer les ressources que vous voulez inclure dans la réponse Early Hints. Vous pouvez utiliser une extension WordPress pour ajouter des en-têtes preload ou preconnect à vos ressources dans WordPress.
Le code d’état 103 Early Hints est compatible avec les dernières versions de Chrome, Edge, Safari et Firefox. Si un navigateur ne prend pas en charge Early Hints et qu’un en-tête de réponse 103 lui est envoyé, rien ne se passera ; le navigateur l’ignorera simplement.
Si votre site compte plus de 20 domaines, l’activation de Early Hints peut prendre 5 minutes ou plus, en fonction du nombre total de domaines.
Vous ne pouvez pas utiliser Early Hints avec un domaine kinsta.cloud temporaire.

Activer les Early Hints dans Cloudflare

Dans votre compte Cloudflare, sélectionnez votre domaine, cliquez sur Vitesse > Optimisation > Optimisation du contenu et activez les Early Hints.

Activer les Early Hints dans MyKinsta

Pour activer les Early hints, connectez-vous à MyKinsta et allez sur Sites WordPress > Nom du site > Outils.
Sous Early Hints, cliquez sur le bouton Activer.

Une notification indiquant que les Early Hints sont activés apparaîtra dans le coin supérieur droit.

Testez Early Hints

Pour confirmer que Early Hints fonctionne, inspectez les en-têtes HTTP d’une page de votre site, et recherchez tout en-tête Link: avec le type rel de preload ou preconnect que vous avez ajouté. Pour inspecter les en-têtes HTTP de votre site, vous pouvez utiliser l’un des outils suivants :

Notre vérificateur gratuit d’état HTTP et de redirection.
Les outils de développeur intégrés à votre navigateur web.
La commande curl dans Terminal (ligne de commande), en remplaçant l’URL à la fin de cet exemple par l’URL de la page que vous voulez tester :

curl -L -s -o /dev/null -D - https://kinstaexample.com

Désactiver les Early Hints

Pour désactiver les Early hints, connectez-vous à MyKinsta et allez dans Sites WordPress > Nom du site > Outils.
Sous Early Hints, cliquez sur le bouton Désactiver.

Une notification indiquant que les Early Hints sont désactivés apparaîtra dans le coin supérieur droit.