Google'ın kullanıcı deneyimi metrikleri LCP, INP ve CLS'yi açıklıyor; her biri için pratik iyileştirme adımlarını ve ölçüm araçlarını sıralıyoruz. Daha hızlı site, daha iyi SEO.

Core Web Vitals, Google'ın sayfa deneyimini ölçtüğü üç metriktir ve hem kullanıcı memnuniyetini hem sıralamayı etkiler. Üçünü de neyin bozduğunu ve nasıl iyileştirileceğini görelim.

Üç temel metrik

  • LCP (Largest Contentful Paint): en büyük içeriğin ekrana gelme süresi. Hedef: 2,5 sn altı.
  • INP (Interaction to Next Paint): etkileşime yanıt hızı (FID'in yerini aldı). Hedef: 200 ms altı.
  • CLS (Cumulative Layout Shift): beklenmedik kayma miktarı. Hedef: 0,1 altı.

LCP nasıl iyileştirilir?

  • Hero görselini optimize edin (WebP/AVIF), doğru boyutta sunun ve gerektiğinde preload edin.
  • Render'ı bloklayan CSS/JS'i azaltın; kritik CSS'i satır içine alın.
  • Sunucu yanıt süresini (TTFB) düşürün; önbellek ve CDN kullanın.

INP nasıl iyileştirilir?

  • Uzun süren JavaScript görevlerini bölün; ana iş parçacığını meşgul etmeyin.
  • Gereksiz üçüncü parti scriptleri kaldırın veya erteleyin.
  • Ağır işleri requestIdleCallback ya da web worker'lara taşıyın.

CLS nasıl iyileştirilir?

  • Görsellere ve iframe'lere width/height verin; tarayıcı yeri baştan ayırsın.
  • Reklam/embed alanları için sabit yükseklik ayırın.
  • Yazı tiplerini font-display: swap ile yükleyip ani düzen kaymasını önleyin.

Ölçüm araçları

Laboratuvar için Lighthouse ve PageSpeed Insights, gerçek kullanıcı verisi için Chrome UX Report (CrUX) ve web-vitals kütüphanesini kullanın. Laboratuvar skoru yol gösterir, ama nihai hedef gerçek kullanıcı (field) verisini iyileştirmektir.

Etiketler:web performansıCore Web VitalsSEOfrontendrehber