Menggunakan Laporan UX Chrome untuk melihat performa di lapangan

Laporan UX Chrome (secara informal dikenal sebagai CrUX) adalah set data publik yang berisi data pengalaman pengguna yang sebenarnya di jutaan situs. Tidak seperti data lab, data CrUX sebenarnya berasal dari pengguna yang memilih ikut di lapangan. Alat ini mengukur metrik Core Web Vitals, termasuk Largest Contentful Paint (LCP), Interaction to Next Paint (INP), dan Cumulative Layout Shift (CLS), serta metrik diagnostik seperti Time to First Byte (TTFB) dan First Contentful Paint (FCP).

Set data ini juga berisi dimensi kualitatif tentang pengalaman pengguna, misalnya, jenis perangkat dan koneksi, yang memungkinkan pengelompokan pengalaman pengguna berdasarkan teknologi serupa. Lihat dokumentasi CrUX untuk mengetahui daftar lengkap metrik.

Dengan data ini, developer dapat memahami distribusi luas pengalaman pengguna di dunia nyata antara situs, segmen web, atau web secara keseluruhan. Ini adalah hal yang penting. Set data Chrome UX Report adalah yang pertama dari jenisnya untuk memungkinkan developer web membandingkan performa pengguna sebenarnya dengan pesaing dan industri.

Cara menggunakannya

Ada empat cara utama untuk mengekstrak insight dari Laporan UX Chrome, yang bervariasi tingkat kerumitannya. Untuk analisis performa situs yang cepat dan mudah, Dasbor CrUX dan PageSpeed Insights adalah alat yang direkomendasikan. BigQuery mengorbankan beberapa kesederhanaan analisis untuk mendapatkan kemampuan penyesuaian dan insight yang lebih terperinci. Selain itu, API memungkinkan integrasi data tingkat tinggi dengan aplikasi lain, dan History API menyediakan data historis untuk analisis tren.

Dasbor CrUX

Dasbor CrUX adalah alat visualisasi data performa historis situs yang dapat disesuaikan dan dibuat di Looker Studio. Data berasal dari set data BigQuery dan semua kueri SQL ditangani untuk Anda di balik layar. Dasbor ini menampilkan distribusi pengalaman pengguna, seperti yang dicatat oleh metrik performa utama, dan perubahannya dari waktu ke waktu. Laporan ini juga menunjukkan bagaimana distribusi metrik kualitatif seperti jenis perangkat dan jenis koneksi yang efektif berubah dari waktu ke waktu. Coba panduan Dasbor Looker Studio.

PageSpeed Insights

PageSpeed Insights (PSI) menampilkan distribusi performa terbaru yang dikelompokkan menurut pengguna desktop dan perangkat seluler. Data performa tersedia untuk setiap halaman web (selain seluruh origin) dan digabungkan untuk data 28 hari terakhir (bukan bulan kalender sebelumnya di BigQuery). Menggunakan alat ini sesederhana memasukkan URL atau origin di kotak penelusuran pada antarmuka web, dan data performa kolom ditampilkan bersama saran preskriptif untuk mengoptimalkan halaman. Coba panduan PageSpeed Insights.

CrUX di BigQuery

Database CrUX di BigQuery, bagian dari Google Cloud Platform (GCP) dengan antarmuka web dan command line, menghosting data mentah yang menggabungkan metrik performa UX utama untuk origin teratas di web. Tabel baru ditambahkan secara berkala ke database yang mencakup bulan kalender sebelumnya. Developer dapat membuat kueri secara manual untuk mengekstrak set data untuk mendapatkan insight tertentu. BigQuery memerlukan pengetahuan tentang SQL dan project GCP dengan penagihan yang diaktifkan untuk menjalankan kueri. Alat ini sangat berguna bagi pengguna yang memerlukan akses tingkat rendah ke data untuk membuat laporan kustom, benchmark, dan laporan tentang status web. Coba panduan BigQuery.

CrUX API

CrUX API adalah antarmuka RESTful gratis untuk mencari data pengalaman pengguna tingkat asal atau URL. Data diperbarui setiap hari dan menggabungkan data 28 hari sebelumnya, mirip dengan PageSpeed Insights. Anda dapat menggunakan API ini untuk mem-build aplikasi Anda sendiri berdasarkan data pengalaman pengguna sebenarnya di CrUX. Coba panduan CrUX API.

CrUX History API

CrUX History API adalah antarmuka RESTful gratis, mirip dengan API harian, untuk mencari data pengalaman pengguna tingkat asal atau URL. Data diperbarui setiap minggu dan menggabungkan data 28 hari sebelumnya, selama periode 6 bulan. Anda dapat menggunakan API ini untuk mem-build aplikasi Anda sendiri berdasarkan data pengalaman pengguna sebenarnya di CrUX. Coba panduan CrUX History API.

Cara mendapatkan bantuan

Jika Anda memerlukan dukungan apa pun, ada beberapa saluran untuk menghubungi seseorang yang dapat membantu. Grup Google CrUX adalah forum publik bagi pengguna set data untuk mengajukan pertanyaan dan berbagi analisis. Ada juga tag CrUX untuk Stack Overflow jika Anda memerlukan bantuan pemrograman dengan akses SQL atau API. Terakhir, @ChromeUXReport adalah akun Twitter yang dapat Anda ikuti untuk mengajukan pertanyaan dan mendengarkan pengumuman produk.

Lihat penerapannya

Untuk lebih memahami data yang tersedia, pelajari panduan langkah demi langkah untuk menggunakan Dasbor Looker Studio, PageSpeed Insights, BigQuery, serta API harian dan histori: