Ana içeriğe geç
← Tüm rehberler

Core Web Vitals

Üç ölçüt, üç eşik, tek bir yüzdelik dilim. Bir sayfanın gerçek ziyaretçiye nasıl hissettirdiğini anlatırlar; bu yüzden kararı saha verisi verir, laboratuvar puanı değil.

Üç ö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çütKapsadığıİyiŞu değerin üstünde iyileştirme gerekir
LCPYükleme≤ 2,5 sn4,0 sn
INPYanıt verme≤ 200 ms500 ms
CLSGörsel kararlılık≤ 0,10,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çütAlışılmış nedenAlışılmış çözüm
LCPYavaş sunucu yanıtıBelgeyi önbelleğe al; yönlendirme zincirlerini kısalt
LCPKapak görselinin geç keşfedilmesiÖn yükle; asla tembel yükleme
LCPÇizimi engelleyen CSS ya da yazı tipleriKritik CSS'i satır içine al; font-display kullan
INPAna iş parçacığında uzun JavaScript görevleriBöl; zorunlu olmayan işi ertele
INPAğır üçüncü taraf betikleriGeç yükle ya da at
CLSBoyutu verilmemiş görseller ve gömülerwidth ve height ya da aspect-ratio ayarla
CLSYazı tipi değişip metni yeniden akıtıyorYedek ölçülerini eşle; yazı tipini ön yükle
CLSİçeriğin üstüne enjekte edilen bantlarDolmadan ö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.

  1. Ö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.
  2. 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.
  3. 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ı.
  4. 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.
  5. 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.

Kendi sitenizde deneyin

Sorular ve yanıtlar

First Input Delay hâlâ ölçülüyor mu?

Hayır. INP, Mart 2024'te FID'in yerine kararlı Core Web Vital olarak geçti. İlk işlenen etkileşimden önceki gecikme yerine ziyaretin tamamındaki etkileşim gecikmesine bakar; FID'i rahatça geçen bazı sayfaların INP'de kalmasının nedeni budur.

Core Web Vitals'ı geçmek sıralamamı yükseltir mi?

Tek başına hayır. Sayfa deneyimi pek çok sinyalden biridir ve daha çok, diğer şeyler denk olduğunda ağırlık taşır; uygunluğun önüne geçmez. Satın alınmış bir konumdan çok, terk edilmeyi önleyen şey olarak anlaşılır.

Laboratuvar puanım neden saha verisiyle çelişiyor?

Çünkü farklı şeyleri ölçüyorlar. Laboratuvar bir kez çalışır, sizin bağlantınız ve donanımınızla; saha değerlendirmesi 28 gün boyunca gerçek ziyaretlerin 75. yüzdelik dilimidir. Laboratuvarı neden bulmak, sahayı sorun olup olmadığına karar vermek için kullanın.

Bir düzeltmeden ne kadar sonra değerlendirme güncellenir?

Saha değerlendirmesi 28 günlük kayan bir pencere kullanır; iyileşmeler yayına aldığınız gün değil, kademeli olarak görünür. Bir düzeltmeyi ilk hafta yargılamak onu genelde olduğundan düşük gösterir.

Önce hangi ölçütü düzeltmeliyim?

Önemli sayfalarda başarısız olan metrik ve cihaz sınıfıyla başlayın, ardından kullanıcının karşılaştığı en büyük nedeni belirlemek için laboratuvar teşhislerini kullanın. LCP, INP veya CLS'nin her zaman önce gelmesi gerektiğine dair evrensel bir kural yoktur.