Web Sitesi Hızı Neden Bu Kadar Önemli? Core Web Vitals Rehberi

Web siteniz 3 saniyeden fazla yükleniyorsa, ziyaretçilerinizin yaklaşık %53'ü sayfayı terk ediyor. Bu sadece bir istatistik değil — potansiyel müşterilerinizin yarısını kaybetmek demek. Sayfa hızı artık sadece teknik bir konu değil, doğrudan gelirinizi etkileyen bir iş metriği.

Sayfa Hızının Dönüşüm Oranlarına Etkisi

Araştırmalar net bir tablo ortaya koyuyor:

• Sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında terk etme oranı %32 artıyor
• 1 saniyeden 5 saniyeye çıktığında bu oran %90'a yükseliyor
• Sayfa hızında 0.1 saniyelik bir iyileşme bile dönüşüm oranlarında %8'e varan artış sağlayabiliyor

E-ticaret siteleri için bu rakamlar doğrudan gelir kaybı anlamına gelir. Aylık 100.000 TL ciro yapan bir e-ticaret sitesinde, 1 saniyelik hız iyileştirmesi ayda 7.000-10.000 TL ek gelir demek olabilir.

Core Web Vitals Nedir?

Google, 2021'den bu yana sayfa deneyimini Core Web Vitals adıyla ölçtüğü üç temel metrikle değerlendiriyor. Bu metrikler arama sıralama faktörleri arasında:

LCP (Largest Contentful Paint) — Yükleme Performansı

Sayfanın en büyük içerik öğesinin (genellikle bir görsel veya başlık) görünür hale gelmesi için geçen süre.

• İyi: 2.5 saniye ve altı
• İyileştirme gerekli: 2.5 - 4 saniye
• Kötü: 4 saniye üzeri

Nasıl iyileştirilir:

• Görselleri WebP veya AVIF formatına dönüştürün
• Kritik CSS'i inline olarak ekleyin
• Server response time'ı azaltın (iyi bir hosting seçin)
• Lazy loading kullanın (ilk görünümde olmayan görseller için)

INP (Interaction to Next Paint) — Etkileşim Hızı

Kullanıcının bir butona tıkladığında veya bir form doldurduğunda sayfanın ne kadar hızlı tepki verdiğini ölçer.

• İyi: 200 milisaniye ve altı
• İyileştirme gerekli: 200 - 500 milisaniye
• Kötü: 500 milisaniye üzeri

Nasıl iyileştirilir:

• Ağır JavaScript işlemlerini parçalara bölerek çalıştırın
• Uzun süreli işlemleri web worker'lara taşıyın
• Gereksiz üçüncü parti scriptleri kaldırın
• Event handler'ları optimize edin

CLS (Cumulative Layout Shift) — Görsel Kararlılık

Sayfa yüklenirken içeriklerin beklenmedik şekilde kaymasını ölçer. Bir butona tıklayacakken sayfanın kayıp başka yere tıklamanıza neden olan o sinir bozucu deneyim.

• İyi: 0.1 ve altı
• İyileştirme gerekli: 0.1 - 0.25
• Kötü: 0.25 üzeri

Nasıl iyileştirilir:

• Görsel ve videolara her zaman genişlik ve yükseklik değeri tanımlatın
• Reklam alanları için önceden yer ayırın
• Web fontları için font-display: swap kullanın ve önceden yükleyin
• Dinamik içerikleri sayfa üzerine animasyonla ekleyin, aniden sokmayın

Pratik Hız Optimizasyon Kontrol Listesi

Aşağıdaki maddeleri sırayla uygulayarak web sitenizin hızında ciddi iyileşme sağlayabilirsiniz:

Görsel Optimizasyonu

• Tüm görselleri WebP formatına dönüştürün (JPEG'e göre %25-35 daha küçük)
• Responsive görseller kullanın (srcset ile farklı ekran boyutlarına farklı görsel)
• Lazy loading uygulayın
• CDN (Content Delivery Network) kullanın

Kod Optimizasyonu

• CSS ve JavaScript dosyalarını minify edin
• Kullanılmayan CSS'i temizleyin (PurgeCSS gibi araçlarla)
• JavaScript bundle'larını code splitting ile parçalayın
• Critical rendering path'i optimize edin

Sunucu Taraflı Optimizasyon

• HTTP/2 veya HTTP/3 protokolünü aktif edin
• Gzip veya Brotli sıkıştırma kullanın
• Browser caching kurallarını doğru ayarlayın
• Türkiye'de hedef kitleniz varsa, Türkiye lokasyonlu veya yakın CDN edge sunucusu kullanın

Üçüncü Parti Scriptler

• Google Analytics, Facebook Pixel, canlı sohbet gibi scriptleri asenkron yükleyin
• Kullanmadığınız scriptleri kaldırın
• Tag Manager kullanarak scriptleri merkezden yönetin

Hız Ölçüm Araçları

Web sitenizin mevcut durumunu ölçmek için şu araçları kullanın:

• Google PageSpeed Insights: Core Web Vitals skorlarınızı gösterir, iyileştirme önerileri sunar
• GTmetrix: Detaylı yükleme süresi analizi ve waterfall görünümü
• Chrome DevTools Lighthouse: Tarayıcınızdan doğrudan test
• Google Search Console: Gerçek kullanıcı verilerine dayalı Core Web Vitals raporu

Ölçüm yaparken hem mobil hem masaüstü sonuçlarını kontrol edin. Google, mobil öncelikli indeksleme kullandığı için mobil sonuçlar daha kritiktir.

Sonuç

Web sitesi hızı, kullanıcı deneyimi, dönüşüm oranı ve SEO performansını doğrudan etkileyen bir faktördür. Core Web Vitals metriklerini düzenli olarak takip etmek ve optimize etmek, dijital varlığınızın sağlığı için zorunludur. Profesyonel hız optimizasyonu ve performans analizi için bizimle iletişime geçin.