50ms Altı Küresel B2B Portallar Tasarlamak: Edge Önbellekleme ve Zero-JS Ön Yüz Mimarisi

Hız Bir Tercih Değil, En Güçlü İkna Aracıdır

Dijital dünyada çoğu şirket hız konusunu yalnızca bir teknik teferruat veya “tasarım bittikten sonra bakılacak bir cila” olarak görür. Oysa sistem mimarisi perspektifinden baktığımızda hız; bir şirketin mühendislik yetkinliğini, işine duyduğu saygıyı ve operasyonel disiplinini kanıtlayan en somut vitrindir.

Özellikle küresel pazara yüksek katma değerli ürünler ihraç eden bir üreticiyseniz; Almanya’daki bir mühendislik direktörü, İtalya’daki bir satın alma uzmanı veya ABD’deki bir tedarik zinciri yöneticisi sitenize girdiğinde sayfa anında karşısına çıkmalıdır. 3 saniye dönen beyaz ekranlar, yüklenirken zıplayan butonlar ve tarayıcıyı donduran JavaScript kütüphaneleri, potansiyel müşterinize bilinçaltında tek bir mesaj fısıldar: “Biz henüz dijital altyapımızı bile verimli yönetemiyoruz.”

Kendi geliştirdiğim sistemlerde, oaPOS ve oaTeklif gibi yüksek performanslı mimarilerde uyguladığım değişmez bir ilke vardır: Gereksiz katmanları yok et, deterministik ol ve veriyi kullanıcıya en yakın noktada teslim et.

Bu yayında; küresel ölçekte 50 milisaniyenin altında açılan kurumsal B2B portallar inşa etmenin arkasındaki 5 mimari ayağı inceliyoruz.

flowchart LR
    Client["Küresel Alıcı<br/>(Berlin / Tokyo / Chicago)"] --> Anycast["Cloudflare Anycast DNS<br/>(< 12ms Çözümleme)"]
    Anycast --> EdgeNode["En Yakın Edge Düğümü<br/>(330+ Veri Merkezi • Tiered Cache)"]
    EdgeNode -->|%98.4 Cache Hit| BrowserCache["Saf Statik HTML + CSS + WebP<br/>(< 35ms TTFB • 0 KB JS Yükü)"]
    EdgeNode -.->|Nadir Cache Miss| OriginR2[("Cloudflare R2 / SSG Artifact Deposu<br/>(Sıfır Sunucu Soğuk Başlangıcı)")]
    BrowserCache --> PerfectPaint["LCP: 0.6s • CLS: 0.00 • INP: 18ms<br/>(100/100 Lighthouse Skoru)"]

50ms Altı Küresel B2B Mimarinin 5 Temel Ayağı

Dünya standartlarında bir dijital ihracat portalını mümkün kılan mühendislik prensipleri:

1. Astro Statik Derleme (SSG) ve HTML Önceliği

Geleneksel web sitelerinde her sayfa isteği geldiğinde sunucu uyanır, veritabanına bağlanır, şablonları birleştirir ve HTML üretir. Bu dinamik süreç tek başına 200-800 milisaniye gecikme ekler.

Modern mimaride bu hantallık reddedilir. Ankara kurumsal web tasarım yaklaşımımızda olduğu gibi Astro SSG motoru; yüzlerce ürün sayfasını, teknik spesifikasyonları ve çoklu dil varyantlarını derleme (build) aşamasında bir kez hesaplar ve saf, sıkıştırılmış statik dosyalara dönüştürür. Kullanıcı siteye geldiğinde sunucunun “düşünmesine” gerek kalmaz; önceden hazırlanmış mükemmel HTML anında akıtılır.

2. Zero-JS Disiplini: Tarayıcıyı Kod Hamallığından Kurtarmak

Modern web geliştiriciliğinin en büyük hastalığı, 5 satırlık basit bir menü açma animasyonu için 2 megabaytlık React veya Vue kütüphanelerini tarayıcıya indirtmektir. Düşük işlemcili mobil cihazlarda bu kütüphanelerin çözümlenmesi (parse ve execute) 2-4 saniye sürer ve tarayıcıyı kilitler.

