Core Web Vitals: LCP, INP ve CLS'yi sade dille anlatıyoruz
Core Web Vitals, Google'ın gerçek kullanıcı deneyimini ölçmek için kullandığı üç göstergedir. Bir sayfanın ne kadar hızlı göründüğünü, tıklamalara ne kadar çabuk tepki verdiğini ve açılırken ne kadar zıpladığını anlatır.
| Ölçüm | Neyi ölçer | İyi değer |
|---|---|---|
| LCP | En büyük içeriğin görünme süresi | 2,5 sn veya altı |
| INP | Etkileşime tepki süresi | 200 ms veya altı |
| CLS | Sayfa açılırken oluşan kayma | 0,1 veya altı |
Değerlendirme, gerçek ziyaretlerin yüzde 75'lik dilimine göre yapılır. INP, Mart 2024'te FID'in yerini aldı.
LCP için
- Sayfanın ilk büyük görselini WebP veya AVIF yapın, boyutunu ekrana göre verin.
- Bu görsele tembel yükleme uygulamayın, öncelik verin.
- Sunucu yanıt süresini düşürün: önbellek, veritabanı sorguları, CDN.
INP için
- Üçüncü taraf betikleri azaltın. Sohbet, analiz ve reklam kodları en sık nedenlerdir.
- Uzun JavaScript işlerini parçalara bölün.
- Düğmeye basıldığında hemen görsel bir tepki verin.
CLS için
- Görsellere genişlik ve yükseklik verin.
- Sonradan yüklenen banner ve reklamlara yer ayırın.
- Yazı tiplerinde
font-display: swapile benzer yedek font kullanın.
Nasıl ölçülür?
PageSpeed Insights hem laboratuvar hem saha verisini gösterir. Search Console'daki Core Web Vitals raporu ise sitenizin geneline bakar. Hedef tek bir testte yüksek puan almak değil, gerçek kullanıcıların telefonunda hızlı bir site sunmaktır.
Bu yazı yapay zeka desteğiyle hazırlanmıştır.