Google, kullanıcı deneyimini (UX) nesnel olarak değerlendirmek amacıyla Core Web Vitals (Önemli Web Verileri) adını verdiği bir dizi teknik metrik kullanmaktadır. Arama motoru sonuç sayfalarında (SERP) üst sıralarda yer almak ve dönüşüm oranlarını artırmak isteyen her web geliştiricisinin ve SEO uzmanının bu metrikleri optimize etmesi şarttır.
Kurumsal web uygulama geliştirme hizmetlerimizde her proje, Core Web Vitals standartlarını karşılayacak şekilde inşa edilmektedir.
1. LCP (Largest Contentful Paint) — En Büyük İçerikli Boyama
LCP, sayfa yüklenmeye başladıktan sonra, ana ekran alanındaki (viewport) en büyük içerik öğesinin ekranda görünür olma süresini ölçer.
- İdeal Skor: 2.5 saniyenin altında olmalıdır.
- Optimizasyon 1: Sunucu yanıt süresini (TTFB) düşürmek için Edge caching kullanın.
- Optimizasyon 2: Öne çıkan görselleri WebP veya AVIF formatlarına dönüştürün.
- Optimizasyon 3: Kritik CSS'i inline hale getirin ve
fetchpriority="high"özniteliğini hero görseline ekleyin.
2. CLS (Cumulative Layout Shift) — Kümülatif Düzen Kayması
CLS, kullanıcının sayfada gezinirken içeriklerin aniden yer değiştirmesiyle oluşan görsel kararsızlığı ölçer.
- İdeal Skor: 0.1'in altında olmalıdır.
- Optimizasyon 1: Sitedeki tüm görsellere, videolara ve iframe öğelerine
widthveheightdeğerlerini kesin olarak atayın. - Optimizasyon 2: Dinamik reklam alanlarının kaplayacağı alanı CSS ile önceden rezerve edin (
min-height). - Optimizasyon 3: Web fontları için
font-display: swapkullanın.
3. INP (Interaction to Next Paint) — Sonraki Boyamayla Etkileşim
INP, kullanıcının sayfa genelinde yaptığı tüm tıklama, dokunma veya klavye işlemlerine sayfanın ne kadar sürede görsel bir geri bildirim verdiğini ölçer.
- İdeal Skor: 200ms'nin altında olmalıdır.
- Optimizasyon 1: Sayfa açılışında ana iş parçacığını (main thread) kilitleyen ağır JavaScript kodlarını optimize edin.
- Optimizasyon 2: Uzun görevleri (
Long Tasks) 50ms'den küçük parçalara bölün. - Optimizasyon 3: Üçüncü taraf scriptleri
asyncveyadeferile erteleyin.
Core Web Vitals Skor Tablosu
| Metrik | İyi | Geliştirilmeli | Kötü |
|---|---|---|---|
| LCP | < 2.5s | 2.5s – 4.0s | > 4.0s |
| CLS | < 0.1 | 0.1 – 0.25 | > 0.25 |
| INP | < 200ms | 200ms – 500ms | > 500ms |
Core Web Vitals'ı Kim Ölçer?
Google'ın ücretsiz araçlarını kullanarak sitenizin mevcut durumunu analiz edebilirsiniz:
- PageSpeed Insights: Hem mobil hem masaüstü skorlarını anlık gösterir.
- Google Search Console: "Core Web Vitals" raporu ile alan adınızdaki tüm URL'lerin sağlık durumunu listeler.
- Chrome DevTools — Performance sekmesi: Geliştiriciler için milisaniye hassasiyetinde profil çıkarır.
Sitenizin Core Web Vitals skorlarını birlikte analiz etmek ister misiniz? Ücretsiz teknik inceleme için iletişime geçin.