Metrik

Metrik di CrUX didukung oleh API platform web standar yang diekspos oleh browser. Khususnya dalam set data BigQuery, data ini digabungkan dalam resolusi asal. Pemilik situs yang memerlukan analisis dan insight yang lebih mendetail (misalnya, resolusi tingkat URL) tentang performa situs mereka dapat menggunakan API yang sama untuk mengumpulkan data pengukuran pengguna nyata (RUM) mendetail untuk asal mereka sendiri. Perhatikan bahwa meskipun semua API tersedia di Chrome, browser lain mungkin tidak mendukung kumpulan metrik lengkap.

Sebagian besar metrik direpresentasikan sebagai agregasi histogram, yang memungkinkan visualisasi distribusi dan perkiraan nilai persentil.

Lukisan Pertama

"First Paint melaporkan waktu saat browser pertama kali dirender setelah navigasi. Aplikasi ini tidak menyertakan latar belakang default untuk cat latar belakang, tetapi menyertakan cat latar belakang non-default. Ini adalah momen penting pertama yang menjadi perhatian developer dalam pemuatan halaman - saat browser mulai merender halaman."

Paint Timing API

First Contentful Paint (Gambar Pertama)

"First Contentful Paint melaporkan waktu ketika browser pertama kali merender teks, gambar (termasuk gambar latar), kanvas non-putih, atau SVG. Ini mencakup teks dengan font web yang tertunda. Ini adalah pertama kalinya pengguna dapat mulai mengonsumsi konten halaman."

Paint Timing API

Konten DOM Dimuat

"DOMContentLoaded melaporkan waktu ketika dokumen HTML awal telah dimuat dan diuraikan sepenuhnya, tanpa menunggu stylesheet, gambar, dan subbingkai selesai dimuat."

MDN

Largest Contentful Paint (LCP)

"Largest Contentful Paint (LCP) adalah metrik penting yang berfokus pada pengguna untuk mengukur kecepatan pemuatan yang dirasakan karena menandai titik di linimasa pemuatan halaman saat konten utama halaman kemungkinan telah dimuat — LCP yang cepat membantu meyakinkan pengguna bahwa halaman tersebut berguna."

web.dev/articles/lcp

Pemuatan

"Peristiwa pemuatan diaktifkan saat halaman dan resource dependennya selesai dimuat."

MDN

Pergeseran Tata Letak Kumulatif (CLS)

"Pergeseran Tata Letak Kumulatif (CLS) adalah metrik penting yang berpusat pada pengguna untuk mengukur stabilitas visual karena membantu mengukur seberapa sering pengguna mengalami pergeseran tata letak yang tidak terduga — CLS yang rendah membantu memastikan halaman menjadi menyenangkan."

web.dev/articles/cls

Interaction to Next Paint

"Interaction to Next Paint (INP) adalah metrik kolom yang menilai responsivitas. INP mencatat latensi semua interaksi di seluruh siklus proses halaman. Nilai tertinggi dari interaksi tersebut—atau mendekati nilai tertinggi untuk halaman dengan banyak interaksi—dicatat sebagai INP halaman. INP yang rendah memastikan halaman akan selalu responsif dan andal."

web.dev/articles/inp

Interaction to Next Paint (INP) telah ditambahkan ke set data CrUX pada Februari 2022. Metrik baru ini menangkap latensi end-to-end dari setiap peristiwa dan menawarkan gambaran yang lebih menyeluruh tentang responsivitas keseluruhan halaman selama masa aktifnya.

Metrik jenis navigasi memberikan perincian persentase kunjungan halaman untuk navigasi berikut:

