Sobes.tech
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-ի վրա, որը ավելացվում է ստատիկ բեռնումից հետո
Իսոմորֆիկ Սերվեր և հաճախորդ Արագ առաջին ցուցադրություն Լավ Բարձր, "հիդրատացիայից" հետո