Middle
Sayfa renderlama türleri nelerdir?
sobes.tech yapay zeka
AI'dan gelen yanıt
- Asenkron Render (Async Rendering): Sayfa bölümleri (örneğin, AJAX istekleriyle alınan veriler) yavaş yavaş yüklenir ve gösterilir, ana yapıyı engellemeden.
- İstemci Tarafı Render (Client-Side Rendering, CSR): Tarayıcı, JavaScript paketine bağlantı içeren minimal bir HTML dosyası yükler. Bu paket tarayıcıda çalışır ve DOM'u dinamik olarak oluşturur.
- Sunucu Tarafı Render (Server-Side Rendering, SSR): Sunucu, ziyaret edilen her sayfa için içeriğiyle tam bir HTML belgesi oluşturur ve tarayıcıya gönderir. Tarayıcı, hazır sayfayı gösterir.
- Statik Render (Static Rendering / Static Site Generation, SSG): Sayfalar, proje derlemesi sırasında statik HTML dosyaları olarak oluşturulur. Bu dosyalar kullanıcılara sunulur ve çok hızlı yükleme sağlar.
- İzomorf (Evrensel) Render (Isomorphic / Universal Rendering): Hem sunucuda hem de istemcide çalışabilen JavaScript kodu. Bu, sayfayı önce sunucuda render etmeye (ilk gösterimi hızlandırmak ve SEO için) ve ardından etkileşim için istemciye devretmeye olanak tanır.
| Render Türü | Nerede gerçekleşir | Başlangıç yüklemesi | SEO | Etkileşim |
|---|---|---|---|---|
| CSR | İstemci (tarayıcı) | İlk içerikten daha yavaş | Daha zor olabilir | JS yüklendikten sonra yüksek |
| SSR | Sunucu | İlk içerikten daha hızlı | İyi | JS yüklendikten sonra görünür |
| SSG | Proje derlemesi | Çok hızlı | Mükemmel | Statik yüklemeden sonra eklenen JS'e bağlı |
| İzomorf | Sunucu ve istemci | Hızlı ilk gösterim | İyi | "Hidratasyon" sonrası yüksek |