Ako prehliadač zobrazuje webovú stránku na obrazovke používateľa?

Proces zobrazovania webovej stránky prehliadačom zahŕňa niekoľko krokov:

1. Získanie HTML — prehliadač požaduje HTML dokument zo servera.
2. Parsovanie HTML — vytvára sa strom DOM (Document Object Model).
3. Získanie a parsovanie CSS — vytvára sa CSSOM (CSS Object Model).
4. Vytvorenie renderovacieho stromu — spojenie DOM a CSSOM za účelom určenia štýlov a štruktúry zobrazenia.
5. Rozloženie (výpočet geometrie) — sa vypočítavajú rozmery a pozície prvkov na stránke.
6. Vykreslenie (renderovanie) — prehliadač kreslí pixely na obrazovku podľa renderovacieho stromu.

Ak je na stránke JavaScript, môže meniť DOM a CSSOM, čo spôsobí opätovné renderovanie.

Týmto spôsobom prehliadač postupne prevádza kód stránky na vizuálne zobrazenie pre používateľa.