Core Web Vitals nedir?
Core Web Vitals, Google'ın sayfa deneyimi sinyalleridir: LCP (Largest Contentful Paint — yükleme), INP (Interaction to Next Paint — etkileşim), CLS (Cumulative Layout Shift — görsel stabilite). 2026'da bu metrikler hem sıralama hem dönüşüm için kritiktir. Detaylı teknik SEO katmanı için Teknik SEO çözümümüze bakın.
LCP optimizasyonu (Next.js)
next/imageile priority flag hero görselde- Above-the-fold içerik için SSG veya ISR
- Font:
next/fontile self-hosted, preload - CDN ve edge caching (Vercel, Cloudflare)
- Third-party script geciktirme (Partytown, lazy load)
INP optimizasyonu
INP, kullanıcı etkileşiminden sonraki paint süresini ölçer. Client-side JavaScript yükünü azaltın: gereksiz use client bileşenlerini server component'e taşıyın, büyük kütüphaneleri dynamic import ile yükleyin, event handler'larda ağır işlemleri Web Worker'a alın. Next.js mimarisi hakkında Next.js nedir? rehberimizi okuyun.
CLS optimizasyonu
- Görsellere width/height veya aspect-ratio
- Reklam/embed alanları için reserved space
- Font swap yerine optional/display swap stratejisi
- DOM'a geç inject edilen banner/modal'lardan kaçının
Next.js pratik checklist
- PageSpeed Insights + CrUX field data karşılaştırması
- App Router'da streaming ve Suspense boundary'leri
- Bundle analyzer ile JS boyutu audit
- Middleware ve edge function optimizasyonu
- Search Console Core Web Vitals raporu aylık izleme
90 günlük uygulama planı (özet)
- 0–30 gün: CrUX baseline, PageSpeed audit, JS bundle analizi
- 30–60 gün: LCP/INP/CLS düzeltmeleri, next/image ve font optimizasyonu
- 60–90 gün: Field data doğrulama, regresyon izleme, teknik SEO raporu
Sık Sorulan Sorular
Core Web Vitals sıralamayı doğrudan etkiler mi?
Evet, page experience sinyali olarak değerlendirilir; ancak içerik relevansı ve otorite hâlâ birincil faktörlerdir. CWV iyileştirmesi dönüşüm oranını da artırır.
Lab data mı field data mı öncelikli?
Field data (CrUX) gerçek kullanıcı deneyimini yansıtır ve Google'ın değerlendirmesinde önceliklidir. Lab data geliştirme sırasında iterasyon için kullanılır.
Next.js Pages Router mı App Router mı daha hızlı?
App Router, server component ve streaming ile daha iyi INP ve LCP potansiyeli sunar. Mevcut Pages Router projelerinde de optimizasyon mümkündür.
Sonuç
Next.js, Core Web Vitals hedeflerine ulaşmak için güçlü bir altyapı sunar. LCP, INP ve CLS'yi birlikte optimize edin; teknik SEO ve performans aynı projede yürütülmeli.
Mizemedia olarak bu konuda uçtan uca destek sunuyoruz. Teknik SEO çözümü sayfamızdan detaylı bilgi alın, ücretsiz teklif isteyin veya bizimle iletişime geçin.
İlgili rehberler:
