Core Web Vitals Nedir? Siteniz Neden Yavaş Açılıyor?

Bir web sayfasının "hızlı" olması tek bir sayıyla ifade edilemez. Sayfanın ilk içeriği hızlı görünebilir ama butonlara tıkladığınızda tepki vermeyebilir; ya da sayfa yüklenirken tam tıklayacağınız sırada içerik yer değiştirebilir. Google bu deneyimi Core Web Vitals adı verilen üç ölçüyle değerlendirir.

Üç temel ölçü

LCP (Largest Contentful Paint)

Sayfadaki en büyük görsel veya metin bloğunun ekranda görünme süresidir. Ziyaretçinin "sayfa açıldı" hissini en iyi yansıtan ölçüdür.

• İyi: 2,5 saniye ve altı
• Geliştirilmeli: 2,5 – 4 saniye
• Kötü: 4 saniyenin üzeri

INP (Interaction to Next Paint)

Ziyaretçinin bir butona tıklaması, menüyü açması ya da forma yazmasıyla sayfanın görsel olarak tepki vermesi arasında geçen süredir. Mart 2024'te önceki ölçü olan FID'nin yerini almıştır.

• İyi: 200 milisaniye ve altı
• Geliştirilmeli: 200 – 500 milisaniye
• Kötü: 500 milisaniyenin üzeri

CLS (Cumulative Layout Shift)

Sayfa yüklenirken öğelerin beklenmedik şekilde yer değiştirme miktarıdır. Okuduğunuz metnin aşağı kayması ya da yanlış butona tıklamanız bu sorunun tipik belirtileridir.

• İyi: 0,1 ve altı
• Geliştirilmeli: 0,1 – 0,25
• Kötü: 0,25'in üzeri

Google bu değerleri gerçek ziyaretçilerin verilerinden hesaplar ve sayfaların büyük çoğunluğunda (yüzde 75'lik dilimde) "iyi" eşiğinin aşılmamasını hedef olarak gösterir.

Nasıl ölçülür?

• Search Console – Core Web Vitals raporu: Sitenizin gerçek kullanıcı verilerine göre hangi sayfa gruplarında sorun olduğunu gösterir.
• PageSpeed Insights: Tek bir sayfanın hem gerçek kullanıcı verilerini (yeterli veri varsa) hem de laboratuvar ölçümünü sunar.
• Tarayıcı geliştirici araçları: Sorunun hangi dosyadan veya hangi öğeden kaynaklandığını ayrıntılı gösterir.

Laboratuvar puanları her ölçümde biraz değişebilir; tek bir puana takılmak yerine gerçek kullanıcı verilerini ve eğilimi takip etmek daha doğrudur.

Siteleri yavaşlatan en yaygın nedenler

• Büyük görseller: Telefon ekranında 400 piksel genişliğinde görünen bir görselin 4000 piksel olarak yüklenmesi.
• Fazla eklenti ve komut dosyası: Her biri ayrı ayrı yüklenen sohbet araçları, sayaçlar, kaydırıcılar ve izleme kodları.
• Yavaş sunucu: Aşırı kalabalık paylaşımlı sunucular ve önbellek kullanılmaması.
• Boyutu tanımlanmamış öğeler: Görsel, reklam ve gömülü içerikler için yer ayrılmaması (CLS'nin başlıca nedeni).
• Ağır yazı tipleri: Çok sayıda yazı tipi ağırlığının harici sunuculardan yüklenmesi.

Hızlı kazanımlar

1. Görselleri WebP gibi modern biçimlere çevirip ekrana uygun boyutlarda sunun.
2. Kullanmadığınız eklentileri ve kodları kaldırın.
3. Görsellere genişlik ve yükseklik değeri verin.
4. Sunucu tarafında sıkıştırma ve önbelleği etkinleştirin.
5. Sayfanın üst kısmında görünmeyen görselleri gecikmeli yükleyin.

Sitenizin ölçümlerini inceleyip iyileştirmemizi isterseniz hız optimizasyonu ve mobil uyum hizmetimize göz atabilirsiniz.