Web Vitals

Web Verileri, web'de mükemmel bir kullanıcı deneyimi sunmak için gerekli olan web sayfası kalite sinyalleriyle ilgili birleşik rehberlik sağlamayı amaçlayan bir Google girişimidir. Performans ölçüm alanındaki çeşitli araçları basitleştirmek ve site sahiplerinin en önemli metriklere, yani Önemli Web Verileri'ne odaklanmasına yardımcı olmayı amaçlar.

Önemli Web Verileri

Önemli Web Verileri, Web Verileri'nin tüm web sayfaları için geçerli olan alt kümesidir. Tüm site sahipleri tarafından ölçülmesi gerekir ve tüm Google araçlarında gösterilir. Önemli Web Verileri'nin her biri, kullanıcı deneyiminin farklı bir yönünü temsil eder, sahada ölçülebilirdir ve kritik bir kullanıcı odaklı sonucun gerçek dünyadaki deneyimini yansıtır.

Core Web Vitals'ı oluşturan metrikler zamanla gelişecektir. Mevcut grup, kullanıcı deneyiminin üç unsuruna odaklanıyor: yükleme, etkileşim ve görsel kararlılık. Aşağıdaki metrikleri içerir:

Largest Contentful Paint eşiği önerileri First Input Delay eşik önerileri Cumulative Layout Shift eşik önerileri
  • Largest Contentful Paint (LCP): yükleme performansını ölçer. İyi bir kullanıcı deneyimi sağlamak için LCP, sayfa ilk yüklenmeye başladıktan sonra 2,5 saniye içinde gerçekleşmelidir.
  • First Input Delay (FID): etkileşimi ölçer. İyi bir kullanıcı deneyimi sağlamak için sayfaların FID metriği 100 milisaniye veya daha kısa olmalıdır.
  • Cumulative Layout Shift (CLS): görsel kararlılığı ölçer. İyi bir kullanıcı deneyimi sağlamak için CLS değeri 0.1. veya daha düşük olmalıdır.

Bu metriklerin her biri için kullanıcılarınızın çoğu için önerilen hedefe ulaştığınızdan emin olmak amacıyla, mobil ve masaüstü cihazlar genelinde segmentlere ayrılmış sayfa yüklemelerinin 75. yüzdelik dilimi iyi bir ölçüm eşiğidir.

Önemli Web Verileri uyumluluğunu değerlendiren araçlar, bu üç metriğin her biri için 75. yüzdelik dilimde önerilen hedefleri karşılıyorsa sayfa uyumlu olarak kabul edilmelidir.

Yaşam döngüsü

Core Web Vitals kanalındaki metrikler, üç aşamadan oluşan bir yaşam döngüsünden geçer: deneysel, beklemede ve kararlı.

Core Web Vitals metriklerinin üç yaşam döngüsü aşaması. Üç köşeli çift ayraçtan oluşan bir seri şeklinde görselleştirilir. Soldan sağa aşamalar Deneysel, Beklemede ve Kararlı'dır.
Önemli Web Verileri yaşam döngüsünün aşamaları.

Her aşama, geliştiricilere her bir metrik hakkında nasıl düşünmeleri gerektiğini göstermek için tasarlanmıştır:

  • Deneysel metrikler, testlere ve topluluk geri bildirimlerine bağlı olarak hâlâ önemli değişiklikler altında olabilecek potansiyel Core Web Vitals'tır.
  • Beklemedeki metrikler, test ve geri bildirim aşamasından geçmiş, kararlı hale gelmek için iyi tanımlanmış bir zaman çizelgesine sahip gelecekteki Önemli Web Verileri'dir.
  • Kararlı metrikler, Chrome'un mükemmel kullanıcı deneyimleri için gerekli olduğunu düşündüğü güncel Core Web Vitals grubudur.

Önemli Web Verileri şu yaşam döngüsü aşamalarındadır:

INP'nin geliştirilmesi hakkında daha fazla bilgi için Sonraki Boyamayla Etkileşimi Geliştirme bölümüne bakın.

Experimental

Bir metrik ilk geliştirilip ekosisteme girdiğinde deneysel metrik olarak kabul edilir.

Deneysel aşamanın amacı, bir metriğin uygunluğunu değerlendirmektir. Bunun için öncelikle çözülecek sorunu araştırırsınız ve muhtemelen önceki metriklerin ele alamadığı noktalar üzerinde denemeler yapın. Örneğin INP, ilk olarak web'in çalışma zamanı performans sorunlarını İlk Giriş Gecikmesi (FID) ile karşılaştırıldığında daha kapsamlı bir şekilde ele almak amacıyla deneysel bir metrik olarak geliştirilmiştir.

Önemli Web Verileri yaşam döngüsünün deneysel aşaması, hataları tespit ederek ve hatta ilk tanımındaki değişiklikleri araştırarak bir metriğin gelişiminde esneklik sağlamayı da amaçlamaktadır. Bu aşama aynı zamanda topluluk geri bildiriminin en önemli olduğu aşamadır.

Beklemede

Chrome ekibi, deneysel bir metriğin yeterli geri bildirim aldığını ve etkinliğini kanıtladığını belirlediğinde bu metrik beklemede olan metrik haline gelir. Bekleyen metrikler, ekosisteme uyum sağlaması için zaman tanımak amacıyla bu aşamada en az altı ay boyunca tutulur. Daha fazla geliştirici bu metriği kullanmaya başladıkça topluluk geri bildirimi bu aşamanın önemli bir parçası olmaya devam etmektedir.

Kararlı

Bir Önemli Web Verileri aday metriği tamamlandığında, kararlı bir metrik haline gelir. Bu aşamada metrik, Önemli Web Verileri'ne dönüşebilir.

Kararlı metrikler aktif olarak desteklenir ve hata düzeltmelerine ve tanım değişikliklerine tabi olabilir. Kararlı Core Web Vitals metrikleri yılda bir defadan fazla değişmez. Core Web Vital'da yapılan herhangi bir değişiklik, metriğin değişiklik günlüğü ve resmi belgelerinde açıkça belirtilir. Tüm değerlendirmelere Core Web Vitals da dahildir.

Önemli nokta: Kararlı metrikler mutlaka kalıcı değildir. Sabit bir metrik kullanımdan kaldırılabilir ve sorun alanını daha etkili bir şekilde ele alan başka bir metrikle değiştirilebilir.

Core Web Vitals'ı ölçme ve raporlama

Google, Core Web Vitals'ın tüm web deneyimleri için kritik öneme sahip olduğuna inanmaktadır. Sonuç olarak, bu metrikleri tüm popüler araçlarında göstermeye kararlıdır. Aşağıdaki bölümlerde, Core Web Vitals'ı destekleyen araçlar açıklanmaktadır.

Core Web Vitals'ı ölçmeye yönelik saha araçları

Chrome Kullanıcı Deneyimi Raporu, her Önemli Web Verileri için anonimleştirilmiş, gerçek kullanıcı ölçüm verileri toplar. Bu veriler, site sahiplerinin sayfaları için manuel olarak analiz ayarlaması yapmalarına gerek kalmadan performanslarını hızlı bir şekilde değerlendirmelerine olanak tanır ve PageSpeed Insights ve Search Console'un Önemli Web Verileri raporu gibi araçları destekler.

  LCP FID CLS
Chrome Kullanıcı Deneyimi Raporu
PageSpeed Insights
Search Console (Önemli Web Verileri raporu)

Chrome Kullanıcı Deneyimi Raporu tarafından sağlanan veriler, site performansını değerlendirmenin hızlı bir yolunu sunar ancak regresyonları doğru bir şekilde teşhis etmek, izlemek ve hızlı şekilde tepki vermek için genellikle gerekli olan ayrıntılı, sayfa görüntüleme başına telemetriyi sağlamaz. Sonuç olarak, sitelerin kendi gerçek kullanıcı izlemelerini oluşturmalarını önemle tavsiye ederiz.

