Core Web Vitals

Core Web Vitals Nedir?

Core Web Vitals, Google tarafından kullanıcı deneyiminin üç boyutunu somut metriklerle ölçmek için tanımlanan standartlar bütünüdür. 2021 yılından itibaren arama sıralama sinyalleri arasına giren bu metrikler, sayfanın teknik kalitesini kullanıcı perspektifinden değerlendirir.

LCP (Largest Contentful Paint) — Sayfanın görünür alanındaki en büyük içerik öğesinin ne kadar sürede render edildiğini ölçer. Hedef: 2,5 saniye veya altı. INP (Interaction to Next Paint) — Kullanıcı etkileşimine (tıklama, klavye girişi) sayfanın görsel yanıt süresini ölçer. Hedef: 200 ms veya altı. CLS (Cumulative Layout Shift) — Sayfa yüklenirken ve kullanım sırasında görsel öğelerin beklenmedik biçimde kayma miktarını ölçer. Hedef: 0,1 veya altı.

Detartech'te Optimizasyon Süreci

Next.js ile geliştirdiğimiz projelerde yerleşik görüntü optimizasyonu (next/image), font optimizasyonu (next/font) ve Server Components mimarisi, LCP ve CLS değerlerini otomatik olarak iyileştirir. INP optimizasyonu için React'in concurrent rendering özellikleri ve Suspense sınırlarını stratejik biçimde kullanıyoruz.

Her proje tesliminden önce PageSpeed Insights ve Chrome DevTools ile kapsamlı performans testleri yapılır. Lighthouse CI entegrasyonu ile CI/CD pipeline'ında regresyon koruması sağlanır: Core Web Vitals skorları belirli bir eşiğin altına düştüğünde deployment otomatik olarak durdurulur.