0Pricing
React Academy · Ders

Kenar Görüntüleme Nedir ve Neden Önemlidir

Kenar çalışma zamanlarının kaynak sunucu gecikmesini nasıl ortadan kaldırdığını ve kenarda React SSR'ın geleneksel sunuculardan neden daha iyi olduğunu anlayın.

Kenar Görüntüleme Nedir ve Neden Önemlidir, CoddyKit'te ücretsiz bir React Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, React Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. React Academy kursu toplamda 4 dersten oluşur.

Geleneksel Sunucu Darboğazı

Geleneksel bir web sunucusu tek bir coğrafi bölgede barındırılır. Bu bölgeye yakın kullanıcılar hızlı yanıtlar alırken uzaktaki kullanıcılar ciddi gecikmeler yaşar — Tokyo'daki bir kullanıcının US-East sunucusundan içerik istemesi, ilk bayt ulaşmadan önce gidiş-dönüş süresine 200 ms'den fazla ekler.

CDN Ne Yapar (ve Ne Yapmaz)

İçerik Dağıtım Ağı (CDN), görseller, CSS ve JavaScript gibi statik dosyaları dünya genelindeki onlarca varlık noktasında (PoPs) önbelleğe alır ve bunları en yakın konumdan sunar. Ancak geleneksel bir CDN kod çalıştıramaz; yalnızca önceden oluşturulmuş statik içeriği sunabilir.

Uç Çalışma Zamanı

Uç çalışma zamanı, JavaScript'i dünya genelindeki CDN PoPs konumlarında çalıştırarak dinamik istekler için kaynak sunucuya gidiş-dönüşü ortadan kaldırır. İstek tek bir sunucuya yönlendirilmek yerine kullanıcıya en yakın PoP'ta — çoğu zaman aynı şehir içinde — işlenir ve gecikme büyük ölçüde azalır.

Cloudflare Workers

Cloudflare Workers, V8 yalıtımlarını kullanarak dünya genelinde 300'den fazla konumda JavaScript çalıştırır. Sunucusuz işlevlerin (Lambda, Cloud Run) aksine Workers'ın soğuk başlatma süresi neredeyse sıfırdır; Lambda'da tipik olan 100'den fazla milisaniye yerine mikrosaniyelerle ölçülür. Bunun nedeni kapsayıcıları başlatmak yerine V8 yalıtımlarını yeniden kullanmalarıdır.

Uçta Oluşturma Tanımı

Uçta oluşturma, React uygulamanızın her kullanıcıya en yakın uç PoP'ta sunucu tarafında oluşturulması ve elde edilen HTML'nin hemen sunulmasıdır. Tokyo'daki kullanıcı, Virginia'daki bir sunucudan değil, Singapur'daki bir PoP'tan tamamen oluşturulmuş bir HTML sayfası alır.

Uygulamada Gecikme Azaltma

US-East'ten sunulan standart bir SSR uygulamasının Tokyo'ya ulaşması 400 ms sürebilir (200 ms ağ gecikmesi + 200 ms sunucu oluşturma süresi). Uçta oluşturmayla oluşturma Singapur'da gerçekleşir, ağ gecikmesi 30 ms'ye düşer ve HTML toplamda 100 ms'den kısa sürede iletilir — algılanan yükleme süresinde 4 kat iyileşme sağlanır.

Uç Çalışma Zamanlarının Sınırlamaları

Uç çalışma zamanları tam Node.js ortamları değildir. Cloudflare Workers, Node.js çekirdek API'lerini (fs, net, crypto) kullanmayı engeller, CPU süresini istek başına 50 ms ile sınırlar (ücretli planlarda daha fazlasına izin verilir), belleği kısıtlar ve dosya sistemine erişim sağlamaz. Bu kısıtlamalar özenli bir mimari gerektirir.

Cloudflare Workers'a Alternatifler

