Jak prohlížeč zpracovává webovou stránku?

Analýza URL: Prohlížeč analyzuje URL, aby určil protokol, doménové jméno a cestu ke zdroji.
DNS požadavek: Pokud doménové jméno ještě není v místní mezipaměti, prohlížeč odešle DNS požadavek k získání IP adresy serveru.
Navázání TCP spojení: Prohlížeč naváže TCP spojení se serverem pomocí získané IP adresy.
HTTP požadavek: Prohlížeč odešle HTTP požadavek na server, požadujíc požadovanou webovou stránku.
Přijetí HTTP odpovědi: Server zpracuje požadavek a odešle HTTP odpověď obsahující HTML kód, CSS, JavaScript a další zdroje.
Analýza HTML: Prohlížeč začne analyzovat přijaté HTML a vytvoří strom DOM (Document Object Model).
Načítání zdrojů: Během analýzy HTML prohlížeč detekuje odkazy na jiné zdroje (CSS, JS, obrázky) a začíná je načítat, často paralelně.
Analýza CSS: Prohlížeč analyzuje CSS a vytváří strom CSSOM (CSS Object Model).
Vytvoření renderovacího stromu (Render Tree): Kombinací DOM a CSSOM prohlížeč vytvoří renderovací strom, který obsahuje pouze viditelné uzly a jejich styly.
Rozvržení (Layout): Prohlížeč vypočítá geometrické rozměry a pozici každého prvku na stránce.
Vykreslení (Painting): Prohlížeč nakreslí pixely pro každý prvek na obrazovce na základě renderovacího stromu a výsledků rozvržení.
Seskupení (Compositing): Pokud stránka obsahuje vrstvy (například kvůli vlastnostem CSS jako transform nebo opacity), prohlížeč tyto vrstvy spojí, aby zobrazil finální obrázek.
Zpracování JavaScriptu: Při detekci tagů <script> nebo inline skriptů prohlížeč analyzuje, kompiluje a spouští JavaScript. JavaScript může měnit DOM, CSSOM a ovlivnit fáze rozvržení a vykreslování, což může vést k opakování těchto kroků.