Alguna vegada us heu preguntat què cal tenir per carregar una pàgina web al navegador? En funció de la vostra connexió a Internet, escrivint l’URL o l’adreça a una pàgina web i prement el botó “Enter” et porta a aquesta pàgina web gairebé instantàniament. Pot ser un procés més lent en connexions més lentes, però encara podeu arribar a una pàgina relativament ràpida. Què està passant entre bastidors perquè tot això passi? Seguiu més avall i us mostrarem què passa?
Comunicació del servidor al navegador
En termes de profe, quan introduïu un enllaç a la barra d'adreces o feu clic a un enllaç d'una pàgina, el navegador fa una sol·licitud al servidor de l'adreça allotjada. A partir d’aquí, es descarreguen els recursos de la pàgina i el navegador utilitza aquells recursos per mostrar la pàgina i mostrar-vos el producte final.
Però és una mica més complicat.
Una paraula ràpida als URL
Quan escriviu un URL, com ara www.google.com, això és el que veieu. L’ordinador veu una altra cosa. Un cop escriviu això i premeu Enter, viatja a través d'un servidor de noms de domini (DNS) i el converteix en una adreça IP, cosa que l'ordinador pot llegir. Així, mentre que podríeu veure www.google.com, el navegador s’aconsegueix, el passa a través d’un servidor DNS, i en realitat us connecteu a una de les moltes adreces IP de Google, com ara 216.58.216.110 . En realitat podríeu escriure 216.58.216.110 a la barra d'adreces i acabar a la mateixa ubicació.
Obtenció d'una pàgina web al navegador
Hi ha moltes parts mòbils per aconseguir que una pàgina web es mostri correctament al navegador. Tot i això, el primer pas és la sol·licitud. Feu una sol·licitud a un servidor web quan escriviu l’adreça d’un lloc que voleu visitar, com ara www.techjunkie.com. Un cop premeu Enter, el navegador es connecta a l'amfitrió web i sol·licita que es descarreguin un munt de fitxers de text.
El següent pas és la resposta del servidor web. Aquest és el pas en què el servidor proporciona els recursos al navegador. El navegador les demana (la sol·licitud) i el servidor les envia (la resposta). Tanmateix, com sap un navegador si necessita més que un sol fitxer? Això ho fa mitjançant una cosa que es diu anàlisi. En altres paraules, el navegador pren el primer document, cercant referències a altres fitxers. Si veu una referència a un altre fitxer, també el descarrega. És molt més complex que això, però aquesta és la manera de trobar tots els fitxers necessaris.
A continuació, s'ha de crear tota la informació que descarregava. Porta el document HTML original que va descarregar, així com tots els recursos rellevants, i crea una mena d’estructura o arbre. Primerament crearà un Document Object Map (DOM), que és essencialment l'estructura o la ubicació d'elements en una pàgina. A continuació, crea el mapa d'objectes CSS: l'estructura per dissenyar els elements del DOM. Finalment, crea l'arbre de renderització, que bàsicament pren el DOM i el mapa d'objectes CSS, els combina i crea una estructura per a la forma en què s'estructura i es dibuixa la pàgina.
I, per últim, es mostra la pàgina i es mostra a vostè, l’usuari. També hi ha molts càlculs en aquest pas, ja que el navegador ha d’esbrinar la mida del disseny respecte a la pantalla (per exemple, la mida de la pàgina serà diferent si teniu una tauleta, un telèfon intel·ligent o un ordinador). Però, un cop ho faci, obtindreu una pàgina final i esperem que es mostri bé al navegador.
El procés és realment sorprenent: totes aquestes peticions i càlculs es produeixen en qüestió de segons, segons la velocitat de la vostra connexió a Internet, per descomptat. Però, en la seva majoria, tot i que hi pot haver centenars d’arxius a una pàgina web, el procés anterior es produeix fàcilment en 10 segons o menys.
Tancament
Tant de bo us expliquem clarament com la vostra connexió a Internet, el navegador i els servidors funcionen junts per lliurar-vos pàgines web directament al vostre navegador. Si entengueu més com es combinen totes aquestes tecnologies i funcionen junts, no només us donarà una millor valoració del que passa entre bastidors, sinó que també us ajudarà a resoldre qualsevol problema relacionat amb el navegador.
