Server tərəfli renderləmenin (SSR) çatışmazlıqları nələrdir?

SSR-nin əsas çatışmazlıqları:

• Serverdə yükün artması: Hər bir müştəri tələbi serverdə səhifənin tam render olunmasını tələb edir, bu da statik faylların və ya SPA-ya nisbətən daha çox resurs (CPU, yaddaş) istifadə edir.
• İnkişafın mürəkkəbliyi: Kodun izomorfiliyini (server və müştəri üzərində işləmə), sorğular arasında vəziyyətin idarə olunmasını, asinxron məlumatların işlənməsini nəzərə almaq lazımdır. Debug etmək daha çətin ola bilər.
• Serverdə xətalar zamanı fasilə: Əsas render serveri sıradan çıxarsa, sayt əlçatan olmaya bilər, SPA ilə müqayisədə, burada müştəri keşikdəki resurslar və ya fallback səhifələrlə işləməyə davam edə bilər.
• İnteraktivliyə qədər vaxtın (TTI) daha uzun olması: Birinci məzmun daha sürətli görünür (FCP), lakin istifadəçi bütün JavaScript (hidratasiya) yüklənib icra olunana qədər tətbiq ilə qarşılıqlı əlaqəyə girmir. SPA-də, interaktivlik artıq yüklənmiş səhifə hissələrində daha erkən görünə bilər.
• Cache-ləmənin mürəkkəbliyi: Dinamik yaradılmış HTML-nin cache-lənməsi statik resurslara nisbətən daha çətindir. Server tərəfində daha inkişaf etmiş cache strategiyaları tələb olunur.
• İlk bayt vaxtının (TTFB) yüksək olması: Server sorğunu işləmək, məlumatları almaq, HTML-ni render etmək və ilk baytı geri göndərmək üçün vaxt tələb edir.
• İzomorfik kod ilə problemlər: Bəzi müştəri API-ləri (məsələn, window, document) serverdə mövcud deyil, bu, şərti kod yazmağı və ya xüsusi kitabxanalar istifadə etməyi tələb edir.

// Serverdə şərti render nümunəsi
if (typeof window === 'undefined') {
  // Yalnız serverdə işləyən kod
  console.log('Serverdə render');
} else {
  // Yalnız müştəridə işləyən kod
  console.log('Müştəridə render');
}