Web Sitesi Açılış Hızı — Müşteri ve SEO Üzerinde Etkisi

1 saniye gecikme = %7 dönüşüm kaybı

Akamai araştırması:

• 1 saniye gecikme = %7 dönüşüm kaybı
• 2 saniye = %32 hemen çıkma artışı
• 3 saniye = ziyaretçilerin %53'ü vazgeçiyor

Bu rakamlar Giresun'daki bir e-ticaret sitesi için ayda binlerce ₺ kayıp demek.

Google Core Web Vitals — yeni SEO faktörü

Google 2021'den beri 3 metrik kullanıyor:

• LCP (Largest Contentful Paint): En büyük içerik ne kadar sürede görünüyor — 2.5 saniye altı iyi
• INP (Interaction to Next Paint): Tıklamadan tepkiye kadar — 200ms altı iyi
• CLS (Cumulative Layout Shift): Sayfa kaydırırken sıçrama — 0.1 altı iyi

Bu 3 değerin hepsi yeşilse Google sıralamada öne çıkarır.

Lighthouse skoru nasıl ölçülür?

Chrome DevTools → Lighthouse sekmesi (F12). Veya: pagespeed.web.dev. 4 ana kategori:

• Performance (Hız) — 90+ hedef
• Accessibility (Erişilebilirlik) — 95+ hedef
• Best Practices — 90+ hedef
• SEO — 95+ hedef

Hız optimizasyon teknikleri

1. Görsel optimizasyonu

• WebP formatına geç (PNG/JPEG yerine — %30-50 daha küçük)
• Lazy loading kullan (loading="lazy")
• Responsive image (srcset) — mobil ve masaüstü farklı boyut
• Width + height attribute'leri (CLS önler)

2. Render-blocking azaltma

• CSS'i kritik (above-the-fold) + non-kritik olarak böl
• Non-kritik CSS'e media="print" onload tekniği
• JavaScript'e defer veya async
• Font Awesome gibi büyük kütüphaneleri async yükle

3. Cache stratejisi

• Statik dosyalara 1 yıl cache + immutable
• HTML/PHP cache yok (admin değişiklikleri yansısın)
• CSS/JS dosyalarını versiyonla (?v=2 ile cache busting)
• CDN kullan (Cloudflare ücretsiz)

4. Sıkıştırma

• Gzip + Brotli aktif olsun (.htaccess'te)
• HTML, CSS, JS hepsi sıkıştırılır
• %60-80 boyut azalması olur

5. Hosting kalitesi

• SSD disk (HDD değil)
• LiteSpeed sunucu (Apache yerine — 2-3x hızlı)
• Türkiye lokasyonu (Avrupa/ABD değil)
• HTTP/2 veya HTTP/3

6. Veritabanı optimizasyonu

• Sık sorgulanan kolonlara INDEX
• N+1 query problemi engelle
• Cache layer (Redis/Memcached) — büyük sitelerde

Mobile-first hız

Türkiye'de trafiğin %78'i mobilden. Mobil hız ayrı önemli:

• 3G simülasyonunda 5 saniye altı yüklenmeli
• Mobile-first CSS yaz (önce mobil, sonra desktop)
• Hover-only etkileşim yapma (touch çalışmaz)

Pratik kontrol listesi

1. WebP görseller ✓
2. Lazy loading ✓
3. Width/height attribute'leri ✓
4. Defer/async JS ✓
5. Async CSS (kritik olmayanlara) ✓
6. Brotli + gzip ✓
7. 1 yıl static cache ✓
8. HTTPS + HTTP/2 ✓
9. Türkiye hostingi + LiteSpeed ✓
10. Lighthouse 90+ skoru ✓

Bizim yaklaşımımız

Tüm paketlerimizde Lighthouse 90+ skor garantisi veriyoruz. Mevcut siteniz yavaşsa ücretsiz hız analizi yapıyoruz — eksikleri raporluyor, çözümü tahmin maliyetiyle birlikte sunuyoruz.