CrUX Kontrol Paneli

BigQuery CrUX verilerini görselleştirmek için CrUX Kontrol Panelini kullanma

CrUX Kontrol Paneli, BigQuery'de kaynak düzeyindeki ham CrUX verilerine bağlanan ve ardından verileri sizin için görselleştiren bir Looker Studio (eski adıyla Data Studio) kontrol panelidir. Gösterge tablosu kullanıcılarının sorgu yazma veya grafik oluşturma ihtiyacını ortadan kaldırır. Her şey sizin için oluşturulmuştur. Tek yapmanız gereken bir kaynak belirtmektir. Kontrol paneli sizin için oluşturulur.

CrUX Kontrol Paneline erişme

CrUX Kontrol Paneli'ni başlatmak için bir kaynak veya URL girip Enter tuşuna basın ya da Git'i tıklayın:

Böylece gösterge tablosu URL'si paylaşılabilir ve daha sonra kolayca erişilebilmesi için yer işareti eklenebilir.

Tüm web sitelerinde çalışır mı?

Hayır. Kaynağınız CrUX veri kümesine dahil değilse hiçbir veri gösterilmez. Veri kümesinde 15 milyondan fazla kaynak bulunuyor ancak istediğiniz kaynak, dahil edilmeye yetecek kadar veri içermiyor olabilir.

