Middle
Kuidas toimub veebisaidi renderdamine kasutajale?
sobes.tech AI
Vastus AI-lt
- Kasutaja sisestab URL-i brauserisse. Brauser saadab DNS-päringu serveri IP-aadressi saamiseks.
- Brauser loob TCP-ühenduse serveriga. Tavaliselt kasutatakse HTTP/S protokolli.
- Brauser saadab HTTP-päringu serverile. Päringule vastatakse HTML-dokumendi ja teiste ressursside (CSS, JavaScript, pildid) nõudmisega.
- Server töötleb päringu ja saadab HTTP-vastuse. Vastus sisaldab nõutud ressursse ja staatuseinfot.
- Brauser saab HTML-dokumendi. HTML-i analüüs algab.
- Luuakse DOM (Document Object Model). Objektide puu, mis esindab HTML-struktuuri.
- Brauser avastab HTML-s välised ressursid (CSS, JavaScript, pildid). Tehakse täiendavaid päringuid nende saamiseks.
- Brauser saab CSS-stiilid. CSS-i analüüs algab.
- Luuakse CSSOM (CSS Object Model). Objektide puu, mis esindab stiile.
- Luuakse Render Tree. DOM-i ja CSSOM-i ühendamine. Sisaldab ainult nähtavaid elemente ja nende stiile.
- Layout (või Reflow). Arvutatakse iga elemendi geomeetrilised mõõtmed ja asukoht lehel.
- Paint (või Repaint). Elemendid joonistatakse ekraanile vastavalt nende stiilidele ja asukohale.
- Composite. Leht koostatakse kiht-kihilt kasutajale kuvamiseks.
- Brauser saab JavaScript-faile. Algab koodi analüüs ja täitmine. JavaScript võib muuta DOM-i ja CSSOM-i, mis põhjustab Layout-i ja Paint-i ümberarvutamise.
- Lehe kuvamine kasutajale. Ressursside saabumise ja sammude lõpetamisega näeb kasutaja lehe sisu.