Performa sebenarnya sangat bervariasi karena perbedaan pada perangkat pengguna, koneksi jaringan, dan faktor lainnya. Misalnya, jika Anda memuat situs web menggunakan koneksi jaringan kabel di kantor Anda dan membandingkannya dengan beban menggunakan WiFi di kedai kopi, pengalamannya mungkin akan sangat berbeda. Ada banyak alat di pasar yang dapat membantu Anda mengumpulkan data lab atau lapangan untuk menilai performa halaman.
Data lab vs Data lapangan
Data lab adalah data performa yang dikumpulkan di lingkungan terkontrol dengan setelan jaringan dan perangkat yang telah ditentukan, sementara Data kolom adalah data performa yang dikumpulkan dari pemuatan halaman nyata yang dialami oleh pengguna Anda di luar sana. Setiap jenis memiliki kekuatan dan keterbatasannya sendiri.
Data lab menawarkan hasil yang dapat direproduksi dan lingkungan proses debug, tetapi mungkin tidak menangkap bottleneck dunia nyata dan tidak dapat berkorelasi dengan KPI halaman dunia nyata. Dengan data lab, Anda perlu memahami perangkat dan jaringan standar pengguna dan mencerminkan kondisi tersebut dengan tepat saat Anda menguji performa. Harap diingat bahwa meskipun di area dengan 4G, pengguna mungkin masih mengalami koneksi yang lebih lambat atau terputus-putus saat menggunakan lift, saat melakukan perjalanan, atau berada di lingkungan yang sebanding.
Data kolom (juga disebut Pemantauan Pengguna Nyata atau RUM) menangkap pengalaman pengguna di dunia nyata yang sebenarnya dan memungkinkan korelasi dengan KPI bisnis, tetapi memiliki kumpulan metrik yang terbatas dan kemampuan proses debug yang terbatas.
Alat
Data lab
Lighthouse menggunakan URL dan menjalankan serangkaian audit pada halaman, sehingga menghasilkan laporan tentang performa halaman tersebut. Ada beberapa cara untuk menjalankan Lighthouse, termasuk opsi untuk mengaudit halaman dengan mudah dari dalam Chrome DevTools.
Data kolom
Laporan Pengalaman Pengguna Chrome (CrUX) memberikan metrik yang menunjukkan cara pengguna Chrome di dunia nyata menikmati tujuan populer di web.
Alat-alat lain
PageSpeed Insights memberikan data lab dan kolom tentang sebuah halaman. API ini menggunakan Lighthouse untuk mengumpulkan dan menganalisis data lab tentang halaman, sementara data kolom dunia nyata didasarkan pada set data Laporan Pengalaman Pengguna Chrome.
Chrome Developer Tools adalah serangkaian alat developer web yang disertakan langsung ke browser Google Chrome. Alat ini memungkinkan Anda membuat profil runtime halaman, serta mengidentifikasi dan melakukan debug bottleneck performa.