Qu'est-ce que DNS-prefetch ? Optimisation frontale : la pré-analyse DNS améliore la vitesse de production des pages HTML/Xhtml_Web.

Qu'est-ce que DNS Prefetch

DNS implémente le mappage du nom de domaine vers l'IP. Lors de l'accès à un site via un nom de domaine, une résolution DNS est requise pour chaque requête. Actuellement, chaque résolution DNS prend généralement moins de 200 ms. En réponse au problème chronophage de la résolution DNS, certains navigateurs utilisent DNS Prefetch pour améliorer la fluidité de l'accès.
DNS Prefetch est une technologie de pré-résolution DNS Lors de la navigation sur une page Web, le navigateur analysera et mettra en cache le nom de domaine dans la page Web lors du chargement de la page Web, de sorte qu'il n'est pas nécessaire d'effectuer une résolution DNS lorsque vous cliquez. une connexion dans la page Web actuelle, réduisez le temps d’attente des utilisateurs et améliorez l’expérience utilisateur.
Les navigateurs qui prennent actuellement en charge DNS Prefetch incluent Google Chrome et Firefox 3.5
Si vous souhaitez que le navigateur résolve un nom de domaine spécifique, vous pouvez ajouter la balise de lien à la page. Par exemple :

Si vous souhaitez contrôler si le navigateur pré-résout le nom de domaine , vous pouvez utiliser Http L'attribut x-dns-prefetch-control de l'en-tête est contrôlé.
Malheureusement, seuls Google Chrome et Firefox 3.5 prennent actuellement en charge les balises ci-dessus.

De manière générale, la cause de ce retard n'est pas la bande passante ou la charge du site Web de l'autre partie, alors quelle est la cause exacte de ce retard ? situation. Zhan Lan a essayé de spéculer, en supposant qu'il s'agissait d'un problème DNS, car la vitesse de résolution DNS est probablement la principale cause du retard des ressources. Zhanlan a donc ajouté le code suivant à l'en-tête de la page (pour la pré-résolution DNS) :

< lien rel="dns-prefetch" href="http://img.jb51.net" />

L'effet est très bon (le navigateur de test est IE8), et le chargement du bouton de partage Baidu est considérablement amélioré lors de l'ouverture d'autres pages !

Jetons un bref aperçu de DNS-prefetch :

DNS est le protocole de base d'Internet, et sa vitesse de résolution semble être facilement ignorée par les optimiseurs de sites Web. De nos jours, la plupart des nouveaux navigateurs ont été optimisés pour la résolution DNS. Une résolution DNS typique prend 20 à 120 millisecondes. Réduire le temps et la fréquence de la résolution DNS est une bonne méthode d'optimisation. La prélecture DNS signifie que les noms de domaine avec cet attribut sont analysés en arrière-plan sans que les utilisateurs cliquent sur les liens. La résolution des noms de domaine et le chargement du contenu sont des opérations réseau en série, cette méthode peut donc réduire le temps d'attente de l'utilisateur et améliorer l'expérience utilisateur.
Le premier processus de recherche de résolution DNS du nom de domaine du navigateur pour le site Web est le suivant :

Cache du navigateur-Cache système-Cache du routeur-Cache DNS du FAI-Recherche récursive

Résolution DNS du nom de domaine et processus de recherche

Chrome intègre la technologie de prélecture DNS, et Firefox 3.5 a également introduit cette fonctionnalité. Étant donné que Chrome et Firefox 3.5 ont eux-mêmes optimisé les paramètres pour la prélecture DNS, l'un des effets négatifs de la configuration de la prélecture DNS est qu'elle peut réduire les performances de Google. . Expérience utilisateur du navigateur Chrome et du navigateur Firefox 3.5.

Implémentation de pré-analyse :

1. Utilisez les méta-informations pour informer le navigateur que la page actuelle doit être pré-résolue par DNS :
2. Utilisez la balise link dans l'en-tête de la page pour forcer la pré-résolution DNS :

Remarque : dns-prefetch doit être utilisé avec prudence. Une pré-résolution DNS répétée sur plusieurs pages augmentera le nombre de requêtes DNS répétées.
PS : la prérésolution DNS est principalement utilisée pour l'optimisation des pages frontales des sites Web. Son rôle dans le référencement n'a pas encore été vérifié. Cependant, dans le cadre de l'amélioration de l'expérience utilisateur, rel="dns-prefetch" peut valoir lentement. découvrir.