Cum afișează browserul o pagină web pe ecranul utilizatorului?

Procesul de afișare a unei pagini web de către browser include mai multe etape:

1. Preluarea HTML — browserul solicită documentul HTML de la server.
2. Analiza HTML — se construiește arborele DOM (Document Object Model).
3. Preluarea și analiza CSS — se construiește CSSOM (CSS Object Model).
4. Construirea arborelui de redare — combinarea DOM și CSSOM pentru a determina stilurile și structura de afișare.
5. Layout (calculul geometriei) — se calculează dimensiunile și pozițiile elementelor de pe pagină.
6. Vopsirea (redarea) — browserul desenează pixeli pe ecran conform arborelui de redare.

Dacă pe pagină există JavaScript, acesta poate modifica DOM și CSSOM, provocând redări suplimentare.

Astfel, browserul transformă secvențial codul paginii într-o reprezentare vizuală pentru utilizator.