Middle
Ի՞նչ տեսակների էջերի ռենդերինգ կա։
sobes.tech AI
Պատասխան AI-ից
- Ասինխրոն ռենդերինգ (Async Rendering): Էջի մասերը (օրինակ, տվյալները, որոնք ստացվել են AJAX հարցումների միջոցով) աստիճանաբար բեռնվում և ցուցադրվում են, առանց հիմնական կառուցվածքի բլոկավորման:
- Հաճախորդի կողմի ռենդերինգ (Client-Side Rendering, CSR): Բրաուզերը բեռնում է նվազագույն HTML ֆայլ, որը պարունակում է JavaScript բանդլի հղում: Այս բանդլը կատարվում է բրաուզերում և դինամիկորեն կառուցում է DOM-ը:
- Սերվերի կողմի ռենդերինգ (Server-Side Rendering, SSR): Սերվերը ստեղծում է ամբողջ HTML փաստաթուղթ՝ յուրաքանչյուր այցելվող էջի համար և ուղարկում է այն բրաուզերին: Բրաուզերը ցուցադրում է արդեն պատրաստ էջը:
- Կայքային ռենդերինգ (Static Rendering / Static Site Generation, SSG): Էջերը ստեղծվում են որպես կայքային HTML ֆայլեր նախագծի կառուցման ժամանակ: Այս ֆայլերը հետո տրամադրվում են օգտվողին՝ ապահովելով շատ արագ բեռնում:
- Իսոմորֆիկ (համընդհանուր) ռենդերինգ (Isomorphic / Universal Rendering): JavaScript կոդ, որը կարող է գործարկել ինչպես սերվերում, այնպես էլ հաճախորդի կողմում: Սա թույլ է տալիս առաջինը ռենդերել էջը սերվերում (արագացնել առաջին ցուցադրությունը և SEO), ապա փոխանցել կառավարումը հաճախորդին՝ ինտերակտիվության համար:
| Ռենդերինգի տեսակ | Որտե՞ղ է տեղի ունենում | Առաջին բեռնում | SEO | Ինտերակտիվություն |
|---|---|---|---|---|
| CSR | Հաճախորդ (բրաուզեր) | Ավելի դանդաղ, քան առաջին բովանդակությունը | Կարող է ավելի բարդ լինել | Բարձր, JS բեռնելուց հետո |
| SSR | Սերվեր | Ավելի արագ, քան առաջին բովանդակությունը | Լավ | Պատկերվում է JS բեռնելուց հետո |
| SSG | Նախագծի կառուցում | Շատ արագ | Արտակարգ | תלוי JS-ի վրա, որը ավելացվում է ստատիկ բեռնումից հետո |
| Իսոմորֆիկ | Սերվեր և հաճախորդ | Արագ առաջին ցուցադրություն | Լավ | Բարձր, "հիդրատացիայից" հետո |