Oletko koskaan miettinyt, mitä tarvitaan verkkosivun lataamiseen selaimeen? Internet-yhteydestäsi riippuen, kirjoittamalla verkkosivun URL-osoite tai osoite ja painamalla Enter-painiketta, pääset kyseiselle verkkosivulle melkein heti. Se voi olla hitaampi prosessi hitaammissa yhteyksissä, mutta pääset sivulle suhteellisen nopeasti. Mitä tapahtuu kulissien takana, jotta kaikki tapahtuisi? Seuraa alla olevia ohjeita ja me näytämme sinulle mitä tapahtuu!
Palvelimen ja selaimen välinen viestintä
Maallikko-olosuhteissa, kun kirjoitat linkin osoitepalkkiin tai napsautat sivun linkkiä, selain pyytää palvelinta, johon osoitetta ylläpidetään. Sieltä sivun resurssit ladataan, ja selain käyttää näitä resursseja sivun hakemiseen ja lopputuotteen näyttämiseen sinulle.
Se on kuitenkin hieman monimutkaisempi.
Nopea sana URL-osoitteissa
Kun kirjoitat URL-osoitteen, kuten www.google.com, juuri sitä näet. Tietokone näkee jotain muuta. Kun kirjoitat sen ja painat Enter, se kulkee DNS-nimipalvelimen (DNS) läpi ja muuntaa sen IP-osoitteeksi - jotain tietokone pystyy lukemaan. Joten vaikka saatat nähdä sivuston www.google.com, selain ottaa sen läpi, kulkee sen DNS-palvelimen läpi ja sitten muodostaa yhteyden johonkin Googlen monista IP-osoitteista, kuten 216.58.216.110 . Voit itse kirjoittaa osoiteriville 216.58.216.110 ja päätyä samaan sijaintiin.
Web-sivun saaminen selaimeesi
Web-sivun näyttäminen selaimessa on paljon liikkuvia osia. Ensimmäinen askel on kuitenkin pyyntö. Teet pyynnön verkkopalvelimelle kirjoittaessasi käytetyn sivuston osoitetta, kuten www.techjunkie.com. Kun painat Enter, selaimesi muodostaa yhteyden web-isäntään ja pyytää joukko tekstitiedostoja ladattavaksi.
Seuraava vaihe on verkkopalvelimen vastaus. Tässä vaiheessa palvelin tosiasiallisesti tarjoaa resursseja selaimeen. Selain pyytää heitä (pyyntö) ja palvelin lähettää heille (vastaus). Kuinka selain tietää, tarvitseeko se enemmän kuin vain yhden tiedoston? Se tekee tämän niin sanotun jäsentämisen avulla. Toisin sanoen selain ottaa ensimmäisen asiakirjan etsien viitteitä muihin tiedostoihin. Jos se näkee viittauksen toiseen tiedostoon, se lataa myös sen. Se on paljon monimutkaisempi kuin se, mutta siinä on ydin, kuinka se löytää kaikki tarvittavat tiedostot.
Seuraavaksi kaikki lataamansa tiedot on rakennettava. Se vie ladatun alkuperäisen HTML-dokumentin samoin kuin kaikki asiaankuuluvat resurssit ja luo eräänlaisen rakenteen tai puun. Se rakentaa ensin DOM (Document Object Map), joka on pääosin sivun elementtien rakenne tai sijoittelu. Seuraavaksi se rakentaa CSS-objektikartan - rakenteen, jolla DOM: n elementit muotoillaan. Lopuksi se luo renderöintipuun, joka pohjimmiltaan ottaa DOM: n ja CSS-objektikartan, yhdistää ne ja luo rakenteen sivun rakenteelle ja tyylille.
Ja viimeiseksi, sivu sitten renderoidaan ja näytetään sinulle, käyttäjälle. Tässä vaiheessa on myös paljon laskelmia, koska selaimen on selvitettävä, kuinka suuri asettelu on suhteessa näyttöön (esim. Sivukoko on erilainen, jos käytät tablettia, älypuhelinta tai tietokonetta). Mutta kun se tapahtuu, saat viimeisen ja toivottavasti hyvän näköisen sivun, joka näkyy selaimessasi.
Prosessi on oikeastaan aika hämmästyttävä - kaikki nämä pyynnöt ja laskelmat tapahtuvat muutamassa sekunnissa riippuen tietysti kuinka nopea Internet-yhteys on. Mutta suurimmaksi osaksi, vaikka verkkosivulle voi olla satoja tiedostoja, yllä oleva prosessi tapahtuu helposti enintään 10 sekunnissa.
Sulkeminen
Toivottavasti olemme selittäneet selvästi, kuinka Internet-yhteys, selain ja palvelimet toimivat yhdessä toimittaakseen sinulle verkkosivut suoraan selaimeesi. Kun ymmärrät paremmin, kuinka kaikki nämä tekniikat kietoutuvat toisiinsa ja toimivat yhdessä, se ei vain anna sinulle parempaa arviota kulissien takana tapahtuvasta, mutta voi myös auttaa sinua vianmäärityksessä selaimeen liittyvien ongelmien ratkaisemiseksi.
