Middle
Kaip vyksta svetainės atvaizdavimas vartotojui?
sobes.tech AI
Atsakymas iš AI
- Vartotojas įveda URL naršyklėje. Naršyklė siunčia DNS užklausą, kad gautų serverio IP adresą.
- Naršyklė užmezga TCP ryšį su serveriu. Paprastai naudojamas HTTP/S protokolas.
- Naršyklė siunčia HTTP užklausą serveriui. Prašoma HTML dokumento ir kitų išteklių (CSS, JavaScript, paveikslėliai).
- Serveris apdoroja užklausą ir siunčia HTTP atsakymą. Atsakymas apima prašomus išteklius ir būsenos informaciją.
- Naršyklė gauna HTML dokumentą. Pradedamas HTML analizavimas.
- Sukuriamas DOM (Document Object Model). Objekto medis, atstovaujantis HTML struktūrą.
- Naršyklė aptinka HTML nuorodas į išorinius išteklius (CSS, JavaScript, paveikslėliai). Atliekami papildomi užsakymai jų gavimui.
- Naršyklė gauna CSS stilius. Pradedamas CSS analizavimas.
- Sukuriamas CSSOM (CSS Object Model). Objekto medis, atstovaujantis stilus.
- Sukuriama Render Tree. DOM ir CSSOM sujungimas. Turi tik matomus elementus ir jų stilius.
- Layout (arba Reflow). Apskaičiuojami geometriniai matmenys ir kiekvieno elemento pozicija puslapyje.
- Paint (arba Repaint). Elementai nupiešiami ekrane pagal jų stilių ir poziciją.
- Sudedimas. Puslapis sudaromas sluoksnis po sluoksnio naudotojui parodyti.
- Naršyklė gauna JavaScript failus. Pradedamas kodo analizavimas ir vykdymas. JavaScript gali keisti DOM ir CSSOM, kas sukelia Layout ir Paint peržiūrą.
- Puslapio rodymas naudotojui. Kai ištekliai gaunami ir žingsniai baigiami, naudotojas mato puslapio turinį.