Zero-JS mimarisinde ana sayfa ve ürün katalogları 0 kilobayt harici JavaScript ile çalışır.

• Açılır menüler ve filtreler CSS :has() ve :focus-within ile yönetilir.
• Sıkça sorulan sorular (SSS) semantik HTML <details> ve <summary> etiketleriyle sıfır script ile çözülür.
• Tüm görseller modern WebP/AVIF formatında doğru width ve height nitelikleriyle yerleştirilir, böylece sayfa yüklenirken layout kayması (CLS) sıfır olur.

3. Cloudflare 330+ Anycast Edge ve Tiered Cache Mimarisi

Bir web sitesini tek bir coğrafi sunucuya hapsetmek, uluslararası ihracat vizyonuyla çelişir. Siteniz Ankara’da barındırılıyorsa, Frankfurt’taki kullanıcı için gecikme 60ms iken, Houston’daki alıcı için 180ms, Sidney’deki alıcı için 350ms’dir.

Biz mimariyi Anycast Edge üzerinde kurgularız:

• Web varlıkları tek bir sunucuda değil, dünya genelindeki 330’dan fazla Cloudflare edge düğümünde aynı anda yaşar.
• Tiered Cache (Kademeli Önbellek) teknolojisiyle bölgesel üst merkezler (hub) tanımlanır. Bir içeriğin önbellek geçerliliği sona erse dahi istek Türkiye’ye gelmez; bölgesel hub üzerinden sub-10ms gecikmeyle yenilenir.
• Önbellek isabet oranı (Cache Hit Ratio) %98’in üzerine çıkar; bu da sitenin her an, dünyanın her noktasında ışık hızında açılmasını sağlar.

4. Kurumsal Tip Güvenliği ve Kasa İndirmeleri

Bir sanayi portalı yalnızca okunabilir metinlerden ibaret değildir; teknik şartnamelerin, CAD çizimlerinin ve teklif taleplerinin (RFQ) yönetildiği bir operasyon merkezidir.

The Vault üzerinde paylaştığım kaynaklar bu mimarinin pratik uygulamasını gösterir:

• B2B Uluslararası İhracat RFQ Veri Sözleşmesi Şeması: Satın alma taleplerinin istemci ve sunucu arasında tip güvenli JSON sözleşmeleriyle nasıl doğrulandığını tanımlar.
• 2026 Kurumsal Siber Güvenlik Başlıkları & WAF Konfigürasyonu: Edge seviyesinde katı CSP, HSTS Preload ve bot savunmasını devreye alan üretim kurallarını sunar.

5. 100/100 Core Web Vitals ve Sıfır Layout Kayması

Performans ölçülmeyen bir soyutluk değildir; Google’ın Core Web Vitals metrikleriyle matematiksel olarak test edilir. Kusursuz bir B2B portalın karnesi şu değerleri sağlamalıdır:

Küresel Alıcılar İçin Kusursuz İhracat Hattı

Uluslararası B2B pazarda rekabet eden sanayi ve teknoloji şirketleri için Ankara web yazılım ve sistem mühendisliği çözümlerimiz; hantal ajans kalıplarını bir kenara bırakarak şu kazanımları sunar:

1. Küresel Erişilebilirlik: Şirketiniz dünyanın hangi ülkesinden ziyaret edilirse edilsin yerel bir süper bilgisayar hızında açılır.
2. Sıfır Altyapı Bakımı: Canlıda veritabanı veya PHP sunucusu çalışmadığı için sunucu çökmesi, bellek taşması veya veritabanı kilitlenmesi gibi kabuslar tarihe karışır.
3. Maksimum Arama Otoritesi: Kusursuz Core Web Vitals ve iki dilli statik hreflang mimarisi sayesinde hem geleneksel arama motorlarında hem de yapay zeka arama motorlarında fabrikanız en üst sıraya yerleşir.

Hız bir süs değil; küresel ticarette güveni inşa eden ve alıcıyı masaya oturtan en sessiz mühendislik gücüdür.