Ինչպե՞ս է տեղի ունենում կայքի գծագրումը օգտվողի…

Օգտագործողը մուտքագրում է URL-ը բրաուզերում։ Բրաուզերը ուղարկում է DNS հարցում՝ ստանալու սերվերի IP հասցեն։
Բրաուզերը հաստատում է TCP կապ սերվերի հետ։ Հաճախ օգտագործվում է HTTP/S պրոտոկոլը։
Բրաուզերը ուղարկում է HTTP հարցում սերվերին։ Հարցվում է HTML փաստաթուղթը և այլ ռեսուրսներ (CSS, JavaScript, պատկերներ)։
Սերվերը մշակում է հարցումը և ուղարկում HTTP պատասխան։ Պատասխանը պարունակում է պահանջվող ռեսուրսները և վիճակի մասին տեղեկությունները։
Բրաուզերը ստանում է HTML փաստաթուղթը։ Սկսվում է HTML-ի վերլուծությունը։
Ստեղծվում է DOM (Document Object Model)։ Օբյեկտների ծառ, որը ներկայացնում է HTML-ի կառուցվածքը։
Բրաուզերը հայտնաբերում է HTML-ում արտաքին ռեսուրսների (CSS, JavaScript, պատկերներ) հղումները։ Կատարում են լրացուցիչ հարցումներ՝ ստանալու համար։
Բրաուզերը ստանում է CSS ոճերը։ Սկսվում է CSS-ի վերլուծությունը։
Ստեղծվում է CSSOM (CSS Object Model)։ Օբյեկտների ծառ, որը ներկայացնում է ոճերը։
Ստեղծվում է Render Tree։ DOM և CSSOM-ի միացում։ Միայն տեսանելի տարրերը և նրանց ոճերը պարունակում է։
Layout (կամ Reflow)։ Հաշվարկվում են յուրաքանչյուր տարրի երկրաչափական չափերը և դիրքը էջում։
Paint (կամ Repaint)։ Տարրերը նկարագրվում են էկրանին՝ համաձայն նրանց ոճերի և դիրքի։
Կոմպոզիցիա։ Էջը կազմվում է շերտերով՝ օգտագործողի համար ցուցադրման համար։
Բրաուզերը ստանում է JavaScript ֆայլերը։ Կատարվում է կոդի վերլուծություն և գործարկում։ JavaScript-ը կարող է փոփոխել DOM և CSSOM-ը, ինչը հանգեցնում է Layout և Paint-ի վերանհաշվարկի։
Էջի ցուցադրում օգտագործողին։ Երբ ռեսուրսները ստացվում են և քայլերը ավարտվում են, օգտագործողը տեսնում է էջի բովանդակությունը։

Ինչպե՞ս է տեղի ունենում կայքի գծագրումը օգտվողի համար։