JavaScript'te Core Web Vitals'ı Ölçme

Önemli Web Verileri'nin her biri, standart web API'leri kullanılarak JavaScript'te ölçülebilir.

Tüm Önemli Web Verileri'ni ölçmenin en kolay yolu, her metriği Google araçlarının rapor etme şekliyle tam olarak eşleşecek şekilde ölçen küçük, üretime hazır bir API sarmalayıcı olan web-vitals JavaScript kitaplığını kullanmaktır.

web-vitals kitaplığıyla her metriği ölçmek tek bir işlevi çağırmak kadar kolaydır (tüm kullanım ve API ayrıntıları için belgelere göz atın):

import {onCLS, onFID, onLCP} from 'web-vitals';

function sendToAnalytics(metric) {
  const body = JSON.stringify(metric);
  // Use `navigator.sendBeacon()` if available, falling back to `fetch()`.
  (navigator.sendBeacon && navigator.sendBeacon('/analytics', body)) ||
    fetch('/analytics', {body, method: 'POST', keepalive: true});
}

onCLS(sendToAnalytics);
onFID(sendToAnalytics);
onLCP(sendToAnalytics);

Sitenizi, Önemli Web Verileri verilerinizi ölçmek ve bir analiz uç noktasına göndermek için web-vitals kitaplığını kullanacak şekilde yapılandırdıktan sonra atmanız gereken bir sonraki adım, bu verileri toplayıp raporlayarak sayfalarınızın sayfa ziyaretlerinin en az% 75'i için önerilen eşikleri karşılayıp karşılamadığını kontrol etmektir.

Bazı analiz sağlayıcıları Önemli Web Verileri metriklerini yerleşik olarak desteklerken, içermeyenler bile araçlarında Önemli Web Verileri'ni ölçmenize olanak tanıyan temel özel metrik özelliklerini içermelidir.

Bunun bir örneği, site sahiplerinin Google Analytics'i kullanarak Önemli Web Verileri'ni ölçmelerine olanak tanıyan Web Verileri Raporu'dur. Diğer analiz araçlarını kullanarak Core Web Vitals'ı ölçme konusunda rehberlik için Sahadaki Web Verileri'ni ölçmek için en iyi uygulamalar bölümüne bakın.

Ayrıca Web Vitals Chrome Uzantısı'nı kullanarak herhangi bir kod yazmadan Önemli Web Verileri'nin her biri hakkında rapor oluşturabilirsiniz. Bu uzantı, söz konusu metriklerin her birini ölçmek ve web'de gezinen kullanıcılara göstermek için web-vitals kitaplığını kullanır.

Bu uzantı, kendi sitelerinizin, rakibinizin sitelerinin ve genel olarak web'in performansını anlamanıza yardımcı olabilir.

  LCP FID CLS
web-önemli
Web Verileri Uzantısı

Bu metrikleri doğrudan temel web API'lerini kullanarak ölçmeyi tercih eden geliştiriciler, uygulama ayrıntıları için aşağıdaki metrik kılavuzlarını kullanabilirler:

Popüler analiz hizmetlerini veya kendi şirket içi analiz araçlarınızı kullanarak bu metrikleri ölçme hakkında daha fazla bilgi için Sahada Web Verilerini ölçmek için en iyi uygulamalar bölümüne bakın.

Core Web Vitals'ı ölçmeye yönelik laboratuvar araçları

Önemli Web Verileri'nin tümü her şeyden önce alan metrikleri olsa da bunların çoğu laboratuvarda da ölçülebilir.

Laboratuvar ölçümü, geliştirme sırasında özelliklerin performansını test etmenin en iyi yoludur. Ayrıca, performans gerilemelerini meydana gelmeden önce tespit etmenin en iyi yoludur.

Aşağıdaki araçlar, laboratuvar ortamında Önemli Web Verileri'ni ölçmek için kullanılabilir:

  LCP FID CLS
