3 Saniyeyi Aşan Sayfa Müşteriyi Kaybeder: E-Ticaret Sitesi Hızlandırma Rehberi
Google'ın araştırması net: sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında hemen çıkma olasılığı %32 artıyor. 5 saniyeyi geçerse bu oran %90'a ulaşıyor.
E-ticaret sitelerinde bu rakamlar doğrudan para anlamına geliyor. Ziyaretçi sitenize gelmiş, reklamınıza ya da arama sonucuna tıklamış — ama sayfa açılmadan sabrı tükeniyor. O ziyaretçiyi kazanmak için harcadığınız reklam bütçesi de o sayfayla birlikte gidiyor.
Neyse ki hız sorunlarının büyük bölümü teknik bilgi gerektirmiyor. Doğru araçlar ve birkaç kritik düzenleme ile ciddi iyileştirme mümkün.
Core Web Vitals Nedir ve Neden Önemli?
Google, 2021'den itibaren sayfa deneyimini arama sıralamasında bir faktör olarak kullanıyor. Bu faktörün temelini Core Web Vitals oluşturuyor — üç metrik:
LCP — Largest Contentful Paint
Sayfanın en büyük içeriğinin (genellikle kapak görseli veya başlık) görünür hale gelme süresi.- İyi: 2,5 saniye altı
- Geliştirilmeli: 2,5–4 saniye arası
- Kötü: 4 saniyenin üzeri
E-ticaret sitelerinde LCP'nin en sık suçlusu: optimize edilmemiş ürün görselleri.
INP — Interaction to Next Paint
Kullanıcının bir düğmeye tıklaması veya forma yazması ile sayfanın tepki vermesi arasındaki süre. (2024'te FID'in yerini aldı.)- İyi: 200 ms altı
- Geliştirilmeli: 200–500 ms arası
- Kötü: 500 ms üzeri
Sepete ekle, filtre uygula, arama çubuğu gibi e-ticaret etkileşimleri için kritik.
CLS — Cumulative Layout Shift
Sayfa yüklenirken içeriklerin yerinden oynaması — bir düğme beklenmedik yere kayıyor, metin yer değiştiriyor. Hem sinir bozucu hem dönüşüm düşürücü.- İyi: 0,1 altı
- Geliştirilmeli: 0,1–0,25 arası
- Kötü: 0,25 üzeri
Sitenizin Şu Anki Durumunu Ölçün
Sorunları çözmeden önce neyin yavaş olduğunu bilin.
Google PageSpeed Insights: `pagespeed.web.dev` adresine sitenizin URL'sini yapıştırın. Hem masaüstü hem mobil skorunu gösteriyor, sorunları sıralıyor ve ne yapılması gerektiğini açıklıyor. Ücretsiz, anlık.
Google Search Console → Core Web Vitals: Sitenizin gerçek kullanıcı verilerini gösteriyor. Hangi sayfalar yavaş, kaç kullanıcı etkileniyor? Bu, laboratuvar testinden daha değerli — gerçek deneyimi yansıtıyor.
GTmetrix: Daha teknik detay isteyenler için. Waterfall grafiği hangi kaynağın ne kadar zaman aldığını gösteriyor.
En Yaygın Hız Sorunları ve Çözümleri
1. Optimize Edilmemiş Görseller
E-ticaret sitelerinde hız sorunlarının %60–70'inin kaynağı görsellerdir. 3 MB'lık bir ürün fotoğrafı, optimize edilmiş 200 KB'lık versiyondan 15 kat daha yavaş yükleniyor.
Çözümler:
- Format değiştirin: JPEG/PNG yerine WebP veya AVIF kullanın. Aynı kalitede %25–50 daha küçük dosya boyutu.
- Doğru boyut: 2000×2000 piksel görsel, mobil ekranda 400×400 piksel gösteriliyorsa gereksiz yük. Responsive image set oluşturun.
- Lazy loading: Ekranda görünmeyen görseller yüklenmesini beklesin. `loading="lazy"` HTML özelliği yeterli.
- CDN kullanın: Görsel dosyalarınız coğrafi olarak yakın sunuculardan sunulsun.
Shopify için: Built-in görsel optimizasyonu var ama yüklenen görseli WebP'ye dönüştürmüyor. Apps: Crush.pics veya TinyIMG.
WooCommerce için: Smush veya ShortPixel eklentisi görsel sıkıştırmayı otomatikleştirir.
2. Render-Blocking JavaScript ve CSS
Tarayıcı sayfayı göstermeden önce tüm JavaScript ve CSS dosyalarını indirmek zorunda — bu yüklemeyi engelliyor.
Çözümler:
- Kullanılmayan JavaScript ve CSS'i kaldırın (eklentilerin çoğu gereksiz kod yüklüyor)
- JS dosyalarını `defer` veya `async` olarak yükleyin
- Kritik CSS'i inline olarak yerleştirin, geri kalanı asenkron yükleyin
Shopify'da: Kullanmadığınız uygulamaların kod bıraktığını unutmayın — silseniz bile. Theme Speedup, Plug in Speed gibi araçlar bunu tespit ediyor.
WooCommerce'de: WP Rocket veya LiteSpeed Cache ile CSS/JS optimizasyonu otomatikleştirilebiliyor.
3. Yavaş Sunucu (TTFB)
TTFB (Time to First Byte) — tarayıcı isteği gönderdiğinde sunucunun ilk byte'ı ne kadar sürede döndürüyor?
- 800 ms altı iyi
- 800 ms–1,8 saniye arası geliştirilmeli
- 1,8 saniye üzeri kötü
Çözümler:
- Hosting yükseltin: Shared hosting'deki kaynak rekabeti TTFB'yi ciddi artırıyor. VPS veya cloud hosting farkı belirgin.
- Sunucu önbelleği (server cache): Her istek için sayfayı sıfırdan oluşturmak yerine hazır HTML cache'i sunun.
- CDN: Cloudflare ücretsiz planı bile TTFB'yi önemli ölçüde düşürüyor.
4. Üçüncü Taraf Scriptler
Analytics, canlı destek widget'ı, reklam pikselleri, heatmap araçları — her biri sayfanıza bir script yüklüyor. Her script ek bir ağ isteği, ek yükleme süresi.
Yönetim stratejisi:
- Google Tag Manager kullanıyorsanız tüm scriptleri tek yerden yönetin
- Kullanmadığınız tool'ların script'ini kaldırın
- Canlı destek widget'ını sayfa yüklemesinden sonra `defer` ile başlatın — "sayfa açılınca chat widget açılsın" beklemek gerekmez
5. Fazla Eklenti / Uygulama
Her eklenti, temaya kod ekliyor. 40 eklentili bir WooCommerce sitesi veya 25 uygumalı bir Shopify mağazası hem güvenlik riski hem ciddi bir hız sorunu.
Kural: Aktif olarak kullandığınız araçlar kalsın. Test ettiğiniz ve bıraktığınız uygulamaları tamamen kaldırın — sadece deaktive etmek genellikle kodu temizlemiyor.
Mobil Hız Neden Ayrıca Önemli
E-ticaret ziyaretlerinin %70–75'i mobil cihazdan geliyor. PageSpeed Insights'ta masaüstü skoru 90 ama mobil skoru 45 olan siteler çok yaygın — ve bu fark gerçek müşteri kaybı anlamına geliyor.
Mobil hıza özel dikkat edilmesi gerekenler:
- Font yükleme: 4–5 farklı font ailesi, özellikle mobilde yavaşlatıyor. 1–2 ile sınırlayın veya sistem fontlarını kullanın
- Mobil görsel boyutu: Masaüstüne giden 1600 piksel görsel mobil için aşırı büyük. `srcset` ile doğru boyutu sunun
- Dokunma hedefleri: Düğmelerin CLS sorununa yol açmadığından emin olun — sayfa kayması, dokunma hatalarını artırıyor
Platform Bazında Hız İpuçları
Shopify
- Tema: Dawn veya benzeri lightweight temalar tercih edin. Yüklü görsel efektli premium temalar hız düşman.
- Uygulamalar: Her yeni uygulama kurulumunda sayfa hızını test edin — bazıları çok fazla script ekliyor.
- Shopify CDN: Shopify görselleri CDN üzerinden sunuyor, fakat görseli doğru formatta (WebP) yüklediğinizden emin olun.
- Liquid optimizasyonu: Karmaşık koşullar ve döngüler tema render süresini artırıyor — tema özelleştirmelerini minimize edin.
WooCommerce
- Hosting: WooCommerce, Shopify'a kıyasla hostinge daha bağımlı. Managed WooCommerce hosting (Kinsta, WP Engine, Siteground) farkı çok belirgin.
- Cache eklentisi: WP Rocket, LiteSpeed Cache veya W3 Total Cache zorunlu. Önbelleksiz WooCommerce site çok yavaş.
- Veritabanı temizliği: Sipariş geçmişi, yorum revizyonları ve geçici veriler zamanla veritabanını şişiriyor. WP-Optimize ile düzenli temizlik.
- PHP sürümü: PHP 8.2+ WooCommerce'de belirgin hız artışı sağlıyor. Hosting panelinizden kontrol edin.
Hız İyileştirmesinin Dönüşüme Etkisi
Hız artışının somut etkisine dair gerçek veriler:
- Walmart: Sayfa yükleme süresini 1 saniye azaltmak → %2 dönüşüm artışı
- Mobify: 1 saniye iyileştirme → mobil dönüşümde %1,11 artış, yıllık $380.000 ek gelir
- AliExpress: Yükleme süresini %36 azaltmak → yeni kullanıcı dönüşümünde %10,5 artış
Kendi sitenizde bu etkiyi ölçmek için: Google Analytics'te "sayfa yükleme süresi" ile dönüşüm oranını segmente göre karşılaştırın. Sonuç genellikle çok net.
Hangi Metriği Önce İyileştirmeliyim?
En yüksek etki — LCP: Ürün görseli optimizasyonu ile hemen başlayın. En kolay ve en büyük kazanım burada.
İkinci adım — TTFB: Hosting veya CDN iyileştirmesi. Tek seferlik ama uzun vadeli etki.
Üçüncü adım — INP: Sepete ekle, filtre, arama gibi etkileşimleri test edin. Yavaşsa JavaScript optimizasyonu gerekiyor.
Son adım — CLS: Görsel boyutlarını `width` ve `height` özelliğiyle tanımlayın, font yükleme sırasındaki kaymaları fix edin.
Sonuç
Site hızı soyut bir teknik konu gibi görünse de etkisi çok somut: daha az hemen çıkma, daha fazla ürün görüntüleme, daha yüksek dönüşüm oranı ve Google aramalarında daha iyi sıralama.
Başlamak için aracınız hazır: PageSpeed Insights'a URL'nizi yapıştırın, en düşük skorlu sayfadan başlayın ve en büyük sorundan kurtulun. Çoğu zaman tek görsel optimizasyonu skoru 20–30 puan artırıyor.
E-ticaret sitenizin doğru platformda olup olmadığını değerlendirmek için Shopify, İkas ve WooCommerce karşılaştırmamıza göz atabilirsiniz.