Tüm Yazılar
Kullanıcı bir tıklama yaptığında tarayıcının ne kadar sürede tepki verdiği. İyi: 200ms altı.
Web Yazılım4 Ağustos 20268 dk
Web Sitesi Hızı ile Dönüşüm Oranı Arasındaki Kritik Bağlantı
WM
Wkey Media
Dijital Ajans
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.
Etiketler:
#web performansı#core web vitals#dönüşüm oranı#sayfa hızı#SEO teknik