OrtaWeb PerformansıFrontend

Core Web Vitals nedir? LCP, INP ve CLS neyi ölçer?

Cevap

Core Web Vitals, Google'ın kullanıcı deneyimini ölçen ve arama sıralamasında kullandığı üç metriktir:

MetrikNeyi ölçerİyi değer
LCP (Largest Contentful Paint)En büyük içeriğin (genelde kapak görseli veya başlık) görünme süresi≤ 2,5 sn
INP (Interaction to Next Paint)Kullanıcı etkileşimine (tıklama, yazma) arayüzün tepki süresi≤ 200 ms
CLS (Cumulative Layout Shift)Sayfa yüklenirken içeriğin beklenmedik kayması≤ 0,1

İyileştirmeler:

  • LCP: LCP görselini priority / fetchpriority="high" ile yüklemek, sunucu cevap süresini düşürmek, render'ı bloklayan kaynakları azaltmak
  • INP: uzun JavaScript görevlerini bölmek, gereksiz render'ları azaltmak, ağır işi Web Worker'a taşımak
  • CLS: görsellere width/height vermek, reklam ve embed'lere yer ayırmak, font yüklenirken kaymayı önlemek

INP, Mart 2024'te FID'in yerini almıştır.

Mülakat Defteri editörleri ·

  1. Bundle boyutunu nasıl analiz eder ve küçültürsünüz?OrtaWeb PerformansıFrontend
  2. Çok uzun bir listeyi (on binlerce satır) performanslı nasıl gösterirsiniz?ZorWeb PerformansıFrontend
  3. Bir web sayfasının yükleme performansını nasıl iyileştirirsiniz?OrtaWeb PerformansıFrontend

Bu konuda başka bir soru biliyor musun?

Mülakatta karşılaştığın soruları ekle, onaylandıktan sonra yayına alınsın.

Soru ekle