Kaip naršyklė apdoroja tinklalapį?

URL analizė: Naršyklė analizuoja URL, kad nustatytų protokolą, domeno vardą ir ištekliaus kelią.
DNS užklausa: Jei domeno vardas dar nėra vietiniame talpykloje, naršyklė siunčia DNS užklausą, kad gautų serverio IP adresą.
TCP ryšio nustatymas: Naršyklė nustato TCP ryšį su serveriu pagal gautą IP adresą.
HTTP užklausa: Naršyklė siunčia HTTP užklausą serveriui, prašydama norimą tinklalapį.
HTTP atsakymo gavimas: Serveris apdoroja užklausą ir siunčia HTTP atsakymą, kuriame yra HTML kodas, CSS, JavaScript ir kiti ištekliai.
HTML analizė: Naršyklė pradeda analizuoti gautą HTML, kuria DOM medį (Document Object Model).
Išteklų įkėlimas: Analizuojant HTML, naršyklė aptinka nuorodas į kitus išteklius (CSS, JS, paveikslėlius) ir pradeda jų įkėlimą, dažnai lygiagrečiai.
CSS analizė: Naršyklė analizuoja CSS, kuria CSSOM medį (CSS Object Model).
Render medžio kūrimas: Sujungus DOM ir CSSOM, naršyklė sukuria render medį, kuris apima tik matomus mazgus ir jų stilius.
Laujo (Layout): Naršyklė apskaičiuoja kiekvieno elemento geometrinius matmenis ir padėtį puslapyje.
Piešimas (Painting): Naršyklė piešia pikselius kiekvienam elementui ekrane, remiantis render medžiu ir lauko rezultatais.
Kompozicija (Compositing): Jei puslapis turi sluoksnius (pvz., dėl CSS savybių kaip transform ar opacity), naršyklė sujungia šiuos sluoksnius galutiniam vaizdui.
JavaScript apdorojimas: Suradus <script> žymes ar įterptus skriptus, naršyklė analizuoja, kompiliuoja ir vykdo JavaScript. JavaScript gali keisti DOM, CSSOM ir paveikti lauko bei piešimo etapus, kas gali sukelti šių žingsnių pakartotinį vykdymą.