Core Web Vitals 2026: LCP ve INP Metriklerinde %100 Başarı Rehberi

Core Web Vitals Neden Hayati?

Google, site performansını arama sıralaması için ana kriterlerden biri kabul eder. 2026 itibarıyla özellikle LCP (Largest Contentful Paint) ve INP (Interaction to Next Paint) metrikleri belirleyicidir.

INP (Interaction to Next Paint) İyileştirme Teknikleri

FID'in yerini alan INP, kullanıcının bir tıklamasına veya tuş basımına sitenin ne kadar sürede yanıt verdiğini ölçer.

1. Long Task'ları Bölün

function yieldToMain() {
  return new Promise(resolve => setTimeout(resolve, 0));
}

async function processLargeData(items) {
  for (let i = 0; i < items.length; i++) {
    doWork(items[i]);
    if (i % 100 === 0) await yieldToMain();
  }
}

2. Debounce ve Throttle Kullanın

İçerik filtreleme ve arama girdilerinde gereksiz render'ları önleyin.

LCP Optimizasyonu

• Hero görsellerini lazy-load etmeyin! (fetchpriority="high" verin)
• Kritik CSS'leri in-line olarak yükleyin
• Font dosyasında font-display: swap kullanın