Middle
Hogyan történik a weboldal renderelése a felhasználó számára?
sobes.tech MI
Válasz az MI-től
- A felhasználó beírja az URL-t a böngészőbe. A böngésző DNS-kérést küld a szerver IP-címének megszerzéséhez.
- A böngésző TCP-kapcsolatot létesít a szerverrel. Általában az HTTP/S protokollt használják.
- A böngésző HTTP-kérést küld a szervernek. A HTML-dokumentum és más erőforrások (CSS, JavaScript, képek) kérésre kerülnek.
- A szerver feldolgozza a kérést és HTTP-választ küld. A válasz tartalmazza a kért erőforrásokat és a státuszinformációkat.
- A böngésző megkapja a HTML-dokumentumot. Elkezdődik a HTML elemzése.
- Létrejön a DOM (Document Object Model). Egy objektumfa, amely a HTML szerkezetét reprezentálja.
- A böngésző felismeri a HTML-ben a külső erőforrásokra (CSS, JavaScript, képek) mutató hivatkozásokat. További kérések történnek azok beszerzése érdekében.
- A böngésző megkapja a CSS-stílusokat. Elkezdődik a CSS elemzése.
- Létrejön a CSSOM (CSS Object Model). Egy objektumfa, amely a stílusokat reprezentálja.
- Létrejön a Render Tree. A DOM és a CSSOM egyesítése. Csak a látható elemek és azok stílusai tartoznak ide.
- Layout (vagy Reflow). Minden elem geometriai méretei és pozíciója kiszámításra kerül.
- Paint (vagy Repaint). Az elemek a stílusuknak és pozíciójuknak megfelelően kerülnek kirajzolásra a képernyőre.
- Összeállítás. A oldal rétegenként kerül összerakásra a felhasználó számára való megjelenítéshez.
- A böngésző megkapja a JavaScript-fájlokat. Elkezdődik a kód elemzése és végrehajtása. A JavaScript módosíthatja a DOM-ot és a CSSOM-ot, ami a Layout és a Paint újraszámítását eredményezi.
- Az oldal megjelenik a felhasználónak. Ahogy a források érkeznek és a lépések befejeződnek, a felhasználó látja az oldal tartalmát.