Ekstensi Web Vitals kini menunjukkan posisi pengalaman lokal Anda sehubungan dengan pengalaman pengguna yang sebenarnya di lapangan.
Dipublikasikan: 2 Juli 2021
Data Web Inti adalah metrik terpenting yang harus diukur untuk memahami pengalaman pengguna Anda, karena jika pengguna memiliki pengalaman yang baik, hal-hal baik akan terjadi. Ekstensi Data Web untuk Chrome adalah salah satu alat di toolbox Data Web yang menampilkan data performa tentang halaman yang Anda kunjungi saat menjelajahi web.
Performa halaman bergantung pada banyak faktor, termasuk kualitas hardware dan jaringan. Pengalaman halaman di komputer Anda mungkin sangat berbeda dengan pengalaman sebagian besar pengguna saat menggunakannya. Itulah sebabnya ekstensi Web Vitals versi 1.0 menyertakan fitur baru yang mengintegrasikan data pengguna sebenarnya dari Laporan UX Chrome (CrUX) dengan pengukuran Core Web Vitals lokal Anda. Fitur ini menampilkan pengukuran lokal Anda dalam konteks pengalaman pengguna lain terhadap halaman yang sama. Aplikasi ini dilengkapi dengan UI baru yang menarik dan kami tidak sabar untuk menunjukkan cara kerjanya.
Data kolom dari CrUX
CrUX adalah set data publik tentang pengalaman pengguna sebenarnya di Chrome. CrUX mendukung beberapa alat penting dalam alur kerja Core Web Vitals seperti Search Console dan PageSpeed Insights. Data mentah untuk jutaan situs juga dapat dikueri secara publik di set data CrUX di BigQuery dan CrUX API. Update ekstensi Data Web Inti ini mengintegrasikan data desktop tingkat halaman dan origin dari CrUX API.
Data pengalaman pengguna dibagi menjadi tiga rating kualitatif: baik, perlu ditingkatkan, dan buruk. Nilai minimum yang digunakan untuk setiap rating didokumentasikan dalam panduan untuk setiap metrik Data Web Inti: LCP, FID, dan CLS. Jadi, misalnya, CrUX API dapat memberi tahu Anda bahwa 16% pengalaman pengguna sebenarnya di halaman tertentu dievaluasi sebagai memiliki LCP di bawah 2,5 detik yang baik.
UI ekstensi baru
Di antarmuka ekstensi Web Vitals baru, pengalaman lokal Anda ditempatkan di atas distribusi pengalaman pengguna sebenarnya yang lebih luas. Ini seperti saat Anda berada di tempat yang luas seperti mal dan ada peta besar dengan semua toko dan pin berlabel "ANDA BERADA DI SINI" untuk membantu Anda berorientasi dan menemukan tujuan Anda.
Distribusi data pengguna sebenarnya dari CrUX disusun di batang horizontal untuk setiap metrik. Pengalaman lokal Anda ditampilkan sebagai satu titik pada batang horizontal tersebut. Posisi pengalaman lokal Anda pada batang horizontal menunjukkan posisi pengalaman tersebut relatif terhadap distribusi pengguna sebenarnya. Hal ini akan segera terlihat saat pengalaman lokal Anda sangat berbeda dengan pengguna lain. Misalnya, jika Anda memiliki pengalaman LCP yang lambat dan hanya 1% pengguna yang memiliki pengalaman serupa, pasti ada sesuatu yang tidak biasa.
Melakukan penggantian ke data tingkat origin
Beberapa halaman tidak memiliki data tingkat URL dalam set data CrUX. Hal ini dapat terjadi karena halaman masih sangat baru sehingga belum diambil atau karena halaman tidak memiliki traffic yang memadai untuk disertakan dalam set data. Dalam kasus seperti ini, ekstensi Data Web akan kembali ke data tingkat origin yang lebih terperinci jika memungkinkan. Data ini mewakili pengalaman pengguna gabungan di semua halaman situs. Jadi, meskipun mungkin tidak langsung relevan dengan pengalaman halaman tertentu, data ini tetap akan memberikan beberapa insight tentang pengalaman pengguna di situs secara keseluruhan.
Kasus umum lainnya adalah melihat pesan "Menunggu input…". Hal ini karena FID adalah satu-satunya Core Web Vital yang memerlukan interaksi pengguna untuk diukur, sehingga ekstensi tidak akan memiliki data FID lokal untuk ditampilkan hingga Anda berinteraksi dengan halaman.
Kasus ekstrem
Ada beberapa kasus ekstrem yang jarang terjadi yang mungkin Anda alami saat menggunakan ekstensi.
Seluruh origin mungkin tidak memiliki data yang memadai. Dalam hal ini, ekstensi hanya akan menampilkan performa pengalaman lokal Anda.
Cara Anda berinteraksi dengan halaman juga dapat memengaruhi relevansi data. Misalnya, pemuatan halaman di tab latar belakang akan dihitung terhadap metrik LCP selama seluruh waktu hingga Anda berada di latar depan halaman. Jika Anda memerlukan waktu 90 detik untuk beralih ke tab, LCP mungkin muncul sebagai 91,5 detik. Jika hal ini terjadi, ikon peringatan kecil akan muncul di samping nilai LCP untuk memperingatkan Anda tentang inflasi buatan. Perhatikan bahwa jenis nilai LCP yang tidak relevan semacam ini diabaikan dalam set data CrUX.
Satu kasus ekstrem terakhir yang perlu diperhatikan adalah khusus untuk FID. Karena bergantung pada interaksi pengguna, hal ini membuat data tersebut kurang mungkin tersedia dalam set data untuk halaman dan situs dengan lebih sedikit tayangan halaman. Jadi, jika Anda mengunjungi halaman seperti itu, Anda mungkin hanya melihat data kolom untuk LCP dan CLS. Untuk kelengkapan, perlu diperhatikan bahwa hal yang sama dapat terjadi untuk LCP atau CLS dalam situasi yang sangat jarang terjadi, tetapi masalah ini sebagian besar dipengaruhi oleh FID.
Membandingkan data lapangan dari ponsel
Secara default, semua data di ekstensi Web Vitals sesuai dengan pengalaman pengguna desktop sebenarnya dari lapangan. Lagi pula, ekstensi ini hanya tersedia di Chrome versi desktop, jadi akan sangat relevan untuk melihat bagaimana pengguna dalam kondisi serupa menggunakan halaman atau origin.
Penting juga untuk memahami pengalaman pengguna ponsel, sehingga ekstensi ini memiliki setelan lanjutan di halaman Opsi yang memungkinkan Anda melihat perbandingan pengalaman lokal dengan data ponsel dari kolom.
Untuk mengaktifkan data ponsel di ekstensi, ikuti langkah-langkah berikut:
- Klik kanan ikon ekstensi di toolbar, lalu pilih Opsi.
- Centang opsi Bandingkan pengalaman lokal dengan data kolom ponsel.
UI akan diperbarui di beberapa tempat untuk menunjukkan mode yang Anda gunakan. Perhatikan bahwa pengalaman pengguna ponsel yang sebenarnya dapat sangat berbeda dengan pengguna desktop, jadi gunakan fitur ini dengan bijak.
Mendapatkan ekstensi Data Web
Untuk mulai menggunakan ekstensi Data Vital Web versi terbaru, buka Chrome Web Store untuk menginstalnya. Atau, jika Anda sudah menjadi pengguna ekstensi, Anda harus diupgrade ke versi 1.0 secara otomatis. Jika Anda memiliki masukan tentang pengalaman Anda dengan ekstensi ini (permintaan fitur, laporan bug, apa pun), beri tahu kami di repositori open source di GitHub. Semoga hal ini membantu Anda lebih memahami posisi pengalaman lokal Anda sehubungan dengan pengguna sebenarnya lainnya dari lapangan.
Kredit gambar: Mark Garlick/Science Photo Library/Getty Images