Yan yana
SSGvsSSR
SSG ile SSR arasındaki fark nedir?
Güncellendi 2 dk okuma7 fark
Kısaca
SSG her sayfayı derleme zamanında bir kez HTML'e çevirip herkese aynı dosyayı sunar; SSR ise HTML'i her istekte üretir, böylece güncel veri gösterebilir.
SSG
Statik Site Üretimi
SSG, bir sitenin sayfalarını derleme zamanında düz HTML dosyalarına dönüştüren tekniktir; sunucular ya da CDN'ler bunları ek iş yapmadan anında sunabilir.
SSG sayfasını okuSSR
Sunucu Tarafı Render
SSR, sunucunun her istekte bir sayfanın tam HTML'ini oluşturduğu ve böylece kullanıcıların ile arama motorlarının hazır içeriği hemen aldığı tekniktir.
SSR sayfasını okuSSG ve SSR karşılaştırması
| Özellik | SSG | SSR |
|---|---|---|
| HTML'in üretildiği an | Bir kez, derleme zamanında | Her istekte, istek anında |
| Hız | Çok hızlı: önceden derlenmiş dosyalar CDN'den sunulur | Her istekteki sunucu işine ve veri çekmeye bağlıdır |
| Güncellik | İçerik son derleme kadar eskidir | İçerik her istekte güncel olabilir |
| Kişiselleştirme | Her ziyaretçiye aynı HTML | Kullanıcıya, çereze, konuma ya da sorguya göre değişebilir |
| Altyapı | Statik barındırma ya da CDN; çalışan sunucu yok | Her istek için bir sunucu ya da serverless fonksiyon çalışır |
| Derleme süresi | Sayfa sayısıyla birlikte uzar | Kısa kalır; iş çalışma zamanında yapılır |
| En uygun olduğu yer | Bloglar, dokümantasyon, tanıtım sayfaları ve sözlükler | Panolar, sepetler, arama sonuçları ve kullanıcıya özel sayfalar |
Fark, açıklamalı
Statik site üretimi (SSG), sayfa kodunuzu önceden, derleme sırasında çalıştırır ve çıktıyı düz HTML dosyaları olarak kaydeder. Sunucu tarafı oluşturma (SSR) ise aynı türden kodu bir istek geldiği anda sunucuda çalıştırır ve yalnızca o istek için HTML üretir.
Fark zamanlamadadır ve hız ile güncellik arasında bir denge yaratır. Statik dosyalar bir CDN'den milisaniyeler içinde, neredeyse hiç sunucu maliyeti olmadan sunulabilir, ama yalnızca yeniden derlediğinizde değişir. SSR ise her istekte çerezleri, geçerli kullanıcıyı ve canlı veriyi okuyabilir; bunun bedeli bir sunucu çalıştırmak ve bu işi her seferinde yapmaktır.
Birçok site ikisini birden kullanır. Tanıtım sayfaları ve dokümantasyon statik olarak üretilir; hesap sayfaları ve alışveriş sepetleri ise sunucuda oluşturulur. Çoğunlukla artımlı statik yeniden üretim (ISR) ya da yeniden doğrulama denen artımlı yaklaşımlar ikisinin arasında yer alır: sayfalar statiktir ama belirli bir süre sonra ya da verileri değiştiğinde arka planda yeniden derlenir.
Sık yapılan bir yanlış, statik sitelerin dinamik olamayacağı düşüncesidir. Statik olarak üretilmiş bir sayfa, yorumlar ya da stok durumu gibi canlı verileri çekmek için tarayıcıda yine JavaScript çalıştırabilir; derleme zamanında yalnızca ilk HTML sabitlenir.
Hangisini kullanmalısınız?
SSG şu durumlarda doğru seçim:
- İçerik nadiren ya da yalnızca siz yayımladığınızda değişiyor.
- Her ziyaretçi aynı sayfayı görmeli.
- En hızlı yüklenme sürelerini ve en ucuz barındırmayı istiyorsunuz.
SSR şu durumlarda doğru seçim:
- Sayfalar, giriş yapan kişiye göre değişiyor.
- Fiyatlar, stok ya da arama sonuçları gibi veriler sürekli değişiyor.
- Önceden derlenemeyecek kadar çok olası sayfa var.
Sık sorulan sorular
SSG, SSR'den daha mı hızlı?
İlk yanıt için genellikle evet. Statik dosya zaten derlenmiştir ve kullanıcıya yakın bir yerde önbelleğe alınabilir; SSR ise yanıt vermeden önce kod çalıştırmak ve çoğu zaman veri sorgulamak zorundadır.
ISR nedir?
Artımlı statik yeniden üretim, statik bir sayfayı sunar ama belirli aralıklarla ya da talep üzerine arka planda yeniden derler; böylece SSG'nin hızını daha güncel içerikle birleştirir.
Bir site hem SSG hem SSR kullanabilir mi?
Evet. Çoğu modern framework oluşturma kipini sayfa başına seçmenize izin verir; böylece statik ve sunucuda oluşturulan sayfalar aynı projede bir arada bulunabilir.