Middle
Səhifə renderləmə növləri hansılardır?
sobes.tech Süni İntellekt
AI-dan cavab
- Asinxron rendering (Async Rendering): Səhifənin hissələri (məsələn, AJAX sorğuları ilə alınan məlumatlar) tədricən yüklənir və göstərilir, əsas quruluşu bloklamadan.
- Müştəri tərəfində rendering (Client-Side Rendering, CSR): Brauzer minimal HTML faylı yükləyir, onun içində JavaScript paketinə keçid var. Bu paket brauzerdə işləyir və DOM-u dinamik şəkildə qurur.
- Server tərəfində rendering (Server-Side Rendering, SSR): Server hər ziyarət olunan səhifə üçün tam HTML sənədi yaradır və onu brauzərə göndərir. Brauzer artıq hazır olan səhifəni göstərir.
- Statik rendering (Static Rendering / Static Site Generation, SSG): Səhifələr layihənin yığılması zamanı statik HTML faylları kimi yaradılır. Bu fayllar istifadəçiyə çatdırılır və çox sürətli yüklənməni təmin edir.
- İzomorf (Ümumi) rendering (Isomorphic / Universal Rendering): JavaScript kodu həm serverdə, həm də müştəri tərəfində işləyə bilər. Bu, ilk öncə serverdə səhifəni render etməyə imkan verir (ilk göstərməni sürətləndirmək və SEO üçün), sonra isə interaktivlik üçün müştəriyə ötürür.
| Render növü | Harada baş verir | Başlanğıc yükləmə | SEO | İnteraktivlik |
|---|---|---|---|---|
| CSR | Müştəri (brauzer) | İlk məzmundan daha yavaş | Daha çətin ola bilər | JS yükləndikdən sonra yüksək |
| SSR | Server | İlk məzmundan daha sürətli | Yaxşı | JS yükləndikdən sonra görünür |
| SSG | Layihənin yığılması | Çox sürətli | Əla | Statik yükləmədən sonra əlavə olunan JS-ə bağlı |
| İzomorf | Server və müştəri | Sürətli ilk göstərim | Yaxşı | "Hidratasiya" sonrası yüksək |