CrUX'taki metrikler, tarayıcılar tarafından kullanıma sunulan standart web platformu API'leri tarafından desteklenir. Bu veriler, özellikle BigQuery veri kümesinde kaynak çözünürlüğüne göre toplanır. Site performanslarıyla ilgili daha ayrıntılı (ör. URL düzeyinde çözümleme) analiz ve bilgiye ihtiyaç duyan site sahipleri, kendi kaynakları için ayrıntılı Gerçek Kullanıcı Ölçümü (RUM) verileri toplamak üzere aynı API'leri kullanabilir. Tüm API'ler Chrome'da kullanılabilir ancak diğer tarayıcılar tüm metrikleri desteklemeyebilir.
Metriklerin çoğu, dağılımın görselleştirilmesine ve yüzdelik değerlerin yaklaşık olarak hesaplanmasına olanak tanıyan bir histogram toplama olarak gösterilir.
Cumulative Layout Shift
"Cumulative Layout Shift (CLS), görsel kararlılığı ölçme konusunda önemli ve kullanıcı merkezli bir metriktir. Çünkü kullanıcıların ne sıklıkla beklenmedik düzen kaymaları yaşadığını ölçmeye yardımcı olur. Düşük bir CLS, sayfanın keyifli olmasını sağlar."
DOM Content Loaded
"DOMContentLoaded; stil sayfalarının, resimlerin ve alt çerçevelerin yüklenmesi beklenmeksizin ilk HTML belgesinin tamamen yüklenip ayrıştırıldığı süreyi bildirir."
İlk Boyama
"İlk Boyama", tarayıcının gezinmeden sonraki ilk kez oluşturma süresini bildirir. Varsayılan arka plan rengi hariç, varsayılan olmayan arka plan rengi ise dahildir. Bu, geliştiricilerin sayfa yükleme sırasında önemsediği ilk önemli andır. Tarayıcı, sayfayı oluşturmaya başladığında gerçekleşir."
First Contentful Paint
"İlk Zengin İçerikli Boyama (FCP), tarayıcının herhangi bir metni, resmi (arka plan resimleri dahil), beyaz olmayan tuvali veya SVG'yi ilk kez oluşturma süresini bildirir. Buna bekleyen web yazı tiplerinin kullanıldığı metinler de dahildir. Bu, kullanıcıların sayfa içeriğini tüketmeye başlayabileceği ilk zamandır."
Sonraki boyamayla etkileşim
"Interaction to Next Paint (INP), duyarlılığı değerlendiren bir alan metriğidir. INP, sayfanın tüm yaşam döngüsü boyunca tüm etkileşimlerin gecikmesini kaydeder. Bu etkileşimlerin en yüksek değeri (veya çok sayıda etkileşim içeren sayfalar için en yüksek değere yakın olan) sayfanın INP'si olarak kaydedilir. Düşük bir INP, sayfanın her zaman güvenilir bir şekilde yanıt vereceğini garanti eder."
Interaction to Next Paint (INP), Şubat 2022'de CrUX veri kümesine eklendi. Bu yeni metrik, tek tek etkinliklerin uçtan uca gecikmesini yakalar ve bir sayfanın kullanım ömrü boyunca genel yanıt verme hızı hakkında daha bütünsel bir görünüm sunar.
Largest Contentful Paint
"Largest Contentful Paint (LCP), algılanan yükleme hızını ölçme konusunda önemli ve kullanıcı merkezli bir metriktir. Çünkü sayfanın ana içeriğinin yüklendiği olası noktayı, sayfa yükleme zaman çizelgesinde işaretler. Hızlı bir LCP, kullanıcının sayfanın yararlı olduğuna dair güvenini artırır."
Largest Contentful Paint kaynak türü
"LCP, kullanıcının sayfaya ilk kez gittiği zamana kıyasla görüntü alanında görünen en büyük resmin, metin bloğunun veya videonun oluşturulma süresini bildirir."
web.dev/articles/lcp - What elements are considered for LCP
Metin ve resim (ilk video karesi resmi dahil) genellikle çok farklı yükleme özelliklerine ve optimizasyon tekniklerine sahiptir. LCP kaynak türlerinin oranını anlamak, LCP metriklerinizi ve optimizasyon yollarınızı daha iyi anlamanızı sağlar.
Daha fazla bilgi için LCP kaynak türlerinin kullanıma sunulmasıyla ilgili blog yayınını inceleyin.
Largest Contentful Paint resminin alt bölümleri
"PageSpeed Insights, bu metriği nasıl iyileştireceğiniz konusunda size yanıt vermediğinde LCP için optimizasyon yapmak daha karmaşık bir görev olabilir. Karmaşık görevleri daha küçük ve yönetilebilir görevlere ayırıp her birini ayrı ayrı ele almak genellikle daha iyidir."
web.dev/articles/optimize-lcp - LCP'nin alt bölümlere ayrılması
LCP'leri en kritik alt bölümlerine ayırmak, her bölümün nasıl optimize edileceğine dair belirli önerilerden ve en iyi uygulamalardan yararlanma olanağı sağlar.
LCP resim alt bölümleri dört ayrı metrikte sağlanır:
largest_contentful_paint_image_time_to_first_bytelargest_contentful_paint_image_resource_load_delaylargest_contentful_paint_image_resource_load_durationlargest_contentful_paint_image_element_render_delay
Alt bölümler yalnızca resimler için dahil edilir. İlk video karesi resimleri, tam indirme süresini ölçemediğimiz için (ilk video karelerinin, bu karmaşıklığın geçerli olmadığı LCP kaynak türü metriğine dahil edildiğini unutmayın) biraz daha karmaşık olduğundan bu kapsamda yer almaz.
Metin alt bölümleri daha az kullanışlı oldukları ve resim LCP'si sayılarını bozacakları için de dahil edilmez. Büyük ölçüde metinden oluşan sitelerde, genel TTFB ve genel FCP metrikleri faydalı dökümlerdir. Ancak bu metriklerin tüm LCP'ler için geçerli olduğunu ve metin LCP'lerine özgü olmadığını unutmayın.
Daha fazla bilgi için LCP resim alt bölümleri lansman blog yayınını inceleyin.
Gezinme türleri
Gezinme türleri metriği, aşağıdaki gezinmelerin sayfa görüntüleme yüzdesinin dökümünü sağlar:
| Tür | Açıklama |
|---|---|
navigate |
Diğer kategorilerin hiçbirine uymayan bir sayfa yükleme işlemi. |
navigate_cache |
Ana kaynağın (ana HTML dokümanı) HTTP önbelleğinden sunulduğu bir sayfa yükleme işlemi. Siteler genellikle alt kaynaklar için önbelleğe almayı kullanır ancak ana HTML belgesi genellikle çok daha az önbelleğe alınır. Bu belgenin önbelleğe alınabildiği durumlarda, yerel olarak ve bir CDN'de önbelleğe alınabilmesi sayesinde performansta belirgin iyileşmeler sağlanabilir. |
reload |
Kullanıcı, sayfayı yeniden yüklemek için yeniden yükle düğmesine bastı, adres çubuğunda Enter tuşuna bastı veya kapatılan bir sekmeyi geri aldı. Sayfanın yeniden yüklenmesi genellikle ana sayfanın değişip değişmediğini kontrol etmek için sunucuya geri doğrulama yapılmasına neden olur. Sayfa yeniden yüklemelerinin yüksek bir yüzdesi, kullanıcı deneyiminde sorunlar olduğunu gösterebilir. |
restore |
Sayfa, tarayıcı yeniden başlatıldıktan veya bellek nedeniyle kaldırılan bir sekmeden sonra yeniden yüklendi. Android'de Chrome için bunlar bunun yerine "yeniden yükle" olarak bildirilir. |
back_forward |
Geçmişte gezinme (sayfanın yakın zamanda görülüp geri dönüldüğü anlamına gelir). Doğru önbelleğe alma ile bunlar makul ölçüde hızlı deneyimler olmalıdır ancak yine de sayfanın işlenmesi ve JavaScript'in yürütülmesi gerekir. Her ikisi de bfcache tarafından önlenir. |
back_forward_cache |
Bfcache'ten sunulan bir geçmişte gezinme. Engellemeleri kaldırarak sayfalarınızı bfcache'ten yararlanacak şekilde optimize etmeniz daha hızlı deneyimler sunmanızı sağlar. Bu nedenle siteler |
prerender |
Sayfa önceden işlenmiştir. Bu durum, bfcache'e benzer şekilde sayfanın neredeyse anında yüklenmesine neden olabilir. |
Bazı durumlarda, sayfa yükleme işlemi birden fazla gezinme türünün bir kombinasyonu olabilir. Bu durumda CrUX, tablodaki ilk eşleşmeyi tablonun ters sırasına göre (aşağıdan yukarıya) bildirir.
Daha fazla bilgiyi gezinme türleri duyuru yayınında bulabilirsiniz.
Onload
"Yükleme etkinliği, sayfa ve bağımlı kaynakları yüklenmeyi tamamladığında tetiklenir."
Gidiş Dönüş Süresi
Gezinmenin başlangıcında, son ağ bağlantılarına göre HTTP (uygulama katmanı) gidiş dönüş süresinin tahminini sağlar.
Bu metrik, eski Etkili Bağlantı Türü (ECT) boyutundan sorumlu olan Network Information API'nin rtt özelliğine dayanır.
Daha fazla bilgi için LCP kaynak türlerinin kullanıma sunulmasıyla ilgili blog yayınını inceleyin.
Deneysel metrikler
Deneysel metrikler, BigQuery kullanılarak CrUX veri kümesinde, bazıları ise CrUX API'de kullanılabilir. Bu metrikler, kullanıcı geri bildirimlerine göre geliştiği için düzenli olarak değişebilir. En son değişikliklerden haberdar olmak için sürüm notlarını inceleyin.
Time to First Byte
CrUX'taki TTFB, diğer zamanlayıcıların (ör. LCP) aksine yalnızca tam sayfa yüklemelerinde toplanır. Diğer zamanlayıcılar, geri-ileri gezinmelerde ve önceden oluşturulmuş sayfalarda da toplanır. Bu nedenle, TTFB'nin örnek boyutu diğer metriklerden daha küçük olabilir ve doğrudan onlarla karşılaştırılması gerekmeyebilir.
TTFB, sunucu yanıt süresinin doğrudan bir ölçüsü değildir. Çünkü yönlendirme süresi de dahil olmak üzere bundan önceki ölçümleri içerir ve yanıtın önbellekten, CDN'den veya sunucudan sunulup sunulmadığından etkilenir. Bu durum özellikle CrUX gibi alan verilerinde belirgindir. Laboratuvar testi ise son URL test edildiği ve genellikle önbelleğe alma değişikliklerini tekrar tekrar geçersiz kıldığı için bu faktörlerden daha az etkilenir.
Popülerlik
Popülerlik sıralaması metriği, CrUX veri kümesindeki site popülerliğinin göreceli bir ölçüsüdür ve kaynakta yapılan toplam gezinme sayısıyla ölçülür. Sıralama, yarım adımlı bir log10 ölçeğindedir (ör. ilk 1.000, ilk 5.000, ilk 10.000, ilk 50.000, ilk 100.000, ilk 500.000, ilk 1 milyon vb.). Her sıralama, bir önceki sıralamayı hariç tutar (ör. ilk 5.000, ilk 1.000 hariç olmak üzere aslında 4.000 URL'dir). Veri kümesi büyüdükçe üst sınır dinamik olarak değişir.
Popülerlik, geniş kapsamlı analiz için bir kılavuz olarak sunulur. Örneğin,en iyi 1.000 kaynak için ülkeye göre performansı belirlemek amacıyla kullanılabilir.
Bildirim İzinleri
Kullanıcılara bildirim göstermek için izin isteyen web sitelerinde bu metrik, kullanıcıların istemlere verdiği yanıtların (kabul et, reddet, yoksay veya kapat) göreli sıklığını gösterir.