Jenis Deskripsi
navigate Pemuatan halaman, yang tidak sesuai dengan kategori lainnya.
navigate_cache Pemuatan halaman saat resource utama (dokumen HTML utama) disajikan dari cache HTTP. Situs sering menggunakan caching untuk sub-resource, tetapi dokumen HTML utama sering disimpan dalam cache yang jauh lebih sedikit dan jika bisa, hal ini dapat menghasilkan peningkatan performa yang signifikan karena dapat disimpan dalam cache secara lokal dan di CDN.
reload Pengguna memuat ulang halaman, baik dengan menekan tombol muat ulang, dengan menekan enter di kolom URL, atau dengan mengurungkan penutupan tab. Muat ulang halaman sering menyebabkan validasi ulang kembali ke server untuk memeriksa apakah halaman utama telah berubah. Persentase pemuatan ulang halaman yang tinggi dapat mengindikasikan kekesalan pengguna terhadap pengalaman mereka.
restore Halaman dimuat ulang setelah browser dimulai ulang, atau tab yang telah dihapus karena alasan memori. Untuk Chrome di Android, peristiwa ini dilaporkan sebagai 'muat ulang' sebagai gantinya.
back_forward Navigasi histori, artinya halaman telah dilihat dan dibuka kembali baru-baru ini. Dengan penyimpanan cache yang benar, pengalaman ini akan menjadi pengalaman yang cukup cepat, tetapi tetap memerlukan halaman untuk diproses dan JavaScript yang akan dijalankan—keduanya menghindari bfcache.
back_forward_cache Navigasi histori yang ditayangkan dari bfcache. Mengoptimalkan halaman Anda untuk memanfaatkan bfcache, dengan menghapus pemblokir, akan menghasilkan pengalaman yang lebih cepat, sehingga situs akan terlihat
prerender Halaman telah dirender sebelumnya, yang—mirip dengan bfcache—dapat menghasilkan pemuatan halaman yang hampir instan.

Dalam beberapa kasus, pemuatan halaman dapat berupa kombinasi dari beberapa jenis navigasi. Dalam hal ini, CrUX melaporkan kecocokan pertama dalam urutan terbalik tabel (dari bawah ke atas).

Informasi selengkapnya dapat ditemukan di postingan pengumuman jenis navigasi.

Metrik eksperimental

Metrik eksperimental tersedia di set data CrUX menggunakan BigQuery, dengan beberapa metrik juga tersedia di CrUX API. Metrik ini cenderung berubah secara berkala seiring perkembangannya berdasarkan masukan pengguna. Periksa catatan rilis untuk terus mengikuti perubahan terbaru.

Time to First Byte

TTFB di CrUX hanya dikumpulkan pada pemuatan halaman penuh, tidak seperti timer lainnya (seperti LCP) yang juga dikumpulkan pada navigasi mundur dan halaman pra-rendering. Dengan demikian, ukuran sampel TTFB dapat lebih kecil daripada metrik lain dan mungkin tidak perlu dibandingkan langsung dengan metrik tersebut.

CrUX mengukur TTFB sebagai byte pertama dari sumber daya dokumen yang diterima dari server. Tampilan konvensional TTFB mengukur kapan respons dokumen dimulai, tetapi saat Petunjuk Awal digunakan "byte pertama" lebih awal dari ini. Di masa mendatang, CrUX dapat diperbarui untuk mengabaikan Petunjuk Awal.

TTFB bukanlah pengukuran langsung waktu respons server karena mencakup tindakan sebelum waktu tersebut, termasuk waktu pengalihan dan dipengaruhi oleh apakah respons disajikan dari cache atau CDN atau dari server. Hal ini terlihat jelas pada data lapangan seperti CrUX, sedangkan pengujian lab biasanya tidak terlalu terpengaruh oleh faktor-faktor ini karena URL akhir merupakan pengujian dan sering kali berulang kali meniadakan perubahan dalam cache.

Popularitas

Metrik Peringkat popularitas adalah ukuran relatif popularitas situs dalam set data CrUX, yang diukur berdasarkan jumlah total navigasi di asal. Peringkat menggunakan skala log10 dengan setengah langkah (misalnya 1k teratas, 5k teratas, 10k teratas, 50k teratas, 100k teratas, 500k teratas, 1 juta teratas, dll.) dengan masing-masing peringkat tidak termasuk URL sebelumnya (mis. 5k teratas sebenarnya 4k URL, tidak termasuk 1k teratas). Batas atas bersifat dinamis seiring bertambahnya set data.

Popularitas disediakan sebagai panduan analisis yang luas, misalnya untuk menentukan performa menurut negara untuk 1.000 asal teratas.

Izin Notifikasi

Untuk situs yang meminta izin guna menampilkan notifikasi kepada pengguna, metrik ini mewakili frekuensi relatif pengguna merespons permintaan: menerima, menolak, mengabaikan, atau menolak.

Waktu Pulang Pergi

Memberikan perkiraan waktu round-trip HTTP (lapisan aplikasi) di awal navigasi, berdasarkan koneksi jaringan terbaru. Metrik ini juga disebut sebagai rtt Jaringan Informasi API, yang merupakan API yang sama yang bertanggung jawab untuk Dimensi Effective Connection Type (ECT).

Metrik ini hanya tersedia di CrUX API dan CrUX History API, yang digabungkan ke persentil ke-75. Histogram tidak tersedia. Fitur ini juga tidak tersedia di BigQuery.