Kaynaklarla ilgili bazı yaygın sorunlar, yanlış protokolün sağlanmasıdır (ör. https:// yerine http://) ve gerektiğinde alt alan adının atlanması. Bazı web siteleri yönlendirmeler içerir. Dolayısıyla http://example.com, https://www.example.com sayfasına yönlendiriyorsa kaynağın standart sürümü olan ikincisini kullanmanız gerekir.

Kontrol Paneli'ne erişmek için Özel Arama Motoru kullanma

Sık sık farklı alan adlarını ziyaret edenler için alternatif bir yöntem de Chrome'da, arama terimini (bu durumda kaynağı) URL'ye iletmenizi sağlayan bir özel Arama Motoru oluşturmaktır. Bunu yapmak için, Chrome'un sağ üst köşesindeki üç nokta menüsünü kullanarak Chrome Ayarları'na gidin. Ayarlar'da "Arama motoru" seçeneğini belirleyin.

"Arama motorlarını ve site aramalarını yönet"ebileceğiniz Arama Motorları Chrome ayarları sayfasının ekran görüntüsü
Arama Motorları için Chrome ayarları.

Buradan "Arama motorlarını ve site aramasını yönet"i genişletin, "Site Arama"ya gidin, "Ekle" düğmesini tıklayın ve aşağıdaki bilgileri girin:

  • Arama motoru: CrUX
  • Kısayol: crux
  • Sorgu yerine %s olan URL: https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
Chrome'da üç alan içeren "Arama motoru ekle" iletişim kutusu: arama motoru adı, kısayol ve sorgu yerine %s olan URL.
Chrome "Arama motoru ekle" iletişim kutusu.

Bundan sonra, arama çubuğuna crux yazıp tab tuşuna bastığınızda artık bir kaynak girebilirsiniz. Chrome, söz konusu kaynak için CrUX Kontrol Paneli'ne gider.

Chrome adres çubuğunda "CrUX'te Ara" komutunu gösteren ekran görüntüsü.
Chrome adres çubuğunda özel arama motoru kullanma.

Protokolü atlarsanız HTTPS olduğu varsayılır. Alt alanlar önemlidir (ör. https://developers.google.com ve https://www.google.com) farklı kaynaklar olarak kabul edilir.

Kaynak CrUX'te mevcutsa bu kaynağa ait CrUX verilerinin yer aldığı kontrol paneline yönlendirilirsiniz:

developer.chrome.com adresindeki CrUX kontrol panelinde, ilk Core Web Vitals ekranını gösteren ekran görüntüsü.
Örnek CrUX Kontrol Paneli.

Kontrol paneline genel bakış

Her gösterge tablosunda üç tür sayfa bulunur:

  1. Core Web Vitals'a genel bakış
  2. Metrik performansı
  3. Kullanıcı demografisi

Her sayfada, kullanıma sunulan her aylık sürümün zaman içindeki dağılımlarını gösteren bir grafik bulunur. Yeni veri kümeleri yayınlandıkça en son verileri almak için kontrol panelini yenileyebilirsiniz.

Aylık veri kümeleri, her ayın ikinci salı günü yayınlanır. Örneğin, Mayıs ayına ait kullanıcı deneyimi verilerini içeren veri kümesi, Haziran ayının ikinci salı günü yayınlanır.

Core Web Vitals'a genel bakış

İlk sayfa, kaynağın aylık Core Web Vitals performansına genel bakış sunar. Bunlar, Google'ın odaklanmanızı önerdiği en önemli kullanıcı deneyimi metrikleridir.

Bu site için LCP, INP ve CLS ile ilgili ayrıntıları gösteren CrUX Kontrol Paneli'ndeki Core Web Vitals'a genel bakışın tam sayfa ekran görüntüsü.
CrUX Kontrol Paneli Core Web Vitals'a genel bakış.

Kaynakla ilgili masaüstü ve telefon kullanıcılarının deneyimini anlamak için Core Web Vitals sayfasını kullanın. Varsayılan olarak, kontrol panelini oluşturduğunuz sıradaki en son ay seçilir. Eski veya yeni aylık sürümler arasında geçiş yapmak için sayfanın üst kısmındaki Ay filtresini kullanın.

Metrik performansı

Önemli Web Verileri sayfasından sonra, CrUX veri kümesindeki tüm metrics için bağımsız sayfalar bulabilirsiniz.

CrUX Kontrol Paneli LCP sayfasının, yığın çubuk grafiğinin 10 aylık iyi, iyileştirilmesi gerekiyor ve zayıf LCP verilerini gösteren ekran görüntüsü.
CrUX Kontrol Paneli LCP sayfası.

Her sayfanın üst kısmında, deneyim verilerine dahil edilen form faktörlerini kısıtlamak için kullanabileceğiniz Cihaz filtresi bulunur. Örneğin, özellikle telefon deneyimlerini ayrıntılı olarak inceleyebilirsiniz. Bu ayar, tüm sayfalar için geçerli olur.

Bu sayfalardaki birincil görselleştirmeler, "İyi", "İyileştirme Gerekiyor" ve "Yavaş" olarak sınıflandırılan aylık deneyimlerin dağılımlarıdır. Grafiğin altındaki renk kodlu gösterge, kategoriye dahil edilen deneyim aralığını gösterir. Örneğin, önceki ekran görüntüsünde, son aylarda biraz dalgalanan ve biraz daha kötü hale gelen "iyi" Largest Contentful Paint (LCP) deneyimlerinin yüzdesini görebilirsiniz.

En son ayın "iyi" ve "kötü" deneyim yüzdeleri, önceki aya göre yüzdelik farkın bir göstergesiyle birlikte grafiğin üzerinde gösterilir. Bu kaynak için "iyi" LCP deneyimleri aydan aya% 0,8 ila% 83,25 oranında düşmüş, p75 sayısı 0 hareket gösterdi ve aydan aya 1.500'de kaldı. "Kötü" LCP deneyimleri ise %3,6 oranında arttı (burada bir artış kötü olduğu kırmızıyla gösterilmiştir) %7,42'ye çıktı. Yüzde hareketlerinin gerçek yüzde hareketleri olduğunu, yüzdelik hareketler olmadığını unutmayın. Örneğin, %83,93 ile% 83,25 arasındaki hareketler, yüzde 0,68'lik bir nokta hareketi veya önceki toplamın% 83,93'lük kısmı için% 0,8 düşüş anlamına gelir.

Ayrıca, LCP ve açık yüzdelik öneriler sağlayan diğer Core Web Vitals gibi metrikler için "iyi" ve "kötü" yüzdelerin arasında "P75" metriğini görürsünüz. Bu değer, kaynağın kullanıcı deneyimleri açısından %75'lik dilime karşılık gelir. Yani deneyimlerin% 75'i bu değerden daha iyi. Bu durumun, kaynaktaki tüm cihazlardaki genel dağıtım için geçerli olduğu unutulmamalıdır. Belirli cihazları Cihaz filtresiyle açıp kapatmak yüzdelik dilimi yeniden hesaplamaz.

Yüzdelik dilimlerle ilgili teknik uyarılar

Yüzdelik metriklerin BigQuery'deki histogram verilerine dayalı olduğunu ve ayrıntı düzeyinin genel olacağını unutmayın: LCP için 100 ms, INP için 25 ms ve CLS için 0,05. Diğer bir deyişle, 3800 ms'lik P75 LCP değeri, gerçek 75. yüzdelik dilimin 3.800 ms. ile 3.900 ms. arasında bir değer olduğunu belirtir.

Ek olarak, BigQuery veri kümesi, "bin yayılma" adı verilen bir teknik kullanır. Bu teknikte kullanıcı deneyimi yoğunlukları, yapısı gereği azalan ayrıntı düzeyine sahip çok büyük kutular halinde gruplandırılır. Bu sayede, dakika yoğunluklarını dört basamağı aşmadan dağılımın kuyruğuna dahil edebiliriz. Örneğin, 3 saniyeden kısa LCP değerleri 200 ms genişliğindeki kutular halinde gruplandırılır. Kutuların genişliği, 3 ile 10 saniye arasında 500 ms'dir. 10 saniyeden sonra, bölmelerin genişliği 5000 ms'dir... Farklı genişliklerde kutulara sahip olmak yerine, bölme ayırma, tüm bölmelerin 100 ms genişliğinde sabit bir şekilde (en büyük ortak böleni) olmasını ve dağılımın her bir bölmede doğrusal olarak interpolasyonunu sağlar.

PageSpeed Insights gibi araçlarda karşılık gelen P75 değerleri, herkese açık BigQuery veri kümesini temel almaz ve milisaniyelik doğrulukta değerler sağlayabilir.

Kullanıcı demografisi

Kullanıcı demografisi sayfalarında iki boyut bulunur: cihazlar ve etkili bağlantı türleri (ECT'ler). Bu sayfalar, her demografideki kullanıcılar için kaynağın tamamında sayfa görüntülemelerinin dağılımını gösterir.

Cihaz dağıtımı sayfasında telefon, masaüstü ve tablet kullanıcılarının zaman içindeki dağılımı gösterilir:

Telefon, masaüstü ve tabletlerin 10 ay içindeki dağılımını gösteren CrUX Kontrol Paneli cihaz sayfasının ekran görüntüsü.
CrUX Kontrol Paneli cihaz sayfası.

Birçok kaynakta tablet verisi çok azdır veya hiç yoktur, bu nedenle grafiğin kenarında genellikle "%0" görünür.

Benzer şekilde, ECT dağıtım sayfası 4G, 3G, 2G, yavaş 2G ve çevrimdışı deneyimlerin dökümünü gösterir.

Bu boyutların dağılımları, İlk Zengin İçerikli Boyama (FCP) histogram verilerinin segmentleri kullanılarak hesaplanır.

SSS

CrUX BigQuery veri kümesi hakkında sık sorulan soruların bazılarını aşağıda bulabilirsiniz:

CrUX Kontrol Paneli'ni diğer araçlar yerine ne zaman kullanırım?

CrUX Kontrol Paneli, BigQuery'dekiyle aynı temel verileri temel alır. Ancak verileri çıkarmak için tek bir satır SQL yazmanız ve ücretsiz kotaları aşma konusunda endişelenmeniz gerekmez. Kontrol paneli kurulumu hızlı ve kolaydır. Tüm görselleştirmeler sizin için oluşturulur ve dilediğiniz kişiyle paylaşma konusunda denetime sahip olursunuz.

CrUX Kontrol Paneli'ni kullanmayla ilgili herhangi bir sınırlama var mı?

BigQuery'yi temel almak, CrUX Kontrol Paneli'nin de tüm sınırlamalarını devraldığı anlamına gelir. Aylık ayrıntı düzeyindeki kaynak düzeyindeki verilerle sınırlıdır.

Ayrıca CrUX Kontrol Paneli, BigQuery'deki ham verilerin çok yönlülüğünden yararlanarak basitlik ve kolaylık sağlar. Örneğin, metrik dağılımları tam histogramların aksine yalnızca "iyi", "iyileştirme gerekli" ve "yetersiz" olarak verilir. CrUX Kontrol Paneli global düzeyde veri sağlarken BigQuery veri kümesi belirli ülkeleri yakınlaştırmanıza olanak tanır.

Kontrol panelini nasıl özelleştirebilirim?

Sayfada, CrUX Ekibi tarafından yönetilen CrUX Kontrol Paneli'nin salt okunur sürümüne nasıl erişileceği anlatılmaktadır. Kontrol panelinin kendi kopyanızı oluşturarak farklı görselleştirmeler göstermesi için düzenleme yapmak isterseniz daha fazla bilgi için bu kullanıcı rehberine göz atın. Kendi kopyanızı oluşturduğunuzda ayı manuel olarak güncellemeniz gerekeceğini ve resmi kontrol paneline eklenen tüm eklemelerden (ör. yeni metrikler veya diğer bilgiler) faydalanamayacağınızı unutmayın.