Mobil Dönüşüm: E-Ticaret Sitenizin Mobil Performansını İkiye Katlayın

Mobil'de Her Saniye Para

Türkiye'de e-ticaret trafiğinin %70'inden fazlası mobilden geliyor. Dönüşüm oranlarına bakıldığında tablo tam tersi bir görüntü çiziyor. Bu fark, kullanıcıların mobilden gezip masaüstünden alışveriş yaptığı klişesini tekrar etmez — performans ve UX sorunlarına işaret eder.

Bir kullanıcı ürün sayfasını açmak için 3 saniyeden fazla beklediğinde siteden ayrılma ihtimali %53 artıyor (Google/Deloitte araştırması). Bu rakam soyut değil: Aylık 10.000 mobil ziyaretçisi olan bir mağazada 5.300 kişi sayfayı görmeden ayrılıyor demek.

Core Web Vitals: Performans Puanı Değil, Gelir Göstergesi

Google, 2021'den bu yana Core Web Vitals'ı sıralama faktörü olarak kullanıyor. Ama asıl mesele SEO değil, gerçek kullanıcı deneyimi.

LCP (Largest Contentful Paint)

En büyük içerik öğesinin — genellikle ürün görseli veya hero banner — yüklenme süresi. Hedef: 2,5 saniyenin altı.

Yaygın sorunlar:

Optimize edilmemiş görseller (WebP veya AVIF yerine PNG/JPEG)
CDN kullanılmaması
Render-blocking JavaScript ve CSS

Pratik çözüm: Görselleri Cloudflare Images veya imgix gibi bir CDN üzerinden WebP formatında sunun. Shopify mağazalarında bu tek değişiklik LCP'yi ortalama 0,8 saniye düşürüyor.

CLS (Cumulative Layout Shift)

Sayfa yüklenirken elementlerin kayması. Sepete Ekle düğmesine basmaya çalışırken başka bir elemana tıklamak — klasik mobil kabusu. Hedef: 0.1'in altı.

Çözüm: Resim ve reklam alanları için boyut tanımlayın. Dinamik olarak eklenen banner'lar ve yükleme sırasında beliren chatbot widgetları CLS'nin en büyük kaynağı.

INP (Interaction to Next Paint)

Mart 2024'te FID'in yerini aldı. Kullanıcının dokunmasından görsel yanıta kadar geçen süreyi ölçüyor. Hedef: 200 ms altı.

INP sorunları genellikle şuradan kaynaklanır:

Ağır JavaScript bundle'ları
Ana thread'i bloke eden üçüncü taraf scriptler (chatbot widgetları, analytics araçları)
Giriş seviyesi mobil cihazlardaki düşük işlem gücü

Google Search Console > Core Web Vitals raporunu açın. Türkiye'deki kullanıcılarınızın gerçek saha verilerini görün — lab simülasyonu değil, canlı kullanıcı metrikleri.

AMP Neden Öldü, Sırada Ne Var?

Google AMP, 2016-2021 arasında mobil hız sorununun resmi çözümüydü. Artık değil. AMP zorunluluğu kaldırıldı; üstelik AMP sayfaları Google'ın URL yapısını bozuyor, çift içerik sorununa neden oluyordu.

Doğru yapılmış teknik optimizasyon AMP'den daha iyi sonuç veriyor. Hepsiburada, 2022'de AMP'den vazgeçerek teknik optimizasyona odaklandı ve LCP skorunu %40 iyileştirdi. Güncel alternatif: PWA altyapısıyla birleşik teknik performans optimizasyonu.

Lazy Loading: Görünmeyeni Neden Yükleyelim?

Ürün listesi sayfalarında onlarca görsel bulunuyor. Kullanıcı sayfayı açtığında ekranın altındaki 40 ürün görseli neden o anda yüklensin?

Modern tarayıcılar native lazy loading'i destekliyor; ekstra JavaScript kütüphanesi gerekmiyor. Görsellere eklenen tek bir HTML özelliği, sayfa açılışından sonra görünüm alanı dışındaki içerikleri ertelerek ilk yüklemeyi dramatik biçimde hızlandırıyor.

Video içerikler için de aynı mantık geçerli: YouTube embed yerine thumbnail gösterin, tıklandığında video yüklensin. Tek bir YouTube embed sayfanıza yaklaşık 500 KB ekstra yük bindiriyor.

