Přemýšleli jste někdy, co všechno je potřeba k načtení webové stránky do prohlížeče? V závislosti na připojení k internetu se zadáním adresy URL nebo adresy na webovou stránku a stisknutím tlačítka „Enter“ dostanete na tuto webovou stránku téměř okamžitě. Na pomalejších připojeních to může být pomalejší proces, ale na stránku se můžete dostat poměrně rychle. Co se děje v zákulisí, aby se to všechno stalo? Následujte níže a my vám ukážeme, co se děje!
Komunikace mezi serverem a prohlížečem
Laicky řečeno, když zadáte odkaz do adresního řádku nebo kliknete na odkaz na stránce, prohlížeč požádá server, na kterém je adresa hostována. Odtud se stáhnou zdroje pro stránku a prohlížeč pak tyto prostředky použije k vykreslení stránky a zobrazení konečného produktu pro vás.
Je to ale o něco složitější.
Rychlé slovo o adresách URL
Když zadáte adresu URL, například www.google.com, je to přesně to, co vidíte. Počítač vidí něco jiného. Jakmile to zadáte a stisknete enter, projde serverem DNS (Domain Name Server) a převede jej na IP adresu - něco, co počítač dokáže přečíst. Takže když uvidíte www.google.com, prohlížeč to vezme, prochází serverem DNS a pak se vlastně připojujete k jedné z mnoha IP adres Google, například 216.58.216.110 . Ve skutečnosti můžete do adresního řádku napsat 216.58.216.110 a skončit na stejném místě.
Získání webové stránky v prohlížeči
Existuje spousta pohyblivých částí, aby se webová stránka mohla správně zobrazit v prohlížeči. Prvním krokem je však žádost. Webový server požádáte, když zadáte adresu webu, který chcete navštívit, například www.techjunkie.com. Po stisknutí klávesy Enter se váš prohlížeč připojí k hostiteli webu a požádá o stažení mnoha textových souborů.
Dalším krokem je odpověď webového serveru. Toto je krok, kdy server skutečně poskytuje prostředky prohlížeči. Prohlížeč si je vyžádá (požadavek) a server je odešle (odpověď). Jak však prohlížeč ví, zda potřebuje více než jen jeden soubor? Dělá to prostřednictvím něčeho, co se nazývá parsování. Jinými slovy, prohlížeč vezme první dokument a hledá jakékoli odkazy na jiné soubory. Pokud vidí odkaz na jiný soubor, stáhne jej také. Je to mnohem složitější než to, ale to je podstata toho, jak najde všechny potřebné soubory.
Dále musí být vytvořeny všechny informace, které stáhlo. Vezme původní dokument HTML, který stáhl, jakož i všechny relevantní zdroje a vytvoří určitý druh struktury nebo stromu. Nejprve vytvoří dokument DOM (Object Object Map), což je v podstatě struktura nebo umístění prvků na stránce. Dále vytvoří objektovou mapu CSS - strukturu stylů prvků v DOMu. Nakonec vytvoří strom vykreslení, který v zásadě vezme DOM a CSS Object Map, kombinuje je a vytvoří strukturu, jak je stránka strukturována a stylizována.
A konečně je stránka vykreslena a zobrazena vám, uživateli. V tomto kroku je také spousta výpočtů, protože prohlížeč musí zjistit, jak velké je rozvržení vzhledem k vaší obrazovce (např. Velikost stránek se bude lišit, pokud používáte tablet, chytrý telefon nebo počítač). Jakmile to však uděláte, zobrazí se ve vašem prohlížeči konečná a snad dobře vypadající stránka.
Tento proces je ve skutečnosti docela úžasný - všechny tyto požadavky a výpočty se odehrávají během několika sekund, samozřejmě v závislosti na rychlosti vašeho internetového připojení. Ale z velké části, i když na webové stránce mohou být stovky souborů, výše uvedený proces se snadno stane za 10 sekund nebo méně.
Uzavírání
Doufejme, že jsme jasně vysvětlili, jak vaše internetové připojení, prohlížeč a servery spolupracují při doručování webových stránek přímo do vašeho prohlížeče. Díky hlubšímu pochopení toho, jak se všechny tyto technologie vzájemně prolínají a spolupracují, vám to nejen poskytne lepší ocenění za to, co se děje v zákulisí, ale také vám může pomoci vyřešit všechny problémy související s prohlížečem.
