Jak przeglądarka wyświetla stronę internetową na ekranie użytkownika?

Proces wyświetlania strony internetowej przez przeglądarkę obejmuje kilka etapów:

1. Pobranie HTML — przeglądarka żąda dokumentu HTML od serwera.
2. Parsowanie HTML — tworzy drzewo DOM (Document Object Model).
3. Pobranie i parsowanie CSS — tworzy CSSOM (CSS Object Model).
4. Budowa drzewa renderowania — łączenie DOM i CSSOM w celu określenia stylów i struktury wyświetlania.
5. Układ (obliczanie geometrii) — obliczanie rozmiarów i pozycji elementów na stronie.
6. Rysowanie (renderowanie) — przeglądarka rysuje piksele na ekranie zgodnie z drzewem renderowania.

Jeśli na stronie jest JavaScript, może on modyfikować DOM i CSSOM, wywołując ponowne renderowania.

W ten sposób przeglądarka kolejno przekształca kod strony w wizualne przedstawienie dla użytkownika.