Kako pregledač obrađuje veb stranicu?

Analiza URL: Pregledač analizira URL da odredi protokol, naziv domena i put do resursa.
DNS zahtev: Ako naziv domena još uvek nije u lokalnoj keš memoriji, pregledač šalje DNS zahtev da dobije IP adresu servera.
Uspostavljanje TCP veze: Pregledač uspostavlja TCP vezu sa serverom koristeći dobijenu IP adresu.
HTTP zahtev: Pregledač šalje HTTP zahtev serveru, tražeći željenu veb stranicu.
Prijem HTTP odgovora: Server obrađuje zahtev i šalje HTTP odgovor koji sadrži HTML kod, CSS, JavaScript i druge resurse.
Analiza HTML: Pregledač počinje da analizira primljeni HTML, kreirajući DOM (Document Object Model) drvo.
Učitavanje resursa: Tokom analize HTML, pregledač detektuje linkove na druge resurse (CSS, JS, slike) i počinje njihovo učitavanje, često paralelno.
Analiza CSS: Pregledač analizira CSS i kreira CSSOM (CSS Object Model) drvo.
Kreiranje render stabla (Render Tree): Kombinovanjem DOM i CSSOM, pregledač kreira render stablo koje sadrži samo vidljive čvorove i njihove stilove.
Raspored (Layout): Pregledač računa geometrijske dimenzije i poziciju svakog elementa na stranici.
Crtanje (Painting): Pregledač crta piksele za svaki element na ekranu na osnovu render stabla i rezultata rasporeda.
Kompizicija (Compositing): Ako stranica sadrži slojeve (npr. zbog CSS svojstava kao što su transform ili opacity), pregledač ih kombinuje da prikaže konačnu sliku.
Obrada JavaScript-a: Pri detekciji <script> tagova ili inline skripti, pregledač analizira, kompajlira i izvršava JavaScript. JavaScript može menjati DOM, CSSOM i uticati na faze rasporeda i crtanja, što može dovesti do ponovnog izvršavanja ovih koraka.