Web Vitals

Kullanıcı deneyimi kalitesini optimize etmek, web üzerindeki tüm sitelerin uzun vadeli başarısının anahtarıdır. İster işletme sahibi, ister pazarlamacı veya geliştirici olun, Web Verileri, sitenizin sunduğu deneyimi ölçmeye ve iyileştirme fırsatlarını tespit etmenize yardımcı olabilir.

Genel bakış

Web Vitals, web'de mükemmel bir kullanıcı deneyimi sunmak için gerekli olan kalite sinyalleriyle ilgili birleşik rehberlik sağlamayı amaçlayan bir Google girişimidir.

Google, yıllar içinde performansı ölçmek ve raporlamak için çeşitli araçlar sunmuştur. Bazı geliştiriciler bu araçları kullanmada uzmanken bazıları da hem çok sayıda araç hem de metrik kullanımına ayak uydurmayı zorlaştırdığını düşünüyor.

Site sahipleri, kullanıcılarına sundukları deneyimin kalitesini anlamak için performans uzmanı olmak zorunda olmamalıdır. Web Verileri girişimi, ortamı basitleştirmeyi ve sitelerin en önemli metriklere, yani Core Web Vitals'a odaklanmasına yardımcı olmayı amaçlamaktadır.

Önemli Web Verileri

Önemli Web Verileri, tüm web sayfaları için geçerli olan Web Verileri 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 öneme sahip kullanıcı odaklı bir sonucun gerçek dünya deneyimini yansıtır.

Core Web Vitals'ı oluşturan metrikler zamanla gelişecektir. 2020 için mevcut grup, kullanıcı deneyiminin üç unsuruna (yükleme, etkileşim ve görsel kararlılık) odaklanıyor ve aşağıdaki metrikleri (ve bunlarla ilgili eşikleri) içeriyor:

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.
  • Sonraki Boyamayla Etkileşim (INP): etkileşimi ölçer. İyi bir kullanıcı deneyimi sağlamak için sayfaların INP'si 200 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 sayfaların CLS değeri 0.1. veya daha düşük olmalıdır.

Kullanıcılarınızın çoğu için bu metrikler için önerilen hedefe ulaştığınızdan emin olmak amacıyla, mobil ve masaüstü cihazlarda 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, Önemli Web Verileri metriklerinin üçü için de 75. yüzdelik dilimde önerilen hedefleri karşılıyorsa sayfa geçirmeyi dikkate almalıdır.

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:

Experimental

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

Deneysel aşamanın amacı, öncelikle çözülecek problemi keşfederek bir metriğin uygunluğunu değerlendirmek ve önceki metriklerin ele alamadığı noktaları tekrarlamaktır. Örneğin, Sonraki Boyamayla Etkileşim (INP), web'de mevcut çalışma zamanı performansı sorunlarını İlk Giriş Gecikmesi (FID) özelliğine göre daha kapsamlı bir şekilde ele almak için 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 başlangıç tanımındaki değişiklikleri keşfederek bir metriğin gelişiminde esneklik sağlamayı da amaçlamaktadır. Bu aşama aynı zamanda topluluk geri bildirimlerinin 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 bekleme metriği haline gelir. Örneğin, INP 2023'te deneysel durumundan beklemede durumuna yükseltilmiş ve sonunda FID'yi kullanımdan kaldıracaktır.

Bekleyen metrikler, ekosisteme uyum sağlaması için zaman tanımak amacıyla bu aşamada en az altı ay boyunca bekletilir. Daha fazla geliştirici bu metriği kullanmaya başladığı için topluluk geri bildirimleri bu aşamanın önemli bir unsuru olmaya devam ediyor.

Kararlı

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

Kararlı metrikler aktif olarak desteklenir ve hata düzeltmeleri ile 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 değişiklikler, metriğin resmi belgelerinde ve değişiklik günlüğünde açıkça belirtilir. Tüm değerlendirmelere Core Web Vitals da dahildir.

Önemli Web Verileri'ni ölçme ve raporlama araçları

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ında manuel olarak analizleri manuel olarak ölçmelerine gerek kalmadan performanslarını hızlı bir şekilde değerlendirmelerine olanak tanır. Ayrıca, PageSpeed Insights ve Search Console'un Önemli Web Verileri raporu gibi araçları destekler.

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

Chrome Kullanıcı Deneyimi Raporu tarafından sağlanan veriler, sitelerin performansını değerlendirmek için hızlı bir yol sunar ancak regresyonları doğru bir şekilde teşhis etmek, izlemek ve bunlara hızlı bir ş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ı izleme ayarlarını yapmaları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, web-vitals JavaScript kitaplığını kullanmaktır. Bu, temel web API'leri için küçük, üretime hazır bir sarmalayıcıdır. Bu kitaplık, her metriği daha önce listelenen tüm Google araçlarının raporlanma şekliyle doğru bir şekilde eşleşecek şekilde ölçen bir metriktir.

Web-vitals kitaplığıyla her metriği ölçmek için tek bir işlevin çağrılması yapılabilir (tüm kullanım ve API ayrıntıları için belgelere bakın):

import {onCLS, onINP, 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);
onINP(sendToAnalytics);
onLCP(sendToAnalytics);

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

Bazı analiz sağlayıcıları Core Web Vitals metrikleri için yerleşik desteğe sahipken, içermeyen olanlar bile araçlarında Core Web Vitals'ı ölçmenize olanak tanıyan temel özel metrik özelliklerini eklememelidir.

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 yardım almak için Sahada 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 bunları 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 INP 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ı kullanabilir:

Popüler analiz hizmetlerini veya kendi şirket içi analiz araçlarınızı kullanarak bu metrikleri ölçme hakkında daha fazla bilgi edinmek için Sahada Web Verilerini ölçmeye yönelik en iyi uygulamalar başlıklı makaleyi inceleyin.

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ü, özelliklerin performansını kullanıcılara yayınlanmadan önce, geliştirme sırasında test etmenin en iyi yoludur. Bu, 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 INP CLS
Chrome Geliştirici Araçları (bunun yerine TBT kullanın)
Lighthouse (bunun yerine TBT kullanın)

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 diğer işlemlere ve sayfayla nasıl etkileşimde bulunduklarına 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 bir ş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

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

Bu diğer metrikler, deneyimin daha büyük bir kısmının yakalanmasına veya belirli bir sorunun teşhis edilmesine yardımcı olmak için temsil edici veya üç Önemli Web Verileri için ek metrikler olarak kullanılabilir.

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

Benzer şekilde, Toplam Engelleme Süresi (TBT) gibi bir metrik, INP'yi etkileyebilecek olası etkileşim sorunlarının tespit edilmesi ve teşhis edilmesi açısından laboratuvar metriklerinden biridir. Ancak alan ölçülebilir olmadıkları ve kullanıcı odaklı bir sonucu yansıtmadıkları 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 alakalı Google araçlarında öne çıkarılır. Bu metriklerde yapılan değişikliklerin geniş kapsamlı bir etkisi olacaktır. Bu nedenle, geliştiriciler Önemli Web Verileri'nin tanım ve eşiklerinin kararlı olmasını, güncellemelerin ise önceden bildirilmesini ve öngörülebilir, yıllık bir sıklığın olmasını beklemelidir.

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

Tüm Web Verileri için değişiklikler, bu herkese açık CHANGELOG'da açıkça belgelenecektir.