Ankara'daki bir kullanıcı web sitenize tıkladı. Eğer 3 saniye içinde bir şey görmezse, büyük ihtimalle geri butonuna basacak. Google'ın araştırmalarına göre sayfa yükleme süresi 1 saniyeden 3 saniyeye çıktığında kullanıcı çıkış oranı %32 artıyor. Hem kullanıcı deneyimi hem de SEO sıralaması açısından site hızı artık bir lüks değil, zorunluluktur.
Core Web Vitals Nedir?
Google'ın kullanıcı deneyimini ölçtüğü üç temel metrik:
- LCP (Largest Contentful Paint): Sayfadaki en büyük içerik öğesi ne kadar sürede yükleniyor? Hedef: 2.5 saniye altı.
- CLS (Cumulative Layout Shift): Sayfa yüklenirken öğeler ne kadar kayıyor? Hedef: 0.1'in altı.
- INP (Interaction to Next Paint): Kullanıcı tıkladığında sayfa ne kadar hızlı tepki veriyor? Hedef: 200ms altı.
Bu metrikleri Google PageSpeed Insights veya Search Console → Core Web Vitals raporundan takip edebilirsiniz.
Görsel Optimizasyonu
Sayfa ağırlığının %60-70'ini genellikle görseller oluşturur. Optimizasyon adımları:
- WebP formatı kullanın; JPEG/PNG'den ortalama %30 daha küçük boyut.
- Görselleri gerçek görüntülenme boyutunda yükleyin; 4000px genişliğinde görsel 400px alanda görüntüleniyorsa gereksiz yük.
- Lazy loading uygulayın; ekranda görünmeyen görseller sonradan yüklensin.
- next/image (Next.js) veya responsive image tag kullanın.
JavaScript Optimizasyonu
Fazla JavaScript, tarayıcıyı meşgul eder ve INP değerini olumsuz etkiler.
- Kullanılmayan JavaScript kütüphanelerini kaldırın.
- Code splitting uygulayın; sayfanın sadece ihtiyaç duyduğu kodu yükleyin.
- Third-party scriptleri (canlı sohbet, analytics, reklam) defer veya async ile yükleyin.
Sunucu Tarafı Optimizasyon
CDN kullanın: Cloudflare veya benzeri bir CDN, statik dosyaları Ankara'ya yakın sunuculardan sunarak gecikmeyi azaltır.
Önbellekleme (Caching): Değişmeyen dosyalar (CSS, JS, görseller) tarayıcıda önbelleğe alınmalı. Cache-Control header'ları doğru ayarlanmalı.
Hosting kalitesi: Ucuz paylaşımlı hostinglerde sunucu yanıt süresi (TTFB) yüksek olur. TTFB 200ms'nin altında olmalı.
Font Optimizasyonu
Google Fonts veya özel fontlar LCP üzerinde olumsuz etki yapabilir.
- Font display: swap kullanın; font yüklenene kadar fallback font gösterilsin.
- Sadece kullandığınız font ağırlıklarını yükleyin.
- Kritik fontları preload edin.
WordPress için Özel İpuçları
WordPress kullananlar için hızlı kazanımlar:
- WP Rocket veya LiteSpeed Cache gibi bir önbellekleme eklentisi kurun.
- Kullanılmayan eklentileri devre dışı bırakın.
- Veritabanını düzenli olarak optimize edin.
- Gereksiz revizyon sayısını sınırlayın.
Hız Testi Araçları
Optimizasyon çalışmalarınızın sonucunu ölçmek için kullanabileceğiniz ücretsiz araçlar: Google PageSpeed Insights, GTmetrix, WebPageTest. Bu araçları düzenli kullanarak regresyon yaşaması durumunda erken müdahale edin.
Sonuç
Ankara'daki web siteniz rakiplerinizden hızlıysa Google hem daha üst sıralarda gösterir hem de kullanıcılar daha uzun kalır. Hız optimizasyonu tek seferlik bir çalışma değil; her yeni eklenti, görsel veya içerik, performansı etkileyebilir. Sosyoco olarak teslim ettiğimiz sitelerin PageSpeed skoru masaüstünde 90+, mobilde 80+ olmasını hedefliyoruz.