Vous êtes-vous déjà demandé ce qu'il fallait pour charger une page Web dans votre navigateur? En fonction de votre connexion Internet, taper l'URL ou l'adresse d'une page Web et appuyer sur le bouton «Entrer» vous mènera presque instantanément à cette page Web. Cela peut être un processus plus lent avec des connexions plus lentes, mais vous pouvez quand même accéder à une page relativement rapidement. Que se passe-t-il dans les coulisses pour que cela se produise? Suivez ci-dessous et nous vous montrerons ce qui se passe!
Communication serveur à navigateur
En termes simples, lorsque vous entrez un lien dans votre barre d'adresse ou que vous cliquez sur un lien d'une page, le navigateur demande au serveur où l'adresse est hébergée. À partir de là, les ressources de la page sont téléchargées et le navigateur les utilise ensuite pour afficher la page et afficher le produit final.
C'est un peu plus compliqué que ça, cependant.
Un mot rapide sur les URL
Lorsque vous saisissez une URL, telle que www.google.com, vous ne voyez que cela. L'ordinateur voit autre chose. Une fois que vous avez tapé cela et appuyé sur entrée, il passe par un serveur de nom de domaine (DNS) et le convertit en une adresse IP - quelque chose que l'ordinateur peut lire. Ainsi, bien que vous puissiez voir www.google.com, le navigateur l'utilise, le passe via un serveur DNS, puis vous vous connectez à l'une des nombreuses adresses IP de Google, telles que 216.58.216.110 . Vous pouvez en fait entrer 216.58.216.110 dans la barre d'adresse et vous retrouver au même endroit.
Obtenir une page Web dans votre navigateur
Il y a beaucoup de pièces mobiles pour obtenir une page Web correctement affichée dans votre navigateur. Cependant, la première étape est la demande. Vous faites une demande à un serveur Web lorsque vous tapez l'adresse d'un site que vous souhaitez visiter, tel que www.techjunkie.com. Une fois que vous avez appuyé sur Entrée, votre navigateur se connecte à l'hôte Web et demande le téléchargement de plusieurs fichiers texte.
La prochaine étape est la réponse du serveur Web. C'est l'étape où le serveur fournit les ressources au navigateur. Le navigateur les demande (la demande) et le serveur les envoie (la réponse). Cependant, comment un navigateur peut-il savoir s'il a besoin de plus que d'un seul fichier? Cela se fait par quelque chose appelé analyse syntaxique. En d’autres termes, le navigateur prend le premier document et cherche des références à d’autres fichiers. S'il voit une référence à un autre fichier, il le télécharge également. C'est beaucoup plus complexe que cela, mais c'est l'essentiel de la façon dont il trouve tous les fichiers nécessaires.
Ensuite, toutes les informations téléchargées doivent être construites. Il prend le document HTML d'origine qu'il a téléchargé ainsi que toutes les ressources pertinentes et crée une sorte de structure ou d'arborescence. Il va d'abord construire un objet DOM (Document Object Map), qui est essentiellement la structure ou le placement des éléments sur une page. Ensuite, il construit la carte d'objets CSS - la structure de style des éléments du DOM. Enfin, il crée l’arbre de rendu, qui combine le DOM et la mappe d’objets CSS, et crée une structure pour la structure et le style de la page.
Enfin, la page est ensuite affichée et affichée à vous, l'utilisateur. Cette étape comporte également de nombreux calculs, car le navigateur doit déterminer la taille de la disposition par rapport à votre écran (par exemple, la taille des pages sera différente si vous utilisez une tablette, un smartphone ou un ordinateur). Mais une fois que cela sera fait, vous obtiendrez une dernière page, espérons-le belle, affichée dans votre navigateur.
Le processus est en fait assez étonnant - toutes ces demandes et tous ces calculs se font en quelques secondes, en fonction de la vitesse de votre connexion Internet, bien sûr. Mais dans l’ensemble, même s’il peut y avoir des centaines de fichiers dans une page Web, le processus ci-dessus s’effectue facilement en 10 secondes ou moins.
Fermeture
Espérons que nous avons clairement expliqué comment votre connexion Internet, votre navigateur et vos serveurs fonctionnent ensemble pour vous permettre d'accéder directement à des pages Web sur votre navigateur. Une meilleure compréhension de la manière dont toutes ces technologies s’interpénétrent et fonctionnaient ensemble permettrait non seulement de mieux comprendre ce qui se passe dans les coulisses, mais pourrait également vous aider à résoudre les problèmes liés au navigateur.
