Bir web sitesinin hızı artık “güzel olur” değil, doğrudan iş sonucudur. Google’ın Core Web Vitals metrikleri hem kullanıcı deneyimini hem de arama sıralamasını etkiler. İyi haber: bu metriklerin neredeyse tamamı ölçülebilir ve iyileştirilebilir.
Önce üç ana metriği kısaca tanıyalım: LCP (en büyük içeriğin yüklenme süresi), INP (kullanıcı etkileşimine yanıt hızı) ve CLS (görsel kaymalar). Şimdi bunları iyileştirecek yedi adıma geçelim.
1. Görselleri ciddiye al
Çoğu sayfada en büyük yükü görseller taşır. Modern formatlar (WebP/AVIF), doğru boyutlandırma ve srcset ile cihaza uygun çözünürlük sunmak LCP’yi belirgin düşürür. Ekranın altındaki görsellere loading="lazy" ekle; ama hero görselini asla geç yükleme.
2. Görseller için yer ayır (CLS’i bitir)
Görsel ve reklam alanlarına width/height ya da aspect-ratio vererek tarayıcıya yeri önceden ayırt. Böylece içerik yüklenirken sayfa zıplamaz; kullanıcı yanlışlıkla yanlış yere tıklamaz.
3. Yazı tiplerini yerelden sun
Web fontları render’ı geciktirebilir. Fontları kendi sunucundan ver, yalnızca kullandığın ağırlıkları yükle (font subsetting) ve font-display: swap ile metnin hemen görünmesini sağla.
4. Gereksiz JavaScript’i at
INP’nin baş düşmanı ağır JavaScript’tir. Kullanılmayan eklentileri kaldır, üçüncü taraf scriptleri (sohbet, analitik, reklam) gecikmeli yükle, kritik olmayan kodu defer ile ertele. Her eklenti bir maliyettir.
5. Önbellek ve sıkıştırma kur
Sunucu tarafında Gzip/Brotli sıkıştırma ve uzun süreli tarayıcı önbelleği, tekrar eden ziyaretleri saniyeler hızlandırır. WordPress’te iyi bir önbellek eklentisi, statik sitede ise basit bir .htaccess yapılandırması çoğu işi görür.
6. Kritik CSS’i öne al
İlk ekranda görünen içeriğin stilini satır içi (inline) ver, geri kalan CSS’i ertele. Böylece sayfa, tüm stiller inmeden önce doğru görünmeye başlar.
7. Ölç, tahmin etme
“Bana hızlı geldi” bir ölçüm değildir. PageSpeed Insights ve tarayıcının Lighthouse aracıyla gerçek sayılara bak; değişiklik yap, tekrar ölç. Hız bir kerelik iş değil, sürdürülen bir alışkanlıktır.
Pratikte bu yedi adım, çoğu sitede yükleme süresini yarıya indirip Core Web Vitals’ı yeşile taşımaya yetiyor.
Sitenin neden yavaş olduğundan emin değilsen, kısa bir performans denetimiyle başlayabiliriz; nereye dokunacağımızı sayılar söyler.