Arda Aktaş
Core Web Vitals: 2026'da Hâlâ Önemli mi?
Tüm makaleler
Web PerformansıSEONext.js

Core Web Vitals: 2026'da Hâlâ Önemli mi?

LCP, INP ve CLS metriklerinin gerçek dünyadaki etkisi ve bir Next.js projesinde bu metrikleri optimize etmenin pratik yolları.

Arda Aktaş1 dk okuma

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 priority ile 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 width ve height verin.
  • next/font ile 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.

Bu konuda destek mi gerekiyor?

İhtiyacınızı 5 dakikada konuşalım, size uygun çözümü birlikte tasarlayalım.

+90 545 799 80 25

İlgili Makaleler