Kuidas näitab brauser veebilehte kasutaja ekraanil?

Veebilehe kuvamise protsess brauseris hõlmab mitmeid etappe:

1. HTML hankimine — brauser küsib HTML-dokumenti serverilt.
2. HTML analüüs — ehitatakse DOM (Document Object Model) puu.
3. CSS hankimine ja analüüs — ehitatakse CSSOM (CSS Object Model).
4. Renderipuu loomine — DOM ja CSSOM ühendatakse, et määrata stiilid ja struktuur.
5. Paigutus (geomeetria arvutamine) — arvutatakse elementide suurused ja positsioonid.
6. Värvimine (renderimine) — brauser joonistab piksleid ekraanile vastavalt renderipuu struktuurile.

Kui lehel on JavaScript, võib see muuta DOM-i ja CSSOM-i, põhjustades korduvaid renderdusi.

Nii muudab brauser järk-järgult lehe koodi visuaalseks esituseks kasutajale.