Раванди расмкашии саҳифа кай вақт оғоз меёбад?

Процесси рендер кардани саҳифа вақте оғоз мешавад, ки браузер ҳуҷҷати HTML-ро мегирад ва оғоз ба коркарди он мекунад. Ин раванд чанд марҳила дорад:

1. Парсинг HTML: Дар дарахти DOM (Модели объекти ҳуҷҷат) сохта мешавад.
2. Тамосозии CSSOM (Модели объекти CSS): CSS, ки ба саҳифа татбиқ шудааст, парс мешавад.
3. Тамосозии дарахти рендеринг: DOM ва CSSOM якҷоя карда мешаванд, то дарахти рендеринг, ки унсурҳои намоён ва услубҳои онҳоро дар бар мегирад, сохта шаванд.
4. Лоут (Ҳисоб кардани тарҳ): Андозаҳои геометрӣ ва ҷойгиршавии ҳар як унсур дар саҳифа муайян карда мешавад.
5. Рангкашӣ: Пикселҳои унсурҳо дар экран ранг карда мешаванд.
6. Композиция: Қатламҳои унсурҳои рендершуда ба намоиши ниҳоӣ дар экран пайваст мешаванд.

Гарчанде ки равандҳои рендеринг дар ҷониби муштарӣ (браузер) оғоз меёбад, он тавассути гирифтани HTML, ки аксар вақт дар сервери Node.js динамикӣ тавлид мешавад, оғоз меёбад. Сервер масъул аст барои омода кардани ҷавоби HTML аввалин ва фиристодани он.