E-Ticaret Site Hızı Optimizasyonu: Performans Rehberi

E-ticarette her saniye önemli. Araştırmalar, sayfa yükleme süresindeki 1 saniyelik gecikmenin dönüşüm oranını %7 düşürdüğünü gösteriyor. Ayrıca Google, site hızını sıralama faktörü olarak kullanıyor. Hızlı site = daha fazla satış + daha iyi SEO.

Site Hızının Önemi

Rakamlar konuşuyor:

• 3 saniyeden uzun yüklenen sitelerin %53'ü terk ediliyor
• 1 saniyelik iyileşme, dönüşümde %7 artış sağlıyor
• Mobil kullanıcılar daha da sabırsız
• Google hızlı siteleri ödüllendiriyor
• Amazon, her 100ms gecikmenin satışları %1 düşürdüğünü tespit etti

Core Web Vitals

Google'ın belirlediği kullanıcı deneyimi metrikleri:

LCP (Largest Contentful Paint)

En büyük içerik öğesinin yüklenme süresi.

• İyi: < 2.5 saniye
• İyileştirme gerekli: 2.5-4 saniye
• Kötü: > 4 saniye

FID (First Input Delay)

İlk kullanıcı etkileşimine yanıt süresi.

• İyi: < 100ms
• İyileştirme gerekli: 100-300ms
• Kötü: > 300ms

CLS (Cumulative Layout Shift)

Görsel kararsızlık (kaymalar) skoru.

• İyi: < 0.1
• İyileştirme gerekli: 0.1-0.25
• Kötü: > 0.25

Ölçüm Araçları

Google PageSpeed Insights

Ücretsiz, detaylı analiz ve öneriler. Mobil ve masaüstü ayrı değerlendirme.

Google Lighthouse

Chrome DevTools içinde. Performans, erişilebilirlik, SEO puanları.

GTmetrix

Waterfall analizi, geçmiş karşılaştırma.

WebPageTest

Detaylı analiz, farklı lokasyonlardan test.

Google Search Console

Core Web Vitals raporu, gerçek kullanıcı verileri.

Görsel Optimizasyonu

Görseller genellikle sayfa boyutunun %50'sinden fazlasını oluşturur.

Format Seçimi

• WebP: Modern tarayıcılar için en iyi seçenek. %25-35 daha küçük
• AVIF: Daha da küçük, ancak tarayıcı desteği sınırlı
• JPEG: Fotoğraflar için fallback
• PNG: Şeffaf görseller için
• SVG: Logo ve ikonlar için

Boyut Optimizasyonu

• Gereksiz büyük görseller yüklemeyin
• Responsive images kullanın (srcset)
• Sıkıştırma araçları kullanın (TinyPNG, Squoosh)

Lazy Loading

Görsel ihtiyaç duyulana kadar yüklenmesin. Native lazy loading: loading="lazy"

Kod Optimizasyonu

CSS Optimizasyonu

• Kullanılmayan CSS'i temizleyin
• CSS'i minimize edin
• Critical CSS'i inline yapın
• Render-blocking CSS'i azaltın

JavaScript Optimizasyonu

• Gereksiz kütüphaneleri kaldırın
• Code splitting yapın
• defer ve async kullanın
• Tree shaking uygulayın

HTML Optimizasyonu

• DOM boyutunu küçük tutun
• Gereksiz div'leri temizleyin
• Preload kritik kaynakları

Hosting ve CDN

Hosting Seçimi

• SSD depolama
• Yeterli RAM ve CPU
• HTTP/2 veya HTTP/3 desteği
• Hedef pazara yakın sunucu lokasyonu

CDN (Content Delivery Network)

Statik dosyaları dünya genelinde dağıtarak hızlandırma:

• Cloudflare (ücretsiz plan mevcut)
• Amazon CloudFront
• BunnyCDN
• KeyCDN

Caching

• Tarayıcı cache'i (Cache-Control headers)
• Server-side caching
• Database query caching
• Full page caching

Sonuç

Site hızı, e-ticaret başarısının temel taşlarından biridir. Görsel optimizasyonu, kod iyileştirmesi ve doğru altyapı ile sitenizi hızlandırabilirsiniz. Çözüm Partneri olarak performans optimizasyonu ve teknik SEO konularında profesyonel destek sunuyoruz.