Devsource

DNS Prefetch : définition, fonctionnement et impact sur les performances

Le DNS Prefetch est une technique d’optimisation des performances web (Resource Hint) qui permet de résoudre le nom de domaine d’une ressource tierce avant que l’utilisateur ne clique sur un lien ou que la ressource ne soit appelée.

Définition

Le DNS Prefetching permet au navigateur d’effectuer la résolution DNS (la conversion d’une URL en adresse IP) en arrière-plan. Cela réduit la latence lors de l’appel futur de scripts externes (comme Google Analytics, des polices de caractères ou des widgets sociaux), car l’étape de connexion initiale a déjà été anticipée.

→ Prendre RDV pour votre projet maintenant

Bonnes pratiques

  • Implémenter progressivement : Ajouter la balise <link rel="dns-prefetch" href="//exemple.com"> dans le <head> pour les domaines tiers critiques.
  • Mesurer avec Lighthouse : Utiliser les outils de diagnostic pour identifier les domaines externes qui ralentissent le temps de connexion initial.
  • Combiner avec Preconnect : Pour les domaines les plus importants, coupler le DNS Prefetch avec preconnect afin d’anticiper également la poignée de main TCP/TLS.
  • Automatiser le monitoring : Vérifier régulièrement que les domaines pré-résolus sont toujours utilisés par le site pour éviter des requêtes DNS inutiles.

À éviter

  • Chargements bloquants : Ne pas utiliser trop de directives de prefetch ; un nombre excessif de résolutions DNS simultanées peut saturer la bande passante lors du chargement initial.
  • Assets non optimisés : Le DNS Prefetch réduit la latence de connexion, mais il ne corrige pas le problème d’un fichier tiers trop lourd ou mal compressé.
  • Modifications non mesurées : Appliquer le prefetch à des domaines internes ou déjà résolus, ce qui n’apporte aucun gain de performance réel.
Qu’est-ce que le DNS Prefetch ?

Le DNS Prefetch est une technique d’optimisation qui permet au navigateur de résoudre à l’avance les noms de domaine des ressources externes.

Il réduit le temps nécessaire pour établir une connexion vers des domaines externes et améliore la rapidité de chargement des pages.

Le navigateur effectue la résolution DNS avant que l’utilisateur n’ait besoin de charger les ressources concernées.

Il peut diminuer la latence lors du chargement de ressources externes comme les polices, scripts ou services tiers.

Indirectement, oui. En contribuant à améliorer les performances du site, il participe à une meilleure expérience utilisateur.

Il est particulièrement utile pour les sites qui chargent régulièrement des ressources provenant de domaines externes.

Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K
Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K
Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K
Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K
Client The Bridge
Client Reside
AFFS7
Client Acme
R
kp
S
K