Junior
Sunucu tarafı renderleme (SSR) nedir?
sobes.tech yapay zeka
AI'dan gelen yanıt
Sunucu tarafı renderleme (SSR), bir web sayfasının istemci talebine yanıt olarak sunucuda oluşturulması sürecidir. Boş bir HTML belgesi ve daha sonra tarayıcıda render edilmek üzere JavaScript paketi göndermek yerine, sunucu içerik zaten gömülü olan tam bir HTML belgesi oluşturur.
SSR'nin avantajları:
- SEO optimizasyonu: Arama motorları, dinamik olarak oluşturulan JavaScript yerine hazır HTML sağlandığı için içeriği daha kolay indeksler.
- İlk boyama süresi (FCP): Kullanıcı, sunucu zaten hazır HTML sağladığı için sayfa içeriğini daha hızlı görür.
- Düşük güçlü cihazlarda performans: Sayfa oluşturma işleminin büyük kısmı sunucuda yapıldığı için, istemci cihazı daha az kaynak kullanır.
- Sosyal medyada etkileşimi artırma: Paylaşım yapıldığında, sosyal medya önizleme için hazır içerik alır, boş sayfa yerine.
SSR'nin dezavantajları:
- Sunucu üzerindeki yükün artması: Sunucu, her sayfa için render taleplerini işlemesi gerektiğinden, kaynaklar açısından maliyetli olabilir.
- Hidratasyona kadar etkileşimin azalması: HTML alındıktan sonra, tarayıcı "hidrate" etmek için zaman gerekir — JavaScript mantığını zaten gösterilen DOM'a bağlama. Hidratasyon tamamlanana kadar, sayfa kısmen veya tamamen etkileşimsiz olabilir.
- Geliştirmede karmaşıklık: Belirli bir mimari ve özel çerçeveler (örneğin, React için Next.js, Vue.js için Nuxt.js, Angular için Angular Universal) gerektirir.
SSR ile, istemci sunucuya bir istek gönderir, sunucu bunu işler, hazır içerik ve yapıyı içeren bir HTML dizesi oluşturur ve geri gönderir. Tarayıcı alınan HTML'yi gösterir ve ardından etkileşimi eklemek için istemci JavaScript'i yükler ve çalıştırır (hidratasyon süreci).