Core Web Vitals nedir?
Core Web Vitals, Google'ın gerçek kullanıcı deneyimini ölçmek için kullandığı üç temel metriktir:
- LCP (Largest Contentful Paint): Sayfadaki en büyük görsel ya da metin bloğunun ne kadar sürede göründüğünü ölçer. İyi değer 2,5 saniyenin altındadır.
- INP (Interaction to Next Paint): Kullanıcı bir butona tıkladığında ya da menüyü açtığında sayfanın ne kadar hızlı tepki verdiğini ölçer. İyi değer 200 milisaniyenin altındadır.
- CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriklerin ne kadar kaydığını ölçer. Okurken aşağı kayan metinler ya da tam tıklayacakken yer değiştiren butonlar bu metriği bozar. İyi değer 0,1'in altındadır.
Bu değerler sadece laboratuvar testlerinden değil, sitenizi ziyaret eden gerçek kullanıcıların verilerinden hesaplanır. Bu yüzden amaç bir test aracında yüksek puan almak değil, gerçek kullanıcıların yaşadığı deneyimi iyileştirmektir.
Sitenizi yavaşlatan yaygın sebepler
Yaptığım analizlerde en sık karşılaştığım sorunlar şunlar: sıkıştırılmamış ve gereğinden büyük görseller, sayfanın en üstünde yer alan devasa slider'lar, sayfa ilk açılırken yüklenen onlarca JavaScript dosyası, harici kaynaklardan gelen fazla font, her sayfada yüklenen ama sadece bir sayfada kullanılan eklentiler, takip kodlarının kontrolsüz eklenmesi ve yetersiz hosting. Çoğu zaman sorun tek bir yerde değil, bu küçük yüklerin birikmesindedir.
Hız optimizasyonunda neler yapıyorum?
Görsel optimizasyonu
Görselleri WebP ve AVIF gibi modern formatlara dönüştürüyor, ekran boyutuna göre farklı boyutlarda sunuyor ve ekran dışında kalanları gecikmeli yüklüyorum. LCP öğesi olan ana görsele ise yükleme önceliği veriyorum.
CSS ve JavaScript
Kullanılmayan kodları temizliyor, kritik CSS'i sayfanın başına yerleştiriyor, render'ı engelleyen dosyaları erteliyor ve ağır kütüphaneleri hafif alternatiflerle değiştiriyorum. Bir menü için koca bir kütüphane yüklemek yerine birkaç satır saf JavaScript yazmak çoğu zaman yeterlidir.
Font yükleme
Font dosyalarını sadece kullanılan ağırlık ve karakter setleriyle sınırlandırıyor, ön yükleme ve uygun görüntüleme stratejisiyle metnin geç görünmesini ve kaymalarını önlüyorum.
Düzen kaymalarının giderilmesi
Görsellere ve reklam alanlarına boyut tanımlıyor, geç yüklenen bileşenler için yer ayırıyorum. Böylece CLS değerleri iyileşiyor.
Üçüncü taraf kodlar
Analitik, reklam, canlı destek ve sosyal medya kodlarını Google Tag Manager üzerinden kontrollü şekilde, doğru tetikleme zamanlarıyla yüklüyorum. Gereksiz ya da çift yüklenen etiketleri temizliyorum.
Sunucu tarafı
Gzip veya Brotli sıkıştırma, tarayıcı önbellekleme kuralları, HTTP/2 ve HTTP/3 desteği, PHP sürüm güncellemesi, sayfa önbellekleme ve gerektiğinde CDN yapılandırması yapıyorum. Hosting yetersizse doğru pakete geçiş için öneride bulunuyorum.
Çalışma süreci
Önce mevcut durumu PageSpeed Insights, Search Console ve gerçek kullanıcı verileriyle ölçüyorum. Darboğazları etki ve maliyetine göre önceliklendirilmiş bir liste hâlinde sunuyorum. Onayınızın ardından değişiklikleri önce test ortamında uyguluyor, sitenin işlevlerinde bir bozulma olmadığını kontrol ediyor ve ardından canlıya alıyorum. Çalışma sonunda önceki ve sonraki değerleri karşılaştırmalı olarak paylaşıyorum.
Hız, teknik SEO'nun önemli bir parçasıdır. Reklama trafik gönderiyorsanız, hızlı bir landing page reklam maliyetinizi de düşürür.
Hızın kalıcı olması için
Optimizasyondan aylar sonra yeni eklenen büyük görseller ya da takip kodları siteyi yeniden yavaşlatabilir. Bu yüzden içerik ekleyen ekibinize görsel boyutları ve dikkat edilmesi gerekenler hakkında kısa bir rehber hazırlıyor, isterseniz periyodik ölçümlerle değerleri takip ediyorum.