Tüm yazılar
Web

Core Web Vitals: hız neden hâlâ önemli ve nasıl ölçülür?

LCP, INP ve CLS ne anlama geliyor, hangi eşikler iyi sayılıyor ve bu siteyi gerçek tarayıcıda nasıl ölçtüm?

Core Web Vitals: hız neden hâlâ önemli ve nasıl ölçülür?

Bir sayfa geç açılınca kullanıcının ilk tepkisi beklemek değil, kapatmak oluyor. Google da bu yüzden hız ve kullanım pürüzsüzlüğünü üç ölçüyle sayıyor: Core Web Vitals.

Üç ölçü ve iyi sayılan eşikleri
Şema: LCP 2,5 saniye, INP 200 milisaniye, CLS 0,1 eşikleri. Eşikler Google'ın yayımladığı 'iyi' sınırlarıdır.

Üç ölçü

  • LCP (en büyük içerik boyaması): Sayfanın ana içeriğinin ne zaman göründüğü. İyi sınır: 2,5 saniye ve altı.
  • INP (etkileşime yanıt): Tıkladığınızda ya da dokunduğunuzda sayfanın ne kadar çabuk tepki verdiği. Mart 2024'te FID'in yerini aldı. İyi sınır: 200 milisaniye ve altı.
  • CLS (düzen kayması): Yüklenirken içeriğin yerinden oynaması. İyi sınır: 0,1 ve altı.

Neden önemli?

Hız yalnızca arama sıralaması için değil. Zayıf bağlantıda ve orta halli bir telefonda siteyi kullanan kişi için bekleme süresi doğrudan ürünün kalitesidir. Bu yüzden altı mühür kontrolünden biri hız ölçümüdür.

Bu siteyi nasıl ölçtüm?

Tahmin yerine gerçek bir tarayıcıyla ölçtüm: sitenin ana sayfalarını masaüstü ve telefon boyutunda açtım, kaydırdım ve tarayıcının kendi ölçüm arayüzünden LCP ve CLS değerlerini okudum. Aynı turda erişilebilirlik tarayıcısı çalıştırdım.

Bulduklarım iki türdü: iyi gidenler (düzen kayması sıfıra yakın) ve düzeltilecekler. Örneğin proje sayfasındaki tanıtım videosu, oynatılmasa bile yaklaşık 6 MB indiriyordu. Videoyu "basılınca yükle" yapınca bu ağırlık gitti.

Küçük bir kontrol listesi

  1. En büyük görseli doğru boyutta ve modern biçimde (WebP) verin.
  2. Betik miktarını izleyin; gerekmeyen kütüphaneyi çıkarın.
  3. Görsellere ve videolara boyut verin ki sayfa kaymasın.
  4. Videoyu otomatik yüklemeyin, kapak görseliyle başlayın.
  5. Ölçümü bir kez değil, her sürümde tekrarlayın.

Önemli olan, tek seferlik bir "puan" değil, sürümden sürüme kötüleşmemek.

Aklınızdaki bir iş mi var?

Üç soruyla anlatın, iş emrine dönüşsün.

Teklif al