Sunucu Taraflı Oluşturma (SSR) Nedir?
Sunucu taraflı oluşturma (SSR), sayfanın HTML içeriğinin tarayıcıya gönderilmeden önce sunucuda hazırlanması ve içeriğin ilk yanıtta eksiksiz iletilmesi yöntemidir.
Sunucu Taraflı Oluşturma (SSR) Nasıl Çalışır?
SSR’da tarayıcı bir sayfa istediğinde sunucu veriyi alır, HTML’i oluşturur ve hazır sayfayı gönderir. Tarayıcı içeriği hemen gösterebilir; JavaScript sonradan etkileşimi devralır. Karşıt yöntem istemci taraflı oluşturmadır (CSR): sunucu neredeyse boş bir sayfa gönderir ve içerik tarayıcıda JavaScript ile oluşturulur.
Üçüncü bir yöntem, sayfaların önceden derlenip statik dosya olarak sunulduğu statik oluşturmadır (SSG). Ürün sayfası gibi sık değişmeyen içerik için hızlıdır. Hangi yöntemin hangi sayfada kullanılacağı, içeriğin ne kadar sık değiştiğine göre belirlenir.
- SSR: her istekte sunucuda oluşturulur.
- CSR: tarayıcıda JavaScript ile oluşturulur.
- SSG: önceden derlenir, statik olarak sunulur.
Sunucu Taraflı Oluşturma (SSR) Neden Önemlidir?
Arama motoru botları JavaScript’i çalıştırabilir ancak bu işlem gecikmeli ve kaynak tüketen bir adımdır. İçerik ilk HTML’de hazırsa bot içeriği daha güvenilir ve hızlı görür. Bu nedenle ürün ve kategori sayfaları için SSR ya da SSG tercih edilir; bkz. JavaScript SEO.
Kullanıcı tarafında da ilk içeriğin görünme süresi kısalır; bu Core Web Vitals metriklerini olumlu etkileyebilir. Öte yandan SSR sunucu yükünü artırır ve önbellekleme gerektirir.
Karar noktası, arama motorundan trafik beklenen sayfaların içeriğinin ilk HTML yanıtında bulunduğundan emin olmaktır. Bu, sayfanın kaynak kodu görüntülenerek ya da URL denetim aracıyla kolayca doğrulanır.
Bir sayfanın nasıl oluşturulduğunu anlamak için sayfa kaynağı ile tarayıcıda görünen sayfa karşılaştırılabilir. Kaynakta başlık, metin ve ürün bilgisi yoksa içerik istemci tarafında oluşuyor demektir ve botun görmesi için ek önlem gerekir.
Sunucu Taraflı Oluşturmada (SSR) Sık Yapılan Hatalar
- Kritik içeriği yalnızca tarayıcıda yüklemek. Bot içeriği eksik görür.
- Önbellek kullanmamak. Sunucu yükü ve yanıt süresi artar.
- Sunucu ve tarayıcı çıktısını farklı üretmek. Sayfa yüklenirken kayma ya da hata oluşur.
- Yöntemi test etmemek. Botun gördüğü sayfa doğrulanmaz.
İstemci Taraflı Oluşturma (CSR) ile SSR’ın Birlikte Kullanımı
MDN’ye göre istemci taraflı oluşturma (CSR), HTML içeriğinin tarayıcıda JavaScript ile üretilmesidir. Yararları etkileşim ve performanstır: sayfa geçişleri tam sayfa yenilemesi gerektirmez, ilk HTML’den sonra yalnızca gereken veri API’den alınır ve sunucuya daha az yük biner. İki yöntem birbirini dışlamaz: sunucu boş yer tutuculu bir sayfa iskeleti üretir, tarayıcı ek veriyi alıp sayfayı günceller. Tek sayfalı uygulamalar da SSR desteğiyle kurulabilir.
Örnek: Bir mağazada ürün adı, fiyat ve açıklama sunucuda oluşturulurken stok durumu ve kişiye özel öneriler sayfa açıldıktan sonra tarayıcıda yüklenir.
Sunucu Taraflı Oluşturma Hakkında Sık Sorulan Sorular
Bir sayfanın SSR ile oluşturulduğu nasıl anlaşılır?
Sayfanın kaynak kodu açılır ya da URL denetim aracı kullanılır. Başlık, metin ve ürün bilgisi ilk HTML yanıtında görünüyorsa içerik sunucuda hazırlanmıştır; kaynakta bu bilgiler yoksa içerik tarayıcıda oluşuyordur ve botun görmesi için ek önlem alınır.
SSR ile CSR arasındaki fark nedir?
SSR’da içerik sunucuda, CSR’da tarayıcıda JavaScript ile oluşturulur. SSR içerik görünürlüğü açısından genellikle daha güvenlidir.
Hangi sayfalarda SSR kullanılmalı?
Arama trafiği beklenen ürün, kategori ve içerik sayfalarında SSR ya da statik oluşturma tercih edilir.