Браузер чӣ гуна вебсайтро дар экрани корбар намоиш медиҳад?

Процеси намоиши вебсаҳифа аз ҷониби браузер чанд марҳила дорад:

1. Гирифтани HTML — браузер ҳуҷҷати HTML-ро аз сервер талаб мекунад.
2. Парс кардани HTML — дарахти DOM (Document Object Model) сохта мешавад.
3. Гирифтани ва парс кардани CSS — CSSOM (CSS Object Model) сохта мешавад.
4. Тамосбандии дарахти рендеринг — пайваст кардани DOM ва CSSOM барои муайян кардани услубҳо ва сохтори намоиш.
5. Лоут (ҳисоб кардани геометрия) — андозаҳо ва ҷойгиршавии унсурҳо дар саҳифа ҳисоб карда мешаванд.
6. Рангкашӣ (rendering) — браузер пикселҳоро дар экран мувофиқи дарахти рендеринг мекашад.

Агар дар саҳифа JavaScript бошад, он метавонад DOM ва CSSOM-ро тағир диҳад, ки ба рендерингҳои такрорӣ оварда мерасонад.

Бинобар ин, браузер тадриҷан кодро ба намоиши визуалӣ барои корбар табдил медиҳад.