Shrnutí na Co se stane, když napíšeš adresu do prohlížeče
Co se stane, když napíšeš adresu do prohlížeče: Podrobný průvodce
Vítejte u studia základního fungování webových stránek! V dnešní digitální době je internet nedílnou součástí našich životů. Každý den používáme webové prohlížeče k přístupu k obrovskému množství informací, služeb a zábavy. Ale zamysleli jste se někdy nad tím, co se děje, když do adresního řádku zadáte URL adresu a stisknete Enter? Není to jen tak, že se stránka "objeví". Je to komplexní orchestr procesů, které probíhají v zákulisí během několika milisekund. Tento studijní materiál vám pomůže pochopit jednotlivé kroky, které vedou k zobrazení webové stránky ve vašem prohlížeči, od překladu doménového jména po vykreslení obsahu.
1. DNS dotaz (Překlad doménového jména)
Když zadáte do prohlížeče URL adresu, například www.example.com, vaším prvním krokem je najít IP adresu serveru, na kterém je webová stránka hostována. Prohlížeče totiž nepracují s lidsky čitelnými názvy domén, ale s číselnými IP adresami, jako je například 93.184.216.34. Tento překlad zajišťuje systém DNS (Domain Name System), který si můžeme představit jako rozsáhlý telefonní seznam internetu.
DNS (Domain Name System): Distribuovaný systém pro překlad doménových jmen na IP adresy a naopak.
Průběh DNS dotazu:
- Kontrola lokální cache: Prohlížeč nejprve zkontroluje svou vlastní lokální DNS cache (paměť), zda již IP adresu pro danou doménu nezná.
- Dotaz na lokální DNS server: Pokud IP adresu v cache nenajde, odešle dotaz na lokální DNS server. Ten je obvykle spravován vaším poskytovatelem internetu (ISP).
- Rekurzivní dotazovací proces: Jestliže ani lokální DNS server nezná IP adresu, zahájí rekurzivní proces dotazování:
- Dotaz na kořenový server: Lokální DNS server se zeptá kořenového DNS serveru (root server), který zná adresy serverů pro domény nejvyšší úrovně (TLD), jako jsou
.com,.org,.cz. - Dotaz na TLD server: Kořenový server odpoví adresou TLD serveru pro danou doménu (např. pro
.com). Lokální DNS server se poté zeptá tohoto TLD serveru. - Dotaz na autoritativní DNS server: TLD server zná adresy autoritativních DNS serverů pro konkrétní doménu (např. pro
example.com). TLD server odpoví adresou tohoto autoritativního serveru. - Získání IP adresy: Lokální DNS server se zeptá autoritativního DNS serveru, který zná konkrétní IP adresu pro
www.example.com. - Odpověď: Autoritativní server odpoví s požadovanou IP adresou (např.
93.184.216.34).
- Dotaz na kořenový server: Lokální DNS server se zeptá kořenového DNS serveru (root server), který zná adresy serverů pro domény nejvyšší úrovně (TLD), jako jsou
- Uložení a předání: Lokální DNS server si tuto IP adresu uloží do své cache pro budoucí použití a předá ji prohlížeči.
Celý tento proces může trvat od několika milisekund do několika sekund, v závislosti na vzdálenosti serverů a zatížení sítě. Bez úspěšného DNS dotazu by prohlížeč nemohl navázat spojení se serverem.
Příklad DNS dotazu:
Uživatel zadá www.example.com.
- Prohlížeč zkontroluje cache. Nenajde.
- Odešle dotaz na lokální DNS server (např.
192.168.1.1). - Lokální DNS server se zeptá kořenového serveru (např.
A.ROOT-SERVERS.NET). - Kořenový server odpoví: „Pro
.comse zeptej naa.gtld-servers.net.” - Lokální DNS server se zeptá TLD serveru
a.gtld-servers.net. - TLD server odpoví: „Pro
example.comse zeptej nans1.example.com.” - Lokální DNS server se zeptá autoritativního serveru
ns1.example.com. - Autoritativní server odpoví: „
www.example.commá IP adresu93.184.216.34.” - Lokální DNS server předá
93.184.216.34prohlížeči.
2. TCP handshake (Navázání spojení)
Jakmile prohlížeč získá IP adresu serveru, dalším krokem je navázání spolehlivého spojení. K tomu slouží protokol TCP (Transmission Control Protocol). TCP zajišťuje, že data budou doručena v pořádku a správně. Navázání TCP spojení probíhá pomocí tzv. **třífáz
Zaregistruj se pro celé shrnutíUž máš účet? Přihlásit se
Jak funguje web
Klíčová slova: Webové stránky, Síťová komunikace, Webové technologie
Klíčové pojmy: DNS překládá doménová jména na IP adresy., Prohlížeč nejprve kontroluje lokální DNS cache, poté se dotazuje na lokální a autoritativní DNS servery., TCP handshake (SYN, SYN-ACK, ACK) navazuje spolehlivé spojení mezi klientem a serverem., HTTP požadavek (`GET`, `POST`) je odeslán prohlížečem k získání webového obsahu., HTTP odpověď obsahuje stavový kód, hlavičky a samotný obsah stránky., Vykreslování začíná parsováním HTML do DOM a CSS do CSSOM., Render Tree kombinuje DOM a CSSOM pro vizuálně relevantní elementy., Fáze Layout (reflow) vypočítává pozice a velikosti elementů na stránce., Painting (vykreslování) převádí Render Tree na pixely na obrazovce., Proces probíhá v milisekundách, často s paralelním stahováním zdrojů.