Core Web Vitals Guide: Improving LCP, INP and CLS
What LCP, INP and CLS mean, and practical tips to raise your PageSpeed score.
Core Web Vitals, Google'ın kullanıcı deneyimini ölçmek için kullandığı üç temel metriktir. Bu metrikler hem ziyaretçi memnuniyetini hem de arama görünürlüğünü etkiler. Mart 2024'te etkileşim metriği FID'nin yerini INP aldı.
LCP — En büyük içerikli boyama
Sayfadaki en büyük görselin veya metin bloğunun ne kadar sürede göründüğünü ölçer. İyi değer 2,5 saniyenin altıdır.
- Ana görseli WebP/AVIF formatında ve doğru boyutta sunun.
- LCP görseline yüksek öncelik verin, tembel yüklemeyin.
- Render'ı engelleyen harici CSS ve font isteklerini azaltın; fontları kendi sunucunuzdan servis edin.
- Sunucu yanıt süresini (TTFB) düşürün.
INP — Sonraki boyamaya etkileşim
Kullanıcının tıklama ve dokunmalarına sayfanın ne kadar hızlı tepki verdiğini ölçer. İyi değer 200 milisaniyenin altıdır.
- Ana iş parçacığını uzun süre meşgul eden JavaScript görevlerini bölün.
- Kullanılmayan JavaScript'i kaldırın, ağır kütüphaneleri ihtiyaç anında yükleyin.
- Sürekli çalışan animasyonları ekran dışındayken durdurun.
CLS — Kümülatif düzen kayması
Sayfa yüklenirken içeriğin ne kadar kaydığını ölçer. İyi değer 0,1'in altıdır.
- Görsellere genişlik ve yükseklik verin.
- Reklam ve gömülü içerikler için yer ayırın.
- Font yüklenirken metin boyutunun değişmemesi için uygun yedek fontlar kullanın.
Nasıl ölçülür?
PageSpeed Insights, Chrome DevTools içindeki Lighthouse ve Google Search Console'daki Core Web Vitals raporu temel araçlardır. Laboratuvar verisi ile gerçek kullanıcı verisinin farklı olabileceğini unutmayın.
Sitenizin hız performansını birlikte değerlendirmek için bizimle iletişime geçin.