Core Web Vitals, sayfa deneyimini üç ölçülebilir başlıkta toplar. Bu metrikleri tek bir “hız” kavramı altında birleştirmek yaygın bir hatadır; üçü farklı sorunları işaret eder ve farklı müdahaleler gerektirir.
LCP — en büyük içeriğin görünme süresi
LCP, ekranın görünen bölümündeki en büyük öğenin ne zaman yüklendiğini ölçer. Kullanıcı açısından karşılığı basittir: “Sayfa açıldı mı?” Genellikle bir kapak görseli veya büyük bir başlık bloğudur. İyi kabul edilen eşik 2,5 saniyedir.
LCP sorunlarının kaynağı çoğunlukla optimize edilmemiş görseller, geç başlayan sunucu yanıtı veya render’ı bloklayan kaynaklardır. Kapak görselini uygun formatta ve boyutta sunmak tek başına belirgin kazanım sağlar.
INP — etkileşime yanıt süresi
INP, kullanıcının tıklama veya dokunma eylemine sayfanın ne kadar sürede görünür bir yanıt verdiğini ölçer. Karşılığı “Tıkladım, bir şey oldu mu?” sorusudur. Eşik 200 milisaniyedir.
INP genellikle ana iş parçacığını uzun süre meşgul eden betiklerden kaynaklanır. Üçüncü taraf etiketleri, ağır analitik kütüphaneleri ve gereksiz yeniden render döngüleri en sık görülen nedenlerdir.
CLS — düzen kayması
CLS, sayfa yüklenirken içeriğin ne kadar yer değiştirdiğini ölçer. Kullanıcı karşılığı en can sıkıcı olanıdır: tıklamak üzereyken butonun kayması. Eşik 0,1’dir.
- Görsel ve videolara genişlik ve yükseklik değeri verin
- Reklam ve gömülü içerik alanları için önceden yer ayırın
- Web fontlarını düzen kaymasına yol açmayacak biçimde yükleyin
- Mevcut içeriğin üstüne sonradan öğe eklemekten kaçının
Laboratuvar ölçümü sorunu bulmanızı sağlar; saha verisi ise gerçekten kullanıcıyı etkileyip etkilemediğini söyler.
Ölçüm nereden yapılmalı
Geliştirme sırasında laboratuvar araçları hızlı geri bildirim verir, ancak tek başına yeterli değildir. Gerçek kullanıcı verisi, farklı cihaz ve bağlantı koşullarındaki dağılımı gösterir. Karar verirken saha verisindeki yüzde 75’lik dilime bakmak, ortalamaya bakmaktan daha güvenilirdir.