Devsource

DNS Prefetch

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.

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.

The Bridge
reside
AFFS7
12
R
kp
S
K
The Bridge
reside
AFFS7
12
R
kp
S
K
The Bridge
reside
AFFS7
12
R
kp
S
K
The Bridge
reside
AFFS7
12
R
kp
S
K
The Bridge
reside
AFFS7
12
R
kp
S
K