Ziyaretçiler yavaş açılan sitelerde beklemez. Google da kullanıcı deneyimini ölçmek için Core Web Vitals adını verdiği metrikleri kullanır. Bu metrikler hem sıralamada bir sinyal hem de dönüşüm oranında doğrudan belirleyicidir.
Üç temel metrik
| Metrik | Ne ölçer? | İyi değer |
|---|---|---|
| LCP (Largest Contentful Paint) | Sayfanın ana içeriğinin görünme süresi | 2,5 saniye veya daha az |
| INP (Interaction to Next Paint) | Tıklama/dokunmaya tepki süresi | 200 ms veya daha az |
| CLS (Cumulative Layout Shift) | Sayfa yüklenirken içeriğin kayması | 0,1 veya daha az |
LCP'yi iyileştirmek
- Görselleri WebP/AVIF formatına çevirin ve doğru boyutta sunun.
- Ana görseli (hero) öncelikli yükleyin, ekranın altındakileri tembel (lazy) yükleyin.
- Sunucu yanıt süresini düşürün; önbellek ve CDN kullanın.
- Kullanılmayan CSS ve JavaScript'i kaldırın.
INP'yi iyileştirmek
- Ağır JavaScript işlemlerini küçük parçalara bölün.
- Gereksiz üçüncü parti betikleri (chat, takip kodu, widget) azaltın.
- Etkileşimli bileşenleri sadece gerektiğinde yükleyin.
CLS'yi iyileştirmek
- Görsel ve videolara genişlik/yükseklik verin.
- Reklam ve banner alanları için önceden yer ayırın.
- Web fontlarında font-display ayarını doğru kullanın.
Nasıl ölçülür?
- PageSpeed Insights: Gerçek kullanıcı verisi ve laboratuvar testi.
- Search Console – Core Web Vitals raporu: Sitenin genel durumu.
- Lighthouse: Geliştirme aşamasında hızlı kontrol.
Neden önemsiyoruz?
Next.js ile geliştirdiğimiz projelerde sunucu tarafında render, otomatik görsel optimizasyonu ve kod bölme sayesinde yüksek Lighthouse skorlarını hedefliyoruz. Hızlı site; daha düşük reklam maliyeti, daha yüksek dönüşüm ve daha iyi organik görünürlük demek.
Mevcut sitenizin hız analizi için bize ulaşın.
#Core Web Vitals#Performans#LCP#INP#CLS#SEO