Mobil Checkout: Dönüşümün Öldüğü Yer

Ürün sayfasını geçen kullanıcı neden sepeti terk ediyor? Türkiye'de yapılan kullanıcı testleri şu üç noktayı sürekli öne çıkarıyor:

Form alanları fazla — Kargo adresi için 6+ alan doldurmak mobilden işkenceye dönüyor
Ödeme adımları dağınık — Kullanıcı hangi adımda olduğunu bilmiyor
3D Secure yönlendirmeleri — Bankadan gelen SMS sonrası geri dönüş kopuyor

iyzico ve Banka POS Entegrasyonlarında Kritik Detaylar

iyzico'nun Popup Form özelliği kullanıcıyı başka sayfaya yönlendirmiyor; ödemeyi doğrudan mağaza sayfasında tamamlıyor. 3D Secure akışı kırılmıyor — bu mobil checkout için ciddi bir avantaj. KuveytTürk Sanal POS entegrasyonlarında ise dönüş URL parametrelerini doğru yapılandırmak kritik: Yanlış konfigürasyonlar başarılı ödemeleri başarısız olarak kaydettiriyor ve müşteri şikâyetlerine dönüşüyor.

Mobil checkout için pratik liste:

Misafir alışverişini varsayılan seçenek olarak sun
Adres formunu Google Places API ile otomatik tamamlama ile kısalt
İlerleme göstergesi ekle: Adım 1/3, 2/3, 3/3
Sepet özetini her adımda görünür bırak

PWA: Uygulama Mağazasına Gerek Kalmadan

Progressive Web App, tarayıcıda çalışan ama native uygulama hissi veren bir yapı. Mobil e-ticaret için temel avantajlar:

Özellik	Native App	PWA
Kurulum	App Store / Google Play	Direkt URL
Push Notification	✓	✓
Offline Çalışma	✓	✓ (Service Worker ile)
Geliştirme Maliyeti	Yüksek (iOS + Android)	Düşük
Güncelleme Süreci	Store onayı	Anında

Flipkart, PWA'ya geçiş sonrası mobil dönüşüm oranını %70 artırdı. PWA için üç temel gereksinim: HTTPS, Web App Manifest ve Service Worker. Bu üçü olmadan ne push notification ne de ana ekrana ekleme çalışıyor.

Fingerprinting ve KVKK: Sınırı Bilin

Browser fingerprinting, cihaz özelliklerini (ekran çözünürlüğü, font listesi, GPU bilgisi) birleştirerek kullanıcıyı tanımlama yöntemi. Fraud detection amaçlı MaxMind ve Seon.io, Türk e-ticaret siteleri arasında yaygın kullanılan çözümler.

KVKK açısından: Fingerprinting kişisel veri işleme kapsamına girebilir. Kişisel Verileri Koruma Kurumu rehberlerine göre çerez benzeri izleme araçları için rıza mekanizması zorunlu. Fraud detection için fingerprinting kullanıyorsanız, aydınlatma metninizde ve çerez politikanızda buna açıkça yer verin; performans scriptlerinden bağımsız bir consent katmanı üzerinden yönetin.

Ölçmezseniz İyileştiremezsiniz

Mobil performans tek seferlik bir proje değil. Şu araçları düzenli takip listenize alın:

Google Search Console — Gerçek kullanıcı Core Web Vitals verisi
PageSpeed Insights — URL bazlı page speed analizi ve öncelikli iyileştirme önerileri
Lighthouse (Chrome DevTools) — Mobil simülasyon ve detaylı raporlama
Microsoft Clarity — Ücretsiz ısı haritası ve session recording

Her deploy sonrası Lighthouse skorunu kontrol etmeyi alışkanlık haline getirin. Eklediğiniz bir JavaScript kütüphanesinin LCP'yi 0,3 saniye kötüleştirdiğini anında fark edin.

Altyapınızı sıfırdan kurmak ya da mevcut mağazanızı optimize etmek için ayrı teknik kaynak ayırmak zorunda değilsiniz. Shopizayn, Core Web Vitals uyumlu tema yapısı, PWA desteği ve optimize edilmiş mobil checkout akışlarını hazır sunuyor. Ücretsiz başlangıç planıyla mağazanızı bugün açın — mobil dönüşüm sorununu baştan çözerek büyümeye odaklanın.