Core Web Vitals, Google'ın 2020'de duyurduğundan beri SEO ekosisteminin önemli bir parçası. 2024'te FID'in yerini INP aldı ve şimdi 2026'da bu üç metrik (LCP, INP, CLS) hem kullanıcı deneyiminin hem de arama sıralamalarının ana göstergeleri.
LCP — Largest Contentful Paint
Sayfanın en büyük görünür ögesinin ne zaman yüklendiğini ölçer. Hedef: 2.5 saniyenin altı.
Hızlı kazançlar:
- Hero görselini
priorityile yükleyin (next/image). - Üçüncü taraf script'leri
next/script strategy="lazyOnload"ile ertekeyin. - CDN ve HTTP/2 push kullanın.
INP — Interaction to Next Paint
Kullanıcının tıkladıktan sonra ekranın yanıt vermesi için geçen süre. Hedef: 200 ms altı.
// Ağır işleri startTransition ile bölün
import { startTransition } from "react";
startTransition(() => {
setLargeFilteredList(filter(items));
});CLS — Cumulative Layout Shift
Sayfa yüklenirken ögelerin kaymasının ölçüsü. Hedef: 0.1 altı.
- Görsellere mutlaka
widthveheightverin. next/fontile fontlardan kaynaklı CLS'yi sıfırlayın.- Reklam alanlarına min-height tanımlayın.
Ölçüm
PageSpeed Insights ile gerçek kullanıcı verisini, Lighthouse ile lab verisini takip edin. Üretimde Vercel Analytics veya Sentry Performance kullanmanızı öneririm.
Sonuç
Web performansı bir defaya mahsus iş değil, sürekli takip edilen bir disiplin. Doğru kurulduğunda hem kullanıcı memnuniyetini hem de SEO'yu doğrudan etkiliyor.