Hız Neden Bu Kadar Önemli?
Google’ın verilerine göre, yükleme süresi 1 saniyeden 3 saniyeye çıktığında bounce rate %32 artıyor. 5 saniyeye çıktığında bu oran %90’a ulaşıyor. Amazon’un her 100ms’lik yavaşlama için %1 satış kaybettiği biliniyor. Web sitenizin hızı, doğrudan dönüşüm oranı ve SEO sıralamasını etkiliyor.
2026 itibarıyla Google, Core Web Vitals metriklerini sıralama faktörü olarak kullanmaya devam ediyor. Yani siteniz yavaşsa, arama sonuçlarında geride kalıyorsunuz. Hızlı bir site sadece SEO değil, aynı zamanda kullanıcı memnuniyeti ve marka itibarı için kritik.
Core Web Vitals Nedir?
Google’ın web sitesi kullanıcı deneyimini ölçen üç temel metriği. Bu metrikler, gerçek kullanıcı verilerine (Chrome UX Report) dayanır:
1. LCP (Largest Contentful Paint)
Sayfadaki en büyük içeriğin (görsel, video, büyük metin bloğu) yüklenme süresi. Hedef: 2.5 saniye altında. 2.5-4 saniye arası “iyileştirme gerekli”, 4 saniye üzeri “kötü”.
Optimizasyon Teknikleri:
- Görsel optimizasyonu: WebP/AVIF formatına çevirin. Responsive images kullanın (srcset). Lazy loading’i hero görselde devre dışı bırakın — ilk yüklenen görsel gecikmemeli.
- Critical CSS: Above-the-fold içeriğin CSS’ini inline edin. Geri kalan CSS’i async yükleyin. Bu tek başına LCP’yi 1-2 saniye iyileştirebilir.
- Font optimizasyonu: font-display: swap kullanın. Font dosyalarını preload edin. Sadece kullanılan font ağırlıklarını yükleyin (Regular, Bold yeterli).
- CDN: Cloudflare, AWS CloudFront veya BunnyCDN. Statik dosyaları kullanıcıya en yakın sunucudan servis edin.
- Server response time: TTFB (Time to First Byte) 200ms altında olmalı. Sunucu tarafı cache, PHP opcode cache (OPcache), veritabanı optimizasyonu.
2. INP (Interaction to Next Paint)
Kullanıcı etkileşimlerinin (tıklama, dokunma, klavye) yanıt süresi. Eski FID’in (First Input Delay) yerini aldı — daha kapsamlı bir metrik. Hedef: 200ms altında.
Optimizasyon Teknikleri:
- JavaScript optimizasyonu: Ana thread’i bloklamayan JS kullanın. Code splitting ile JS’i parçalara bölün. Sadece gerekli sayfalarda yükleyin.
- Third-party script’leri sınırlayın: Analytics, chat widget, reklam script’leri ana thread’i bloklar. Async/defer yükleyin, gecikmeli başlatın.
- Web Workers: Ağır hesaplamaları ana thread’den ayırın. Comlink kütüphanesi ile kolay entegrasyon.
- Event handler optimizasyonu: Throttle ve debounce kullanın. requestAnimationFrame ile animasyonları optimize edin.
- Long task’leri bölün: 50ms’den uzun süren JavaScript işlemlerini setTimeout veya requestIdleCallback ile parçalara ayırın.
3. CLS (Cumulative Layout Shift)
Sayfa yüklenirken oluşan kayma miktarı. Kullanıcı bir şeye tıklamaya çalışırken element kayarsa — bu CLS. Hedef: 0.1 altında.
Optimizasyon Teknikleri:
- Medya boyutları: Görsel ve video boyutlarını (width/height) mutlaka tanımlayın. Aspect-ratio CSS property’sini kullanın.
- Font yüklemesi: FOUT (Flash of Unstyled Text) ve FOIT (Flash of Invisible Text) önleyin. font-display: swap + size-adjust ile.
- Dinamik içerik: Reklam, embed, lazy-load içerik için sabit boyut alanı ayırın. Skeleton screen kullanın.
- Layout injection: Üstten enjekte edilen banner/cookie bar için sabit yükseklik预留 edin. position: fixed veya sticky kullanın.
WordPress İçin Hız Optimizasyonu
Eklenti Seçimi
- Cache: LiteSpeed Cache (LiteSpeed sunucu ise) veya WP Rocket (en popüler premium cache). Page cache, browser cache, object cache üçlüsünü aktif edin.
- Görsel: ShortPixel (en iyi sıkıştırma oranı) veya Imagify. Otomatik WebP dönüşümü + bulk optimize. Lazy loading dahil.
- CDN: Cloudflare (ücretsiz plan bile etkili — APO $5/ay ile WordPress-specific optimizasyon). RocketCDN veya BunnyCDN alternatifleri.
- Temizlik: Asset CleanUp veya Perfmatters (kullanılmayan CSS/JS kaldırma). Her eklendiğimiz plugin ekstra CSS/JS yükler — kullanılmayanları devre dışı bırakın.
- Veritabanı: WP-Optimize veya Advanced Database Cleaner. Post revisions, spam comments, transient options temizleyin.
Tema Optimizasyonu
- Hafif tema seçin: GeneratePress (7.5KB), Astra (50KB), Kadence (65KB). Elementor + Olyve gibi ağır tema kombinasyonları LCP’yi olumsuz etkiler.
- Gereksiz tema özelliklerini devre dışı bırakın (kullanmadığınız widget’lar, font’lar, ikon setleri).
- Child theme kullanın — tema güncellemeleri özelleştirmelerinizi silmesin.
- System font stack düşünün — Google Fonts yüklemesini tamamen kaldırabilirsiniz (Inter yerine -apple-system, BlinkMacSystemFont).
Hosting Seçimi
En iyi optimizasyon bile kötü hosting’i kurtaramaz. Önerilen hosting kriterleri:
- LiteSpeed veya Nginx: Apache’den 2-5x daha hızlı
- PHP 8.2+: Her PHP sürümü bir öncekinden %10-20 daha hızlı
- HTTP/3 (QUIC): Daha hızlı bağlantı kurulumu
- SSD/NVMe depolama: Disk I/O hızı doğrudan etkiler
- Redis veya Memcached: Object cache için
Performans Ölçüm Araçları
- Google PageSpeed Insights: Resmi Google aracı, mobil + masaüstü. CrUX verilerini kullanır.
- GTmetrix: Detaylı performans raporu + su akışı grafiği (waterfall). Kayıtlı test geçmişi.
- WebPageTest: Gerçek cihaz testleri, çoklu lokasyon. En detaylı analiz. Filmstrip görünümü.
- Lighthouse: Chrome DevTools entegrasyonu. PWA, SEO, erişilebilirlik de kontrol eder.
- Chrome UX Report (CrUX): Gerçek kullanıcı verileri. Search Console’da Core Web Vitals raporu.
- DebugBear veya Calibre: Sürekli performans izleme. Uyarı sistemi.
Hızlı Kontrol Listesi
- ☐ Görseller WebP/AVIF formatında mı?
- ☐ Lazy loading aktif mi (hero görsel hariç)?
- ☐ CDN kullanılıyor mu?
- ☐ Cache eklentisi kurulu ve yapılandırılmış mı?
- ☐ Gereksiz eklentiler kaldırıldı mı?
- ☐ CSS/JS minify ve combine edilmiş mi?
- ☐ Gzip/Brotli sıkıştırma aktif mi?
- ☐ Font yüklemesi optimize mi (preload, swap)?
- ☐ Render-blocking kaynaklar minimize mi?
- ☐ Mobil performans skoru 90+ mı?
- ☐ Server response time (TTFB) 200ms altında mı?
- ☐ HTTP/2 veya HTTP/3 aktif mi?
Sonuç
Web sitesi hızı bir kerelik bir iş değil, sürekli bir süreç. Düzenli olarak performansı ölçün (ayda en az 1 kez), yeni optimizasyon tekniklerini uygulayın ve Google’ın güncel metriklerini takip edin. Hızlı bir site, hem kullanıcı memnuniyetini hem de arama sıralamanızı doğrudan artırır. Her 100ms’lik iyileştirme, dönüşüm oranına pozitif yansır. Hız, 2026’da bir “nice to have” değil, “must have”.
📝 İlgili Yazılar