Երբ է սկսվում էջի արտապատկերման գործընթացը?

Էջի ռենդերի գործընթացը սկսվում է, երբ բրաուզերը ստանում և սկսում է մշակել HTML փաստաթուղթը: Այս գործընթացը ներառում է մի քանի փուլեր:

1. HTML-ի վերլուծություն: Ստեղծվում է DOM (Փաստաթղթի օբյեկտային մոդել) ծառը:
2. CSSOM (CSS օբյեկտային մոդել) կառուցում: Վերլուծվում է էջին կիրառվող CSS-ը:
3. Render ծառի կառուցում: DOM և CSSOM-ը միավորվում են, որպեսզի ստեղծեն render ծառ, որը պարունակում է տեսանելի տարրերը և նրանց ոճերը:
4. Layout (Տեղադրման հաշվարկ): Հատուկ տարրերի երկրաչափական չափերը և դիրքերը որոշվում են:
5. Նկարագրում: Տարրերի պիքսելները նկարագրվում են էկրանին:
6. Կոմպոզիցիա: Render տարրերի շերտերը միավորվում են վերջնական ներկայացման համար էկրանին:

Չնայած ռենդերի գործընթացը սկսվում է հաճախորդի կողմում (բրաուզերում), նրա մեկնարկը տեղի է ունենում HTML-ի ստացման ժամանակ, որը հաճախ դինամիկորեն գեներացվում է Node.js սերվերից: Սերվերը պատասխանատու է նախնական HTML պատասխանն պատրաստելու և ուղարկելու համար։