" kısaltması olan SSR Server-Side Rendering, bir web sayfasının HTML içeriğini kullanıcının tarayıcısına göndermeden önce sunucuda oluşturmayı içeren bir web geliştirme tekniğidir. Bu, tarayıcının JavaScript kodunu indirdiği ve indirdikten sonra web sayfasını oluşturduğu "İstemci Tarafında Oluşturma"(CSR) yaklaşımının tersidir.
SSR'nin Yapısı ve Çalışma Prensibi
-
Kullanıcı İsteği: Bir kullanıcı bir web sitesine eriştiğinde tarayıcı sunucuya bir istek gönderir.
-
Sunucu İşleme: Sunucu isteği alır ve web sayfasının HTML içeriğini oluşturarak bunu işler. Bu, veritabanlarından veri almayı, arayüz bileşenleri oluşturmayı ve içeriği eksiksiz bir HTML belgesinde birleştirmeyi içerir.
-
Tam HTML Oluşturma: İşlemden sonra sunucu, gerekli içeriği, verileri ve arayüz bileşenlerini içeren eksiksiz bir HTML belgesi oluşturur.
-
Tarayıcıya Gönderme: Sunucu, HTML belgesinin tamamını kullanıcının tarayıcısına geri gönderir.
-
Sayfanın Oluşturulması: Tarayıcı HTML belgesini alır ve kullanıcı için işler. JavaScript kodu ve statik kaynaklar(CSS, resimler) de tarayıcı tarafından yüklenir ve yürütülür.
SSR'nin Faydaları
- SEO Avantajları: Arama motorları, içerik sunucuda önceden işlendiğinde web sitelerini daha iyi anlayabilir ve sıralayabilir.
- Daha Hızlı Görüntüleme: HTML belgesi önceden oluşturulduğundan kullanıcılar içeriği daha hızlı görür.
- Zayıf Cihazlar için Destek: Önceden oluşturulmuş içerik, daha düşük performansa veya daha zayıf bağlantılara sahip cihazların deneyimini iyileştirir.
- JavaScript Kullanmayan Kullanıcılara Yönelik Destek: SSR, JavaScript kullanmayan kullanıcılar için temel sürümün görüntülenmesini sağlar.
Sonuç olarak SSR, tarayıcıya göndermeden önce sunucuda HTML içeriği oluşturarak web sitelerinin performansını ve aranabilirliğini optimize eder. Bu, daha iyi bir kullanıcı deneyimi sağlar, arama motoru sıralamalarını iyileştirir ve genel web sitesi performansını artırır.