Web Sitesi Hızı ile Dönüşüm Oranı Arasındaki Kritik Bağlantı

Hız = Para

Bu bir klişe değil, ölçülmüş gerçek. Amazon 2024'te yaptığı analizde, sayfa yükleme süresinde **100ms** azalmanın gelirde **%1** artışa karşılık geldiğini açıkladı.

#

Temel Performans Metrikleri

Google, Core Web Vitals olarak belirlediği 3 metriği hem sıralama hem kullanıcı deneyimi için kullanıyor:

##

LCP — Largest Contentful Paint
Sayfanın ana görüntü veya metin bloğunun yüklenme süresi. **İyi: 2.5 saniye altı.**

Yaygın sorunlar:
- Büyük hero görselleri optimize edilmemiş
- Web fontları render'ı bloke ediyor
- Sunucu yanıt süresi yüksek

##

FID / INP — Interaction to Next Paint
Kullanıcı bir tıklama yaptığında tarayıcının ne kadar sürede tepki verdiği. **İyi: 200ms altı.**

##

CLS — Cumulative Layout Shift
Sayfa yüklenirken elementlerin kayması. Bir düğmeye tıklıyorsunuz, yerinden kaçıyor. **İyi: 0.1 altı.**

#

Yaygın Performans Katilleri

##

1. Sıkıştırılmamış Görseller
PNG formatında 2MB hero görseli = ciddi LCP sorunu. Çözüm:
- WebP veya AVIF formatına dönüştürün
- Lazy loading uygulayın
- Boyutlandırma: görseli kullanım boyutunda sunun, büyüğünü küçültmeyin

##

2. Render-Blocking JavaScript
3. parti scriptler (canlı destek, analitik, reklam pikseli) sayfanın yüklenmesini bloke edebiliyor.
- defer veya async attribute kullanın
- Kritik olmayan scriptleri kullanıcı etkileşimi sonrasına erteleyin

##

3. Font Yükleme Stratejisi
Google Fonts her ne kadar kolay olsa da ek bir DNS sorgusu anlamına geliyor.
- Font dosyalarını self-host edin
- font-display: swap kullanın
- Sadece ihtiyacınız olan ağırlıkları yükleyin

#

Wkey Media Web Performans Yaklaşımı

Teslim ettiğimiz tüm web projelerinde:
- **PageSpeed Insights**: Mobil 90+, Masaüstü 95+ hedefi
- **LCP**: 2 saniye altı
- **Next.js Image Optimization**: Otomatik WebP dönüşümü ve lazy loading
- **Edge CDN**: Vercel Edge Network ile küresel hız

#

Sitenizi Nasıl Ölçersiniz?

1. [PageSpeed Insights](https://pagespeed.web.dev) — ücretsiz, Google'dan
2. **WebPageTest** — daha detaylı waterfall analizi
3. **Lighthouse** — tarayıcı DevTools'da yerleşik

**Sitenizin performansını birlikte analiz edelim. Ücretsiz teknik audit için bize yazın.**