Google, 2021 yılından itibaren web sitelerinin kalitesini yalnızca yayınladıkları metinlerle değil, kullanıcılara yaşattıkları gerçek sayfa deneyimiyle de ölçmeye başladı. Bu ölçümün merkezinde yer alan Core Web Vitals (Önemli Web Verileri), bir web sitesinin ne kadar hızlı yüklendiğini, kullanıcının etkileşimine ne kadar çabuk yanıt verdiğini ve ekranda görsel kaymalar olup olmadığını denetleyen resmi Google performans standardıdır.
Sayfalarınız ne kadar zengin olursa olsun, Core Web Vitals testlerinden geçemeyen bir web sitesi Google sıralamalarında rakiplerinin gerisinde kalmaya mahkumdur.
3 Temel Core Web Vitals Metriği ve İdeal Değerler
Google, sayfa deneyimini üç ana performans sütunu üzerinden değerlendirir:
1. LCP (Largest Contentful Paint) — Yükleme Performansı
Kullanıcı bir sayfaya girdiğinde, ekrandaki en büyük görsel veya metin bloğunun (genellikle hero banner veya H1 başlığı) ekrana çizilme süresini ölçer.
- İyi (Yeşil): 2.5 saniye veya daha hızlı,
- İyileştirme Gerektirir (Sarı): 2.5 - 4.0 saniye arası,
- Zayıf (Kırmızı): 4.0 saniyeden yavaş.
2. INP (Interaction to Next Paint) — Etkileşim Tepkiselliği
Eski FID (First Input Delay) metriğinin yerini alan INP, kullanıcının sayfa boyunca yaptığı tüm tıklamalar, dokunmalar ve klavye etkileşimlerine tarayıcının ne kadar sürede görsel yanıt verdiğini ölçer.
- İyi (Yeşil): 200 milisaniye (ms) altı,
- İyileştirme Gerektirir (Sarı): 200 - 500 ms arası,
- Zayıf (Kırmızı): 500 ms üzeri.
3. CLS (Cumulative Layout Shift) — Görsel Kararlılık
Sayfa yüklenirken öğelerin beklenmedik şekilde yer değiştirmesini ve zıplamasını ölçer. Örneğin bir butona basacakken yukarıdan sonradan yüklenen bir reklamın butonu aşağı itmesi kötü bir CLS örneğidir.
- İyi (Yeşil): 0.1 veya daha az,
- İyileştirme Gerektirir (Sarı): 0.1 - 0.25 arası,
- Zayıf (Kırmızı): 0.25 üzeri.
Core Web Vitals Skorlarını İyileştirme Teknikleri
Yeşil skorlara ulaşmak için uygulanması gereken modern mühendislik standartları:
- Ağır JavaScript Kütüphanelerini Temizleyin: jQuery veya şişkin slider eklentileri ana iş parçacığını (Main Thread) kilitleyerek INP skorunu bozar. Modern vanilya JS veya hafif framework’ler (Astro) tercih edin.
- Görsellere Kesin Boyut Atayın: Tüm
<img>etiketlerindewidthveheightbelirterek tarayıcının görsel inmeden önce alana yer ayırmasını sağlayın; böylece CLS sıfırlanır. - Kritik Kaynakları Önceliklendirin: Hero görseline
fetchpriority="high", yazı fontlarınapreloadvererek LCP süresini 1.5 saniyenin altına çekin.
Web sitenizi Google Core Web Vitals kriterlerine göre %100 uyumlu ve PageSpeed 95+ seviyesine çıkaran kurumsal web tasarım altyapımızla tanışabilir; sitenizin hızını artırmak için web sitesi hiz optimizasyonu nasil yapilir rehberimizi okuyabilirsiniz. Detaylı teknik denetim için iletişim sayfamızdan uzmanlarımıza danışın.
