Memulai pengukuran Data Web

Katie Hempenius
Katie Hempenius

Mengumpulkan data di Data Web situs Anda adalah langkah pertama untuk meningkatkannya. Analisis yang menyeluruh akan mengumpulkan data kinerja baik dari lingkungan dunia nyata maupun lab. Mengukur Data Web memerlukan perubahan kode yang minimal dan dapat diselesaikan menggunakan alat gratis.

Mengukur Data Web menggunakan data RUM

Data Pemantauan Pengguna Real (RUM), yang juga dikenal sebagai data kolom, merekam performa yang dialami oleh pengguna sebenarnya di situs. Data RUM adalah data yang digunakan Google untuk menentukan apakah suatu situs memenuhi nilai minimum Data Web Inti yang direkomendasikan.

Memulai

Jika Anda tidak memiliki konfigurasi RUM, alat berikut akan cepat memberikan data tentang performa sebenarnya dari situs Anda. Semua alat ini didasarkan pada set data pokok yang sama (Laporan Pengalaman Pengguna Chrome), tetapi memiliki kasus penggunaan yang sedikit berbeda:

  • PageSpeed Insights (PSI): PageSpeed Insights melaporkan performa tingkat halaman gabungan dan tingkat asal selama 28 hari terakhir. Selain itu, laporan ini memberikan saran tentang cara meningkatkan performa. Jika Anda mencari tindakan tunggal yang harus diambil untuk mulai mengukur dan meningkatkan Data Web situs, sebaiknya gunakan PSI untuk mengaudit situs Anda. PSI tersedia di web dan sebagai API.
  • Search Console: Search Console melaporkan data performa per halaman. Hal ini membuatnya sangat cocok untuk mengidentifikasi halaman tertentu yang perlu ditingkatkan. Tidak seperti PageSpeed Insights, pelaporan Search Console menyertakan data histori performa. Search Console hanya dapat digunakan dengan situs yang Anda miliki dan yang kepemilikannya telah diverifikasi.
  • Dasbor CrUX: Dasbor CrUX adalah dasbor bawaan yang menampilkan data CrUX untuk asal pilihan Anda. Class ini dibuat di Data Studio dan proses penyiapannya memerlukan waktu sekitar satu menit. Dibandingkan dengan PageSpeed Insights dan Search Console, pelaporan dasbor CrUX mencakup lebih banyak dimensi - misalnya, data dapat dikelompokkan berdasarkan perangkat dan jenis koneksi.

Perlu diperhatikan bahwa meskipun alat yang tercantum di atas sangat cocok untuk "memulai" pengukuran Data Web, alat tersebut juga dapat berguna dalam konteks lain. Secara khusus, CrUX dan PSI tersedia sebagai API dan dapat digunakan untuk membuat dasbor serta pelaporan lainnya.

Mengumpulkan data RUM

Meskipun alat berbasis CrUX merupakan titik awal yang baik untuk menyelidiki performa Data Web, sebaiknya Anda melengkapinya dengan RUM Anda sendiri. Data RUM yang Anda kumpulkan sendiri dapat memberikan masukan yang lebih mendetail dan cepat terkait performa situs Anda. Hal ini memudahkan Anda mengidentifikasi masalah dan menguji kemungkinan solusinya.

Anda dapat mengumpulkan data RUM Anda sendiri menggunakan penyedia RUM khusus, atau dengan menyiapkan alat Anda sendiri.

Penyedia RUM khusus memiliki spesialisasi dalam mengumpulkan dan melaporkan data RUM. Untuk menggunakan Data Web Inti dengan layanan ini, tanyakan kepada penyedia RUM Anda tentang cara mengaktifkan pemantauan Data Web Inti untuk situs Anda.

Jika tidak memiliki penyedia RUM, Anda mungkin dapat meningkatkan penyiapan analisis yang ada untuk mengumpulkan dan melaporkan metrik ini menggunakan library JavaScript web-vitals. Metode ini dijelaskan secara lebih mendetail di bawah.

Library JavaScript web-vitals

Jika Anda menerapkan penyiapan RUM sendiri untuk Data Web, cara termudah untuk mengumpulkan pengukuran Data Web adalah dengan menggunakan library JavaScript web-vitals. web-vitals adalah library modular kecil (~1 KB) yang menyediakan API mudah untuk mengumpulkan dan melaporkan setiap metrik Data Web yang terukur kolom.

Metrik yang membentuk Data Web tidak semuanya ditampilkan secara langsung oleh API performa bawaan browser, melainkan dikembangkan di atas metrik tersebut. Misalnya, Pergeseran Tata Letak Kumulatif (CLS) diterapkan menggunakan Layout Instability API. Dengan web-vitals, Anda tidak perlu khawatir untuk menerapkan metrik ini sendiri. Hal ini juga memastikan bahwa data yang Anda kumpulkan sesuai dengan metodologi dan praktik terbaik untuk setiap metrik.

Untuk informasi selengkapnya tentang penerapan web-vitals, lihat dokumentasi dan Praktik terbaik untuk mengukur Data Web di lapangan.

Agregasi data

