Ako spracováva prehliadač webovú stránku?

Analýza URL: Prehliadač analyzuje URL, aby určil protokol, doménové meno a cestu ku zdroju.
DNS požiadavka: Ak doménové meno ešte nie je v lokálnej cache, prehliadač odošle DNS požiadavku na získanie IP adresy servera.
Vytvorenie TCP spojenia: Prehliadač nadväzuje TCP spojenie so serverom pomocou získanej IP adresy.
HTTP požiadavka: Prehliadač odošle HTTP požiadavku na server, žiadajúc požadovanú webovú stránku.
Prijatie HTTP odpovede: Server spracuje požiadavku a odošle HTTP odpoveď obsahujúcu HTML kód, CSS, JavaScript a ďalšie zdroje.
Analýza HTML: Prehliadač začína analyzovať prijatý HTML a vytvára strom DOM (Document Object Model).
Načítanie zdrojov: Počas analýzy HTML prehliadač deteguje odkazy na iné zdroje (CSS, JS, obrázky) a začína ich načítavať, často paralelne.
Analýza CSS: Prehliadač analyzuje CSS a vytvára strom CSSOM (CSS Object Model).
Vytvorenie renderovacieho stromu (Render Tree): Kombinovaním DOM a CSSOM prehliadač vytvára renderovací strom, ktorý obsahuje iba viditeľné uzly a ich štýly.
Rozloženie (Layout): Prehliadač vypočíta geometrické rozmery a pozíciu každého prvku na stránke.
Kreslenie (Painting): Prehliadač kreslí pixely pre každý prvok na obrazovke na základe renderovacieho stromu a výsledkov rozloženia.
Kompózovanie (Compositing): Ak stránka obsahuje vrstvy (napríklad kvôli vlastnostiam CSS ako transform alebo opacity), prehliadač tieto vrstvy spojí, aby zobrazil konečný obrázok.
Spracovanie JavaScriptu: Pri detekcii tagov <script> alebo inline skriptov prehliadač analyzuje, kompiluje a vykonáva JavaScript. JavaScript môže meniť DOM, CSSOM a ovplyvniť fázy rozloženia a kreslenia, čo môže viesť k opakovaniu týchto krokov.