Ti sei mai chiesto cosa serve per caricare una pagina web nel tuo browser? A seconda della connessione Internet, digitando l'URL o l'indirizzo di una pagina Web e premendo il pulsante "Invio" si accede a tale pagina Web quasi istantaneamente. Può essere un processo più lento su connessioni più lente, ma puoi comunque arrivare a una pagina relativamente veloce. Cosa succede dietro le quinte per far sì che tutto ciò accada? Segui sotto e ti mostreremo cosa sta succedendo!
Comunicazione da server a browser
In parole povere, quando si inserisce un collegamento nella barra degli indirizzi o si fa clic su un collegamento in una pagina, il browser invia una richiesta al server in cui è ospitato l'indirizzo. Da lì, le risorse per la pagina vengono scaricate e il browser quindi utilizza tali risorse per renderizzare la pagina e visualizzare il prodotto finale.
È un po 'più complicato di così, però.
Una breve parola sugli URL
Quando digiti un URL, come www.google.com, è proprio quello che vedi. Il computer vede qualcos'altro. Dopo averlo digitato e premuto Invio, attraversa un Domain Name Server (DNS) e lo converte in un indirizzo IP, qualcosa che il computer può leggere. Quindi, mentre potresti vedere www.google.com, il browser lo prende, lo passa attraverso un server DNS e quindi ti stai effettivamente connettendo a uno dei tanti indirizzi IP di Google, come 216.58.216.110 . Puoi effettivamente digitare 216.58.216.110 nella barra degli indirizzi e finire nella stessa posizione.
Ottenere una pagina Web nel browser
Ci sono molte parti mobili per visualizzare correttamente una pagina web nel tuo browser. Tuttavia, il primo passo è la richiesta. Si effettua una richiesta a un server Web quando si digita l'indirizzo di un sito che si desidera visitare, ad esempio www.techjunkie.com. Dopo aver premuto Invio, il browser si connette all'host Web e richiede il download di un sacco di file di testo.
Il prossimo passo è la risposta del web server. Questo è il passaggio in cui il server fornisce effettivamente le risorse al browser. Il browser li richiede (la richiesta) e il server li invia (la risposta). Tuttavia, come fa un browser a sapere se ha bisogno di più di un singolo file? Lo fa attraverso qualcosa chiamato analisi. In altre parole, il browser prende il primo documento, cercando eventuali riferimenti ad altri file. Se vede un riferimento a un altro file, lo scarica anche. È molto più complesso di così, ma questo è l'essenza di come trova tutti i file necessari.
Successivamente, tutte le informazioni che ha scaricato devono essere costruite. Prende il documento HTML originale scaricato e tutte le risorse pertinenti e crea una sorta di struttura o albero. Costruirà prima una Document Object Map (DOM), che è essenzialmente la struttura o il posizionamento degli elementi in una pagina. Successivamente, crea la mappa degli oggetti CSS, la struttura per lo stile degli elementi nel DOM. Infine, crea l'albero di rendering, che fondamentalmente prende il DOM e la mappa degli oggetti CSS, li combina e crea una struttura per la struttura e lo stile della pagina.
Infine, la pagina viene quindi visualizzata e visualizzata all'utente. Ci sono anche molti calcoli in questo passaggio, poiché il browser deve scoprire quanto è grande il layout rispetto allo schermo (ad esempio, le dimensioni della pagina saranno diverse se sei su un tablet, uno smartphone o un computer). Ma una volta fatto, otterrai una pagina finale e speriamo di bell'aspetto visualizzata nel tuo browser.
Il processo è in realtà piuttosto sorprendente: tutte queste richieste e calcoli avvengono in pochi secondi, ovviamente a seconda della velocità della tua connessione Internet. Ma per la maggior parte, anche se ci possono essere centinaia di file in una pagina Web, il processo sopra descritto avviene facilmente in 10 secondi o meno.
Chiusura
Speriamo di aver spiegato chiaramente come la tua connessione Internet, il browser e i server lavorino tutti insieme per fornire le tue pagine web direttamente al tuo browser. Avendo una comprensione più approfondita di come tutte queste tecnologie si intrecciano e lavorano insieme, non solo ti darà un migliore apprezzamento per ciò che sta accadendo dietro le quinte, ma potrebbe anche aiutarti a risolvere eventuali problemi relativi al browser.
