Middle
Kā notiek vietnes attēlošana lietotājam?
sobes.tech AI
Atbilde no AI
- Lietotājs ievada URL pārlūkprogrammā. Pārlūkprogramma nosūta DNS pieprasījumu, lai iegūtu servera IP adresi.
- Pārlūkprogramma izveido TCP savienojumu ar serveri. Parasti tiek izmantots HTTP/S protokols.
- Pārlūkprogramma nosūta HTTP pieprasījumu serverim. Pieprasīts HTML dokuments un citi resursi (CSS, JavaScript, attēli).
- Serveris apstrādā pieprasījumu un nosūta HTTP atbildi. Atbilde satur pieprasītos resursus un statusa informāciju.
- Pārlūkprogramma saņem HTML dokumentu. Sākas HTML analīze.
- Tiek izveidots DOM (Document Object Model). Objekta koks, kas pārstāv HTML struktūru.
- Pārlūkprogramma atklāj HTML saitēs uz ārējiem resursiem (CSS, JavaScript, attēli). Veic papildu pieprasījumus to iegūšanai.
- Pārlūkprogramma saņem CSS stilus. Sākas CSS analīze.
- Tiek izveidots CSSOM (CSS Object Model). Objekta koks, kas pārstāv stilus.
- Tiek izveidots Render Tree. DOM un CSSOM apvienojums. Satur tikai redzamos elementus un to stilus.
- Layout (vai Reflow). Aprēķinātas ģeometriskās dimensijas un katra elementa pozīcija lapā.
- Paint (vai Repaint). Elementi tiek zīmēti uz ekrāna atbilstoši to stilam un pozīcijai.
- Sastāde. Lapa tiek veidota slānis pa slānim, lai tā tiktu parādīta lietotājam.
- Pārlūkprogramma saņem JavaScript failus. Sākas koda analīze un izpilde. JavaScript var mainīt DOM un CSSOM, kas noved pie Layout un Paint pārskatīšanas.
- Lapas attēlošana lietotājam. Kamēr resursi tiek saņemti un soļi pabeigti, lietotājs redz lapas saturu.