Nedir Sunucu Tarafı Renderleme
Sunucu tarafı renderleme
SSR (Server-Side Rendering), web sayfalarını istemciye göndermeden önce sunucuda render eden, hızlı yükleme ve SEO optimizasyonu sağlayan bir tekniktir.
Nasıl Çalışır
- Sunucu tarayıcıdan istek alır
- Tam HTML sayfası oluşturur
- Hazır HTML'i istemciye gönderir
- Tarayıcı içeriği anında görüntüler
- JavaScript etkileşim için sayfayı "hidrate" eder
Avantajları
- Hızlı ilk içerik boyama (FCP)
- Mükemmel SEO optimizasyonu
- JavaScript olmadan çalışır
- Daha iyi sosyal medya meta verileri
- Yavaş cihazlar için daha iyi
Dezavantajları
- Sunucu yükü
- Etkileşime kadar geçen süre (TTI)
- Önbellek karmaşıklığı
- Daha yüksek altyapı maliyetleri
CSR ile Karşılaştırma
- SSR: HTML sunucuda oluşturulur
- CSR: HTML tarayıcıda oluşturulur
- SSG: HTML derleme zamanında oluşturulur
SSR Destekli Framework'ler
- Next.js (React)
- Nuxt.js (Vue)
- SvelteKit (Svelte)
- Angular Universal
- Remix
Ne Zaman Kullanılmalı
- İçerik siteleri ve bloglar
- E-ticaret
- Haber portalları
- SEO kritik web siteleri