Üç ölçüt ve her birinin yakaladığı şey
Her ölçüt, bir sayfanın yanlış hissettirmesinin ayrı bir biçimini kapsar ve birbirlerinden bağımsız olarak başarısız olurlar. Bir sayfa hızlı yüklenip yine de okurun başparmağı altında kayabilir; bir sayfa kusursuzca sabit olup herhangi bir şey göstermek için dört saniye alabilir.
| Ölçüt | Kapsadığı | İyi | Şu değerin üstünde iyileştirme gerekir |
|---|---|---|---|
| LCP | Yükleme | ≤ 2,5 sn | 4,0 sn |
| INP | Yanıt verme | ≤ 200 ms | 500 ms |
| CLS | Görsel kararlılık | ≤ 0,1 | 0,25 |
Largest Contentful Paint, görünür alandaki en büyük ögenin çizilmesinin bittiği anı işaretler; genellikle bir kapak görseli ya da başlık bloğu. «Sayfa gelmiş görünüyor» fikrinin yerine geçer ve ilk boyama gibi eski işaretleri tam da bu yüzden geride bırakır: hızla boyanan boş bir kare, hızlı yüklenen bir sayfa değildir.
Interaction to Next Paint, Mart 2024'te First Input Delay'in yerine kararlı bir Core Web Vital olarak geçti ve bu değişim önemliydi. FID yalnızca ilk etkileşimin işlenmesinden önceki gecikmeyi ölçüyordu; bu da ilk dokunuşa çabuk yanıt verip sonra ağırlaşan sayfaları kayırıyordu. INP, ziyaret boyunca etkileşimlerin tam gecikmesine bakar ve en kötüye yakın bir değer bildirir.
Cumulative Layout Shift, çizildikten sonra yer değiştiren içeriği ölçer. Bir bağlantıya uzanıp altına gelmiş bir reklama dokunma deneyiminin arkasındaki ölçüt budur. Bir süre değil bir puan olduğu için, sayfanın sonunda yaşanan tek bir kötü kayma sayıya baskın çıkabilir.
75. yüzdelik dilimde, saha verisiyle değerlendirilir
Ekipleri hazırlıksız yakalayan kısım burası. Değerlendirme, 28 günlük kayan bir pencerede sayfa yüklemelerinin 75. yüzdelik dilimini kullanır; mobil ve masaüstü ayrı ayrı bölümlenir. Rahat bir ortanca değere sahip ama yavaş bir kuyruğu olan sayfa yine de kalır — tasarımı gereği. Ölçüt, en kötü deneyimi yaşayan çeyreği anlatır, tipik ziyaretçiyi değil.
Bu ayrıca verinin saha verisi olduğu anlamına gelir: gerçek ziyaretlerden toplanmıştır, bir laboratuvar koşusundan değil. Laboratuvar araçları tanı araçlarıdır: hangi kaynağın çizimi geciktirdiğini söylerler ve bunun için doğru araçtırlar. Değerlendirmenin kendisi değildirler; kalmış bir saha değerlendirmesinin yanındaki yeşil laboratuvar puanı bir çelişki değildir — gerçek ziyaretçilerinizin, test ettiğiniz makinede olmadığı anlamına gelir.
Her ölçütü gerçekte ne oynatır
Nedenler gösterişsizdir ve siteden siteye tekrar eder. İşin çoğu, tarayıcının ilk anlamlı çizimden önce neye sahip olması gerektiğine karar vermek ve o kuyrukta başka her şeye yer vermeyi reddetmektir.
| Ölçüt | Alışılmış neden | Alışılmış çözüm |
|---|---|---|
| LCP | Yavaş sunucu yanıtı | Belgeyi önbelleğe al; yönlendirme zincirlerini kısalt |
| LCP | Kapak görselinin geç keşfedilmesi | Ön yükle; asla tembel yükleme |
| LCP | Çizimi engelleyen CSS ya da yazı tipleri | Kritik CSS'i satır içine al; font-display kullan |
| INP | Ana iş parçacığında uzun JavaScript görevleri | Böl; zorunlu olmayan işi ertele |
| INP | Ağır üçüncü taraf betikleri | Geç yükle ya da at |
| CLS | Boyutu verilmemiş görseller ve gömüler | width ve height ya da aspect-ratio ayarla |
| CLS | Yazı tipi değişip metni yeniden akıtıyor | Yedek ölçülerini eşle; yazı tipini ön yükle |
| CLS | İçeriğin üstüne enjekte edilen bantlar | Dolmadan önce yerini ayır |
Üçüncü taraf betikleri ayrıca anılmayı hak eder, çünkü hem INP sorununun en yaygın nedenidir hem de kimsenin sahiplenmediğidir. Analitik, sohbet, deney ya da onay için eklenen her etiket, okurun dokunuşunun ihtiyaç duyduğu aynı ana iş parçacığı için yarışır. Denetimde sorulmaya değer soru her birinin yararlı olup olmadığı değil, 75. yüzdelik dilimde neye mal olduğudur.
Sayfa deneyimi sinyaller arasında nerede durur
Google, temel sıralama sistemlerinin Core Web Vitals kullandığını ancak tek bir "sayfa deneyimi sinyali" bulunmadığını söylüyor. Alaka düzeyi hala ilk sırada gelir ve iyi Core Web Vitals en üst sıralamayı garanti etmez.
Geçme eşiğini sıralama garantisi olarak ele almadan, özellikle önemli şablonlarda kullanıcıların karşılaştığı sorunlara öncelik verin. Kötü deneyime sahip alakalı bir sayfa yine de sıralamada yer alabilir; Sorguyu kaçıran hızlı bir sayfa, hızlı olduğu için alakalı hale gelmez.
İşleyen bir çalışma sırası
Kalmış bir değerlendirmeden yola çıkıyorsanız bu sıra en yaygın israfı önler: zaten geçen bir şeyi ince ayara sokmak ya da trafiği olmayan bir sayfayı onarmak.
- Önce saha verisini okuyun, mobil ve masaüstü ayrı ayrı. Genelde yalnızca mobil kalır ve masaüstünü onarmak hiçbir şeyi değiştirmez.
- Hangi ölçütün kaldığını ve hangi sayfa gruplarında olduğunu bulun. Şablonlar birlikte kalır; tek bir adres ender olarak çok şey söyler.
- Nedeni laboratuvarda, kısıtlanmış bağlantıyla yeniden üretin. Laboratuvar neyin yavaş olduğunu söyler; sahanın söylediği, bunun önem taşıdığıydı.
- En büyük tekil katkıyı düzeltip yayımlayın. Bu ölçütler kısmi iyileşmelerle oynar; tek bir düğme neredeyse hiç yoktur.
- Yargıya varmadan önce 28 günlük pencereyi bekleyin. Değerlendirme geriden gelen bir ortalamadır, bugün yayımlanan bir düzeltme yavaş yavaş görünür.