İçeriğe geç
Gunerdev.
Vaka Çalışması · Performans

Yüksek trafikli e-ticaret sitesi için performans yeniden yapılandırması

Mobil LCP 2.1 saniyeye, ürün sayfası tam yükleme süresi 1.4 saniyeye düştü. Mobil dönüşüm oranı altı haftada %23 arttı.

Performans2024Ulusal E-ticaret Markası

Problem

Ürün listeleme sayfaları 4.8 saniyede yükleniyor, mobil cihazlarda Largest Contentful Paint metriği 6 saniyenin üzerindeydi. Bu durum doğrudan dönüşüm oranlarına yansıyordu.

Yaklaşım

Müşteri, aylık 2 milyonun üzerinde ziyaretçisi olan bir e-ticaret platformuna sahipti. Mevcut yapı bir önceki nesil React SPA üzerine kurulmuştu; ürün detay sayfaları 4-6 saniye sürüyor, mobil dönüşüm oranı sektör ortalamasının altındaydı.

İlk hafta tamamen ölçüme ayrıldı: WebPageTest, Lighthouse CI, Datadog APM ve PostgreSQL slow query log'ları. Sorunun bir kısmı frontend (1.2 MB bundle, blocking JavaScript), bir kısmı backend (yavaş kategori sorguları, cache eksikliği) tarafındaydı.

Frontend'de Next.js App Router'a kademeli geçiş, dynamic import ile kod bölme, görsel için CDN tabanlı responsive teslim. Backend'de PostgreSQL üzerinde indeks revizyonu, Redis ile kategori cache katmanı, CDN edge cache stratejisi.

Karşılaştığımız zorluklar

  • Canlı trafiği aksatmadan kademeli geçiş yapmak
  • 15.000+ ürünün görselini WebP/AVIF formatına dönüştürmek
  • Cache invalidation'ı stok değişikliklerinde tutarlı tutmak
  • A/B test altyapısı kurarak iyileştirmeleri önce-sonra ölçmek

Öne çıkan teslimler

  • Frontend bundle 1.2 MB → 280 KB
  • Mobil LCP 6.0s → 2.1s
  • Sunucu yanıt süresi P95: 800ms → 120ms
  • Aylık altyapı maliyeti %35 azaldı (daha verimli kaynak kullanımı)

Sonuç

Mobil LCP 2.1 saniyeye, ürün sayfası tam yükleme süresi 1.4 saniyeye düştü. Mobil dönüşüm oranı altı haftada %23 arttı.

-65%
LCP iyileşmesi
+23%
Mobil dönüşüm
-18%
Bounce oranı

Sıradaki vaka çalışması sizinki olabilir.

Mevcut sisteminizi büyütelim, yeni bir ürün inşa edelim ya da sadece teknik bir görüş paylaşalım.

WhatsApp+90 536 215 16 44