Premýšľali ste niekedy, čo všetko je potrebné na načítanie webovej stránky do prehliadača? V závislosti od vášho internetového pripojenia zadaním adresy URL alebo adresy na webovú stránku a stlačením tlačidla „Enter“ sa na túto webovú stránku dostanete takmer okamžite. Pri pomalších pripojeniach to môže byť pomalší proces, na stránku sa však môžete dostať pomerne rýchlo. Čo sa deje v zákulisí, aby sa to všetko stalo? Postupujte ďalej a my vám ukážeme, čo sa deje!
Komunikácia medzi serverom a prehliadačom
Podľa laika, keď zadáte odkaz do adresného riadku alebo kliknete na odkaz na stránke, prehliadač odošle serveru požiadavku, na ktorej je adresa hostená. Odtiaľ sa stiahnu zdroje pre stránku a prehliadač ich potom použije na vykreslenie stránky a zobrazenie konečného produktu pre vás.
Je to však trochu komplikovanejšie.
Stručné slovo o adresách URL
Pri zadávaní adresy URL, napríklad www.google.com, sa zobrazuje presne to, čo vidíte. Počítač vidí niečo iné. Po zadaní a stlačení klávesu Enter prejde serverom DNS (Domain Name Server) a prevedie ho na IP adresu - niečo, čo počítač dokáže prečítať. Takže keď už vidíte stránku www.google.com, prehliadač to vezme, prechádza serverom DNS a potom sa skutočne pripájate k jednej z mnohých adries IP spoločnosti Google, napríklad k číslu 216.58.216.110 . Do panela s adresou by ste skutočne mohli napísať 216.58.216.110 a skončiť na rovnakom mieste.
Získanie webovej stránky v prehliadači
Existuje veľa pohyblivých častí na správne zobrazenie webovej stránky v prehliadači. Prvým krokom je však žiadosť. Webový server požiadate, keď napíšete adresu stránok, ktoré chcete navštíviť, napríklad www.techjunkie.com. Po stlačení klávesu Enter sa váš prehliadač pripojí k webovému hostiteľovi a požiada o prevzatie súboru textových súborov.
Ďalším krokom je reakcia webového servera. Toto je krok, v ktorom server skutočne poskytuje prostriedky prehľadávaču. Prehliadač si ich vyžiada (žiadosť) a server ich odošle (odpoveď). Ako však vie prehliadač, či potrebuje viac ako len jeden súbor? Robí to prostredníctvom niečoho, čo sa nazýva syntaktická analýza. Inými slovami, prehliadač vezme prvý dokument a vyhľadá akékoľvek odkazy na iné súbory. Ak vidí odkaz na iný súbor, stiahne ho tiež. Je to oveľa zložitejšie ako to, ale to je podstata toho, ako nájde všetky potrebné súbory.
Ďalej je potrebné zostaviť všetky stiahnuté informácie. Berie pôvodný dokument HTML, ktorý si stiahol, ako aj všetky príslušné zdroje a vytvára akúsi štruktúru alebo strom. Najprv vytvorí dokument DOM (Document Object Map), čo je v podstate štruktúra alebo umiestnenie prvkov na stránke. Ďalej buduje objektovú mapu CSS - štruktúru štýlu prvkov v DOM. Nakoniec vytvorí strom vykreslenia, ktorý v zásade vezme DOM a CSS Object Map, kombinuje ich a vytvorí štruktúru toho, ako je stránka štruktúrovaná a štylizovaná.
A nakoniec sa stránka vykreslí a zobrazí vám, používateľovi. V tomto kroku je tiež veľa výpočtov, pretože prehliadač musí zistiť, aké je rozloženie relatívne k vašej obrazovke (napr. Veľkosť stránok sa bude líšiť, ak používate tablet, smartfón alebo počítač). Ale akonáhle sa tak stane, v prehliadači sa zobrazí konečná a dúfajme dobre vyzerajúca stránka.
Tento proces je vlastne celkom úžasný - všetky tieto žiadosti a výpočty sa uskutočňujú v priebehu niekoľkých sekúnd, samozrejme v závislosti na tom, ako rýchlo je vaše pripojenie na internet. Ale z väčšej časti, aj keď na webovej stránke môžu byť stovky súborov, vyššie uvedený proces sa ľahko stane za 10 sekúnd alebo menej.
záverečný
Dúfame, že sme jasne vysvetlili, ako vaše internetové pripojenie, prehliadač a servery navzájom spolupracujú pri doručovaní webových stránok priamo do vášho prehliadača. Hlbšie porozumenie toho, ako sa všetky tieto technológie vzájomne prelínajú a spolupracujú, vám nielenže dá lepšie oceniť to, čo sa deje v zákulisí, ale môže vám tiež pomôcť pri riešení problémov súvisiacich s prehliadačom.
