30 Saniyede Özet
Bu makaleden öğrenecekleriniz
- Core Web Vitals, Google sıralamalarında doğrudan etkili bir faktördür
- LCP 2.5 saniye altında olmalıdır - görsel optimizasyonu kritiktir
- FID 100ms altında tutulmalıdır - JavaScript optimizasyonu gerektirir
- CLS 0.1 altında olmalıdır - görsel boyutları önceden tanımlayın
- PageSpeed Insights ve Lighthouse ile düzenli ölçüm yapın
Core Web Vitals, Google'ın 2021'de sıralama algoritmasına dahil ettiği ve web sayfalarının kullanıcı deneyimini ölçtüğü üç kritik metriktir. Bu rehberde, her bir metriği derinlemesine inceleyecek ve pratik optimizasyon stratejileri sunacağız.
LCP (Largest Contentful Paint) Nedir?
LCP, sayfanızdaki en büyük içerik öğesinin (genellikle hero görsel veya başlık) ne kadar sürede yüklenip görünür olduğunu ölçer. Google'ın önerdiği ideal değer 2.5 saniye ve altıdır.
LCP'yi iyileştirmek için en etkili yöntemler:
- Görselleri WebP veya AVIF formatına dönüştürün
- Kritik görseller için preload kullanın
- CDN ile statik dosyaları dağıtın
FID (First Input Delay) Optimizasyonu
FID, kullanıcının sayfayla ilk etkileşimi (butona tıklama, form alanına odaklanma) ile tarayıcının bu etkileşime yanıt verebileceği an arasındaki süreyi ölçer. İdeal değer 100ms altıdır.
FID genellikle ağır JavaScript yükünden kaynaklanır. Ana thread'i bloke eden uzun JavaScript görevlerini parçalayın ve kritik olmayan scriptleri erteleyin.
CLS (Cumulative Layout Shift) Sorunları ve Çözümleri
CLS, sayfa yüklenirken içerik öğelerinin ne kadar kaydığını ölçer. Reklamlar, fontlar ve görseller en yaygın CLS nedenleridir. İdeal değer 0.1 ve altıdır.
CLS'yi düşürmek için: görsellere width ve height attribute'ü ekleyin, font-display: swap kullanın ve dinamik içerikler için placeholder alanı ayırın.
Ölçüm Araçları ve Monitoring
Core Web Vitals'ı ölçmek için Google PageSpeed Insights, Lighthouse ve Chrome DevTools kullanabilirsiniz. Gerçek kullanıcı verileri için Google Search Console'daki Core Web Vitals raporu en güvenilir kaynaktır.
Core Web Vitals optimizasyonu tek seferlik bir iş değil, sürekli bir süreçtir. Her yeni özellik veya içerik eklediğinizde metrikleri kontrol edin ve gerekli iyileştirmeleri yapın.