Core Web Vitals, kullanıcı deneyimini sayısallaştıran ve arama motoru sıralama sinyaline dahil edilen üç temel performans metriğini kapsar: Largest Contentful Paint (LCP), First Input Delay (FID) ve Cumulative Layout Shift (CLS). Her metriğin optimizasyon stratejisi farklı teknik alanlarla kesişir. Core Web Vitals içinde LCP, kullanıcının viewport'undaki en büyük içerik elementinin (genellikle bir hero görsel veya büyük metin bloğu) ne zaman render edildiğini ölçer. İyi LCP skoru 2.5 saniyenin altında olmalıdır. LCP optimizasyonu için en etkili adımlar: hero görsel için `<link rel="preload">` kullanmak, sunucu yanıt süresini (TTFB) azaltmak ve render-blocking kaynakları eliminate etmektir. LCP görseli için `loading="eager"` ve `fetchpriority="high"` kombinasyonu, tarayıcının bu görsel için erken fetch başlatmasını garantiler. Core Web Vitals içinde FID, kullanıcının ilk etkileşimi (tıklama, dokunma) ile tarayıcının buna yanıt vermeye başlaması arasındaki süreyi ölçer. İyi FID 100ms'nin altındadır. FID büyük ölçüde main thread bloklama süresiyle ilişkilidir: uzun JavaScript görevleri (50ms+) ana thread'i meşgul ederek input gecikmesine yol açar. Code splitting, web worker'a ağır işlemleri taşımak ve `scheduler.yield()` API ile uzun görevleri parçalara bölmek birincil FID iyileştirme stratejileridir. Core Web Vitals içinde CLS, görünür alanda beklenmeyen layout kaymaların birikimli büyüklüğünü ölçer. İyi CLS 0.1'in altında olmalıdır. CLS sorunlarının en yaygın kaynağı boyut attribute'ı olmayan görseller ile dinamik yüklenen içeriktir. `width` ve `height` attribute'ları veya CSS `aspect-ratio` ile yer tutucu boyutları önceden tanımlamak, görseller yüklenirken oluşacak kaymayı önler.