Bir sayfanın nasıl hissettirdiğinin yerine üç ölçüm geçer. Anlamaya değerler; çünkü her birinin sebebi ve çaresi başkadır, ve çünkü dizüstü bilgisayardaki iyi bir puan, mobil veriyle bağlanan bir telefon hakkında neredeyse hiçbir şey söylemez.
LCP — asıl şey ne zaman belirir
Görünen en büyük ögenin çizilmesine kadar geçen süre: genellikle üst görsel ya da başlık. 2,5 saniyenin altını hedefleyin.
- Onu tembel yüklemeyin — bkz. Yerleşimi bozmadan tembel yükleme.
- Onu çağdaş bir biçimde ve görüntülendiği ölçüde sunun.
- Sunucunun ilk baytını aşağı çekin — bkz. TTFB nedir.
INP — yanıt verip vermediği
Sayfanın, bir dokunuş ya da tıklamadan sonra gözle görülür biçimde yanıt vermesi ne kadar sürüyor. 200 ms altını hedefleyin. Sebep neredeyse hep ana iş parçacığını tutan JavaScript'tir: ayrıştırılan büyük bir paket, üçüncü taraf bir etiket, her kaydırmada iş gören bir ölçüm betiği.
CLS — yerinden oynayıp oynamadığı
Çizimden sonra yerleşimin ne kadar kaydığı. 0,1 altını hedefleyin. Sebepler kısadır: boyutu verilmemiş resimler, yer ayrılmamış reklamlar ve gömülü içerikler, ve başka bir ölçüyle devreye giren bir web yazı tipi.
Gerçek bir sayfada ölçün
npx unlighthouse --site https://yourdomain.com # every page
# or one page, in Chrome: DevTools > Lighthouse > MobileLaboratuvar ile saha ayrı şeylerdir
Lighthouse, sizin makinenizde çalışan bir benzetimdir. Arama motorlarının kullandığı ise gerçek ziyaretçilerin son bir ayda yaşadığıdır — eski telefonlar ve kötü bağlantılar da buna dahildir. Kusursuz bir laboratuvar puanına karşılık kötü saha verisi, ziyaretçilerinizin sizin donanımınızda olmadığı anlamına gelir.