Birçok platform uç çalışma zamanları sunar: Vercel Edge Functions (aynı V8 yalıtımı modelini temel alır), Deno Deploy (uçta Deno çalışma zamanını kullanır) ve Fastly Compute (WebAssembly kullanır). Her birinin API uyumluluğu, küresel kapsama alanı ve fiyatlandırma modeli farklıdır.

Uçta Oluşturmanın En Uygun Olduğu Alan

Uçta oluşturma, çoğunlukla statik olup bir miktar kişiselleştirme gerektiren içeriklerde en yararlıdır: A/B deneyi varyantları içeren pazarlama sayfaları, coğrafi hedefli içerik içeren açılış sayfaları, kullanıcıya özel öğeler (oturum açma durumu, dil) içeren blog gönderileri. Son derece dinamik ve veritabanı yoğun sayfalar bundan daha az yararlanır.

Karşılaştırma: Lambda ve Workers

Lambda (ve Cloud Run) işlevleri kapsayıcıları başlatır, kodunuzu indirir, çalışma zamanını başlatır ve ardından çalışır; bu da 100–1000 ms'lik soğuk başlatma sürelerine yol açar. Workers, hâlihazırda çalışmakta olan V8 yalıtımlarını yeniden kullanır; bu nedenle soğuk başlatma süreleri 5 ms'nin altında kalır ve pratikte fark edilmez.

Hibrit Mimarinin Bir Parçası Olarak Uç

Üretim uygulamalarının çoğu uçta oluşturmayı seçici olarak kullanır: uç, hızlı ve çoğunlukla statik sayfaları oluştururken bölgesel bir sunucu kimlik doğrulamalı, veritabanı yoğun işlemleri ele alır. Bu hibrit yaklaşım, sınırlamalarıyla mücadele etmeden uçta oluşturmanın gecikme avantajlarından yararlanmanızı sağlar.

Cloudflare Workers Soğuk Başlatması

Cloudflare Workers, AWS Lambda'ya kıyasla neden neredeyse sıfır soğuk başlatma süresine sahiptir?

Ders Özeti

Uçta oluşturma, JavaScript'i dünya genelindeki CDN PoPs konumlarında çalıştırarak kaynak sunucuya gidiş-dönüşleri ortadan kaldırır ve gecikmeyi büyük ölçüde azaltır. Cloudflare Workers, 300'den fazla konumda V8 yalıtımlarına dayalı mikrosaniyelik soğuk başlatma süreleriyle öne çıkar. Ödünleşimler gerçektir — Node.js API'leri yoktur ve CPU sınırlıdır — bu nedenle uçta oluşturma, yoğun veritabanı kullanan sayfalardan çok pazarlama sayfaları ve kişiselleştirilmiş ancak çoğunlukla statik içerikler için uygundur.

Sıkça Sorulan Sorular

“Kenar Görüntüleme Nedir ve Neden Önemlidir” dersi ücretsiz mi?

Evet — “Kenar Görüntüleme Nedir ve Neden Önemlidir” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve React Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. React Academy kursu toplamda 4 dersten oluşur.

“Kenar Görüntüleme Nedir ve Neden Önemlidir” dersinde ne öğreneceğim?

Kenar çalışma zamanlarının kaynak sunucu gecikmesini nasıl ortadan kaldırdığını ve kenarda React SSR'ın geleneksel sunuculardan neden daha iyi olduğunu anlayın. React Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

React Academy öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te React Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.

“Kenar Görüntüleme Nedir ve Neden Önemlidir” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu React Academy dersinde kod yazıp çalıştırabilir miyim?

Evet. Her React Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Kenar Görüntüleme Nedir ve Neden Önemlidir
  2. Hono ile Cloudflare Workers'ta React
  3. Kenar Üzerinden Akışlı SSR
  4. React Uygulamaları için Kenar Önbellekleme Stratejileri
← React Academy Sayfasına Dön