
LCP, INP ve CLS değerlerinin ne ölçtüğünü ve en sık karşılaştığımız sorunların pratik çözümlerini örneklerle anlattık.
Core Web Vitals, sayfa deneyimini üç ölçüyle özetler. Tek başına sıralamayı belirlemez ancak eşit güçteki iki sayfa arasında ayrım yaratır ve dönüşüm oranını doğrudan etkiler.
LCP — En büyük içerik boyaması
Sayfanın ana görselinin veya başlık bloğunun ne zaman göründüğünü ölçer. Hedef 2,5 saniyenin altı. En sık karşılaştığımız nedenler: sunucu yanıt süresinin yavaşlığı, öne çıkan görselin geç yüklemeye bırakılması ve görsellerin dönüştürülmemiş büyük dosyalar olması.
Pratik çözüm sırası: sunucu önbelleğini kurun, ilk ekrandaki görselden geç yüklemeyi kaldırın, görselleri yeni nesil formata çevirin ve boyutlarını gerçek görüntülenme ölçüsüne indirin.
INP — Sonraki boyamayla etkileşim
Kullanıcı bir yere dokunduğunda sayfanın ne kadar sürede tepki verdiğini ölçer. Hedef 200 milisaniyenin altı. En yaygın sebep, ana iş parçacığını uzun süre meşgul eden betikler. Sohbet, harita ve analiz araçlarının hepsinin sayfa açılışında yüklenmesi tipik bir hatadır.
Üçüncü taraf betikleri gerçekten gerekli olduğu anda yükleyin; sohbet aracını kullanıcı etkileşimine, haritayı tıklamaya bağlayın.
CLS — Düzen kayması
Sayfa yüklenirken içeriğin yerinden oynamasını ölçer. Hedef 0,1'in altı. Neredeyse her zaman aynı üç sebepten kaynaklanır: ölçüsü belirtilmemiş görseller, geç yüklenen yazı tipleri ve sonradan araya giren duyuru bantları.
- Tüm görsel ve iframe öğelerine genişlik ve yükseklik verin.
- Yazı tiplerini yerel olarak yükleyin ve yedek font ölçüsünü yakın seçin.
- Duyuru ve çerez bantları için yer baştan ayrılsın.
Hangi veriye bakmalı?
Tek bir ölçüm aracının sonucuna göre karar vermeyin. Laboratuvar ölçümü sorunu bulmak için, saha verisi ise gerçek durumu görmek için kullanılır. Değerlendirme 28 günlük saha verisi üzerinden yapılır; bu yüzden yapılan iyileştirmenin rapora yansıması birkaç hafta sürer.
Son bir not: hız çalışmasını yalnızca puan için yapmayın. Projelerimizde mobil açılma süresini bir saniye kısaltmak, dönüşüm oranında ortalama %7 artış getirdi.
İlgili Yazılar
Teknik SEO Kontrol Listesi: Yayına Almadan Önce 24 Madde
Yeni site açarken veya yenileme yaparken en sık karşılaştığımız hataları tek listede topladık. Yayın öncesi yarım…
Yazıyı oku