Anda harus melaporkan pengukuran yang dikumpulkan oleh web-vitals. Jika data ini diukur tetapi tidak dilaporkan, Anda tidak akan pernah melihatnya. Dokumentasi web-vitals mencakup contoh yang menunjukkan cara mengirim data ke endpoint API umum, Google Analytics, atau Google Tag Manager.

Jika Anda sudah memiliki alat pelaporan favorit, pertimbangkan untuk menggunakannya. Jika tidak, Google Analytics gratis dan dapat digunakan untuk tujuan ini.

Saat mempertimbangkan alat mana yang akan digunakan, akan sangat membantu untuk mempertimbangkan siapa yang perlu mengakses data. Bisnis biasanya mencapai kemenangan kinerja terbesar ketika seluruh perusahaan, bukan satu departemen, tertarik untuk meningkatkan kinerja. Lihat Memperbaiki kecepatan situs secara lintas fungsi untuk mempelajari cara mendapatkan dukungan dari berbagai departemen.

Penafsiran data

Saat menganalisis data kinerja, penting untuk memperhatikan bagian akhir distribusi. Data RUM sering mengungkapkan bahwa performa sangat bervariasi - sebagian pengguna memiliki pengalaman yang cepat, sementara yang lain memiliki pengalaman yang lambat. Namun, menggunakan median untuk meringkas data dapat dengan mudah menyamarkan perilaku ini.

Sehubungan dengan Data Web, Google menggunakan persentase pengalaman "baik", dan bukan statistik seperti median atau rata-rata, untuk menentukan apakah situs atau halaman memenuhi nilai minimum yang direkomendasikan. Khususnya, agar situs atau halaman dianggap memenuhi nilai minimum Data Web Inti, 75% kunjungan halaman harus memenuhi nilai minimum "baik" untuk setiap metrik.

Mengukur Data Web menggunakan data lab

Data lab, juga dikenal sebagai data sintetis, dikumpulkan dari lingkungan yang terkontrol, bukan pengguna sebenarnya. Tidak seperti data RUM, data lab dapat dikumpulkan dari lingkungan praproduksi sehingga digabungkan ke dalam alur kerja developer dan proses continuous integration. Contoh alat yang mengumpulkan data sintetis adalah Lighthouse dan WebPageTest.

Pertimbangan

Akan selalu ada perbedaan antara data RUM dan data lab - terutama jika kondisi jaringan, jenis perangkat, atau lokasi lingkungan lab sangat berbeda dengan kondisi pengguna. Namun, dalam hal mengumpulkan data lab pada metrik Data Web secara khusus, ada beberapa pertimbangan khusus yang penting untuk diperhatikan:

  • Pergeseran Tata Letak Kumulatif (CLS): Pergeseran Tata Letak Kumulatif yang diukur di lingkungan lab mungkin lebih rendah daripada CLS yang diamati dalam data RUM. CLS didefinisikan sebagai "jumlah total skor pergeseran tata letak individual untuk setiap pergeseran tata letak tidak terduga yang terjadi selama masa aktif halaman". Namun, masa aktif halaman biasanya sangat berbeda, bergantung pada apakah halaman dimuat oleh pengguna nyata atau alat pengukuran performa sintetis. Banyak alat lab hanya memuat halaman tanpa berinteraksi dengan halaman tersebut. Akibatnya, fungsi tersebut hanya menangkap pergeseran tata letak yang terjadi selama pemuatan halaman awal. Sebaliknya, CLS yang diukur oleh alat RUM menangkap pergeseran tata letak yang tidak terduga yang terjadi di sepanjang masa aktif halaman.
  • Penundaan Input Pertama (FID): Penundaan Input Pertama tidak dapat diukur di lingkungan lab karena memerlukan interaksi pengguna dengan halaman. Oleh karena itu, Total Blocking Time (TBT) adalah proxy lab yang direkomendasikan untuk FID. TBT mengukur "jumlah total waktu antara First Contentful Paint dan Waktu untuk Interaktif selama halaman diblokir agar tidak merespons input pengguna". Meskipun FID dan TBT dihitung secara berbeda, keduanya merupakan refleksi dari thread utama yang diblokir selama proses bootstrap. Jika thread utama diblokir, browser akan tertunda merespons interaksi pengguna. FID mengukur penundaan, jika ada, yang terjadi saat pengguna mencoba berinteraksi dengan halaman untuk pertama kalinya.

Alat

Alat ini dapat digunakan untuk mengumpulkan pengukuran lab Data Web:

  • Ekstensi Chrome Data Web: Ekstensi Chrome Data Web mengukur dan melaporkan Core Web Vitals (LCP, FID, dan CLS) untuk halaman tertentu. Alat ini dimaksudkan untuk memberikan masukan performa real-time kepada developer saat mereka membuat perubahan kode.
  • Lighthouse: Lighthouse melaporkan LCP, CLS, dan TBT, serta menyoroti kemungkinan peningkatan performa. Lighthouse tersedia di Chrome DevTools, sebagai Ekstensi Chrome, dan sebagai paket npm. Lighthouse juga dapat dimasukkan ke dalam alur kerja continuous integration melalui Lighthouse CI.
  • WebPageTest: WebPageTest menyertakan Data Web sebagai bagian dari pelaporan standarnya. WebPageTest berguna untuk mengumpulkan informasi tentang Data Web dalam kondisi perangkat dan jaringan tertentu.