Chrome Geliştirici Araçları (bunun yerine TBT kullanın)
Lighthouse (bunun yerine TBT kullanın)

Sayfaları simüle edilmiş bir ortamda kullanıcı olmadan yükleyen Lighthouse gibi araçlar, kullanıcı girişi olmadığı için FID'yi ölçemez. Bununla birlikte, Toplam Engelleme Süresi (TBT) metriği laboratuvarlarda ölçülebilirdir ve FID için mükemmel bir göstergedir. Laboratuvarda TBT'yi iyileştiren performans optimizasyonları, alandaki FID'yi iyileştirecektir. Daha fazla bilgi edinmek için Puanlarınızı iyileştirmeye yönelik öneriler başlıklı makaleyi inceleyin.

Laboratuvar ölçümü, kusursuz deneyimler sunmanın önemli bir parçası olsa da alan ölçümünün yerine geçmez. Bir sitenin performansı, kullanıcının cihaz özelliklerine, ağ koşullarına, cihazda çalışıyor olabilecek başka işlemlere ve sayfayla nasıl etkileşimde bulunduğuna bağlı olarak önemli ölçüde değişiklik gösterebilir. Aslında Önemli Web Verileri metriklerinin her birinin puanı kullanıcı etkileşiminden etkilenebilir. Resmin tamamını yalnızca alan ölçümü doğru şekilde yakalayabilir.

Puanlarınızı artırmaya yönelik öneriler

Aşağıdaki kılavuzlarda, Önemli Web Verileri'nin her biri için sayfalarınızı nasıl optimize edeceğinize dair özel öneriler sunulmaktadır:

Diğer Web Verileri

Core Web Vitals, mükemmel bir kullanıcı deneyimini anlamak ve sunmak için kritik metrikler olsa da önemli başka metrikler de vardır.

Bu diğer Web Verileri, genellikle deneyimin daha büyük bir kısmının yakalanmasına veya belirli bir sorunun teşhis edilmesine yardımcı olmak için Önemli Web Verileri'nin temsili veya ek metrikleri olarak işlev görür.

Örneğin, İlk Bayt Süresi (TTFB) ve İlk Zengin İçerikli Boyama (FCP) yükleme deneyiminin hayati unsurlarıdır ve her ikisi de LCP (sırasıyla yavaş sunucu yanıt süreleri veya oluşturma engelleme kaynakları) ile ilgili sorunların teşhis edilmesinde yararlıdır.

Benzer şekilde Toplam Engelleme Süresi (TBT) gibi bir metrik, FID ve INP'yi etkileyebilecek potansiyel etkileşim sorunlarını yakalamak ve teşhis etmek için çok önemli bir laboratuvar metriğidir. Ancak alan ölçülebilir olmadığı ve kullanıcı odaklı bir sonucu yansıtmadığı için Core Web Vitals grubunun bir parçası değildir.

Web Verileri'nde yapılan değişiklikler

Web Verileri ve Önemli Web Verileri, geliştiricilerin web genelinde deneyim kalitesini ölçmek için günümüzde sahip oldukları en iyi sinyalleri temsil eder. Ancak bu sinyaller mükemmel değildir ve gelecekte iyileştirmeler veya eklemeler beklenebilir.

Önemli Web Verileri, tüm web sayfalarıyla alakalıdır ve ilgili Google araçlarında öne çıkarılır. Bu metriklerde yapılan değişikliklerin geniş kapsamlı etkisi olduğundan geliştiriciler, Core Web Vitals tanımlarının ve eşiklerinin kararlı kalmasını, önceden bildirim yapılması ve güncellemeler için öngörülebilir bir zaman planlaması yapılmasını beklemelidir.

Diğer Web Verileri genellikle bağlama veya araca özgüdür ve Önemli Web Verileri'nden daha deneysel olabilir. Bu nedenle, bunların tanımları ve eşikleri daha sık değişebilir.

Tüm Web Verileri için yapılan değişiklikler, bu herkese açık değişiklik günlüğünde belgelenmiştir.