Junior
Ի՞նչ է սերվերի կողմի ռենդերինգը (SSR):
sobes.tech AI
Պատասխան AI-ից
Սերվերային ռենդերինգը (SSR) այն գործընթացն է, երբ վեբ էջը սերվերում ստեղծվում է հաճախորդի հարցման պատասխան։ Փոխանակ ուղարկել հաճախորդին դատարկ HTML փաստաթուղթ և JavaScript բանդլ, որը հետագայում ռենդերացվում է բրաուզերում, սերվերը կազմում է ամբողջական HTML փաստաթուղթ, որի մեջ արդեն տեղադրված է բովանդակությունը։
SSR-ի առավելությունները՝
- SEO օպտիմալացում: Հետազոտական ռոբոտները հեշտությամբ ինդեքսավորում են բովանդակությունը, քանի որ ստանում են պատրաստ HTML, ոչ թե դինամիկորեն ստեղծված JavaScript։
- Առաջին նկարի ժամանակը (FCP): Օգտատերը ավելի արագ տեսնում է էջի բովանդակությունը, քանի որ սերվերը արդեն տրամադրել է պատրաստ HTML, որը բրաուզերը կարող է անմիջապես ցուցադրել։
- Աշխատանքային արդյունավետություն թույլ սարքերում: Փոքր ռեսուրսներ պահանջող է, քանի որ հիմնական աշխատանքը կատարվում է սերվերում։
- Բարելավված սոցիալական շփում: Կիսվելու ժամանակ սոցիալական ցանցերը ստանում են պատրաստ բովանդակություն, ոչ թե դատարկ էջ։
SSR-ի թերությունները՝
- Սերվերի բեռնումը մեծանում է: Սերվերը պետք է մշակել յուրաքանչյուր էջի ռենդերային հարցումները, ինչը կարող է լինել ռեսուրսների վրա թանկ։
- Ինտերակտիվության նվազում մինչև հիդրատացիան: HTML ստանալուց հետո, բրաուզերը ժամանակ է պահանջում "հիդրատ" անելու համար՝ JavaScript տրամաբանությունը կապելու արդեն ցուցադրված DOM-ի հետ։ Հիդրատացիայի ավարտից առաջ, էջը կարող է լինել մասամբ կամ ամբողջությամբ ոչ ինտերակտիվ։
- Աշխատանքի բարդություն: Պահանջում է հատուկ ծրագրային ճարտարապետություն և հատուկ ֆրեյմվորկներ (օրինակ, React-ի համար Next.js, Vue.js-ի համար Nuxt.js, Angular-ի համար Angular Universal):
SSR-ի դեպքում, հաճախորդը ուղարկում է հարցում սերվերին, որը այն մշակում է, ստեղծում է պատրաստ HTML տող, որը պարունակում է բովանդակություն և կառուցվածք, և ուղարկում է այն հետ։ Բրաուզերը ցուցադրում է ստացված HTML-ը, և հետո բեռնում և գործարկում է հաճախորդի JavaScript-ը՝ ավելացնելու համար ինտերակտիվությունը (հիդրատացիայի գործընթաց):