Zayıf Core Web Vitals skorlarını nasıl düzeltirim?

Hangi metriğin, hangi cihazda ve hangi sayfa grubu için başarısız olduğunu bulun; Search Console'un Core Web Vitals raporu, gerçek Chrome ziyaretlerinden elde edilen üç metriği de gösterir. Ardından o metriğin arkasındaki nedeni düzeltin: LCP için ana görselin veya metnin ne kadar hızlı geldiğini, INP için yanıtları geciktiren uzun JavaScript görevlerini, CLS için ise kendisine yer ayrılmadan görünen içeriği ele alın. Saha verisi son 28 günü kapsar, bu nedenle düzeltmenin etkisini bir ay boyunca değerlendirin.

Adım 1: Başarısız olanı bulun

1. Search Console'da Core Web Vitals raporunu açın ve Mobil ya da Masaüstü seçeneğini belirleyin; ikisi ayrı ayrı derecelendirilir.
2. Listelenen sorunlardan birini, örneğin mobildeki bir LCP sorununu açarak etkilenen URL grubunu ve örnek URL'leri görün. Grubun tamamı tek bir duruma sahiptir ve bu durum en kötü metriğe göre belirlenir.
3. Bir örnek URL'yi PageSpeed Insights'a girerek o sayfanın saha verisini, hata ayıklamanıza yardımcı olan bir laboratuvar testiyle yan yana görün.

Lighthouse gibi laboratuvar araçları, sayfayla etkileşime giren kimse olmadığı için INP'yi ölçemez ve bunun yerine Total Blocking Time değerini raporlar. INP için güvenilir kaynak, gerçek kullanıcı ölçümüdür.

Yavaş LCP nasıl düzeltilir

web.dev'in LCP optimizasyon rehberi, LCP'yi dört bölüme ayırır: sunucu yanıt süresi, ana kaynağın yüklenmeye başlamasından önceki gecikme, indirme süresi ve işlenmeden önceki gecikme. Önce en büyük bölüm üzerinde çalışın:

• LCP görselini keşfedilebilir yapın: JavaScript veya CSS ile eklemek yerine ilk HTML içinde yer alsın ve fetchpriority="high" verin.
• LCP görselini asla lazy-load etmeyin.
• Daha küçük sunun: doğru boyutlar, modern bir biçim, sıkıştırma ve ziyaretçilere yakın bir CDN kullanın.
• Oluşturmayı engelleyen kaynakları kaldırın: daha küçük stil dosyaları kullanın, <head> içinde eşzamanlı betik bulundurmayın, ana içerik için sunucu tarafı oluşturma (server-side rendering) kullanın.
• Sunucu yanıtını hızlandırın: yönlendirmeleri azaltın ve sayfaların uç noktada (edge) önbelleğe alınmasına izin verin.

Zayıf INP nasıl düzeltilir

INP optimizasyon rehberi, her etkileşimi girdi gecikmesi, işleme süresi ve sunum gecikmesi olarak ayırır:

• Girdi gecikmesi: sayfa yüklenirken çalışan JavaScript miktarını azaltın; böylece biri dokunduğunda ana iş parçacığı boşta olur.
• İşleme süresi: uzun olay işleyicilerini daha küçük görevlere bölün ve ana iş parçacığına söz hakkı verin (yield); önce görünen güncellemeyi yapın, gerisini erteleyin.
• Sunum gecikmesi: DOM'u küçük tutun, stilleri değiştirdikten hemen sonra okuyarak düzen hesaplamasını zorlamaktan kaçının ve uzun sayfalarda content-visibility kullanın.

Yüksek CLS nasıl düzeltilir

CLS optimizasyon rehberi, sık rastlanan nedenleri ve çözümlerini listeler:

• Boyutu belirtilmemiş görseller ve videolar: width ve height özniteliklerini ya da CSS aspect-ratio özelliğini ekleyin.
• Reklamlar, gömülü içerikler ve iframe'ler: yüklenmeden önce düzende kendilerine yer ayırın.
• Mevcut içeriğin üstüne eklenen içerik: doğru boyutta bir yer tutucu kullanın veya yeni içeriği ziyaretçinin okuduğu bölümün altına ekleyin.
• Web yazı tipleri: önemli olanları önceden yükleyin (preload); böylece metin geç aşamada yeniden akmaz.
• Animasyonlar: top veya left gibi özellikler yerine transform özelliğini animasyonlayın.

Tarayıcının geri/ileri önbelleğini (back/forward cache) kullanabilen sayfalar, ziyaretçiler geri döndüğünde de düzen kaymalarından kaçınır.

Adım 3: Düzeltmeyi doğrulayın

Değişikliği yayına alın, ardından Core Web Vitals raporunda ilgili sorunu açın ve doğrulamayı başlatın. Google, grubu 28 gün boyunca izler; doğrulama yeniden tarama başlatmaz ve hiçbir şeyi hızlandırmaz, yalnızca sorunun giderilip giderilmediğini takip eder. Saha verisi 28 günlük bir pencerede güncellendiği için raporun kademeli olarak iyileşmesini bekleyin. Her metriğin ne anlama geldiği için LCP, INP ve CLS ne anlama gelir? sayfasına bakın.

AutoPSEO nasıl yardımcı olur

AutoPSEO'nun Core Web Vitals raporu, sitenizin veya tek bir URL'nin yaklaşık altı aylık haftalık Chrome UX Report verisini telefon, masaüstü veya tablet için grafiğe döker. Böylece bir sonraki 28 günlük pencerenin kapanmasını beklemeden, bir düzeltmenin etkili olduğu haftayı ya da bir sürümün durumu kötüleştirdiği haftayı görebilirsiniz.