Comment le navigateur traite-t-il la saisie de l'URL dans la barre d'adresse ?

En plus de quelques navigations web spécifiques avec des applications natives personnalisées lors de la consultation de différentes pages web, la plupart des pages web sont consultées avec un navigateur. Alors, lorsque nous ouvrons une URL particulière dans le navigateur, comment le navigateur charge-t-il et affiche-t-il le contenu ? Nous allons montrer ce que le navigateur a fait tour à tour, selon l'ordre dans lequel l'événement se produit.

L'utilisateur saisit l'URL dans le navigateur#

Dans notre précédent article de blog, nous avons abordé les composants de l'URL, y compris ce qui est connu sous le nom d'hôte/domaine, par exemple www.google.com, blog.logto.io, etc.

Recherche de l'adresse IP à l'aide de l'hôte/domaine#

Le navigateur ne peut pas directement comprendre l'hôte/domaine et trouver les ressources correspondantes, mais il doit connaître l'adresse IP spécifique pour localiser les ressources requises pour les pages web.

Le navigateur trouvera l'adresse IP correspondant à l'hôte/domaine grâce au système de noms de domaine (DNS).

Afin de rendre le processus de recherche des adresses IP aussi rapide que possible, la correspondance entre l'hôte/domaine et l'adresse IP utilise souvent divers caches, tels que le cache du navigateur, le cache du système d'exploitation, etc.

Lorsque la recherche dans le cache échoue, nous passons par le processus régulier de recherche DNS pour trouver l'adresse IP d'un hôte/domaine. Voici les étapes :

1. Lorsqu'un utilisateur saisit blog.logto.io dans le navigateur web, le navigateur web demande le service DNS pour obtenir l'adresse IP, la requête correspondante est reçue par le résolveur DNS
2. Le résolveur DNS interroge le serveur DNS racine (.)
3. Le serveur racine renvoie une adresse correspondant à un serveur DNS de domaine de premier niveau (TLD) (.io dans ce cas) et quelques informations associées
4. Le résolveur DNS interroge le serveur TLD .io
5. Le serveur TLD .io répond avec l'adresse du serveur de noms logto.io
6. Le résolveur DNS interroge le serveur de noms du domaine logto.io
7. Le serveur de noms du domaine logto.io répond avec l'adresse de blog.logto.io
8. Le résolveur DNS renvoie l'adresse IP de blog.logto.io au navigateur web

Le navigateur web peut alors demander les ressources correspondantes au serveur et rendre le site web pour que l'utilisateur puisse le consulter.

Établissement de la connexion TCP#

Après avoir obtenu l'adresse IP correspondant au domaine à consulter via le service DNS, le navigateur web initie et établit une connexion TCP avec le serveur.

Obtenir les ressources et rendre les pages web#

Après avoir établi une connexion TCP, le navigateur initie une requête réseau au serveur, obtient les ressources correspondantes et rend le contenu de la page web en fonction des ressources obtenues pour que l'utilisateur puisse les consulter.