Cara Memahami Alat Kecepatan
Google telah mengeluarkan banyak panduan seputar data performa dan alat performa. Tujuan infografis ini adalah untuk menggabungkan panduan bagi developer dan pemasar guna membantu mereka memahami cara memahami performa dan menjelajahi semua penawaran alat performa Google.
Mitos umum tentang performa
Mitos 1
Pengalaman pengguna dapat dicatat dengan satu metrik.
Pengalaman pengguna yang baik tidak diperoleh dari satu titik waktu. Panduan ini terdiri dari serangkaian tonggak pencapaian utama dalam perjalanan pengguna Anda. Pahami berbagai metrik dan lacak metrik yang penting bagi pengalaman pengguna Anda.
Mitos 2
Pengalaman pengguna dapat diperoleh dengan satu “pengguna yang representatif”.
Performa dunia nyata sangat bervariasi karena perbedaan pada perangkat pengguna,
koneksi jaringan, dan faktor lainnya. Kalibrasi lingkungan lab dan pengembangan Anda untuk menguji berbagai kondisi yang berbeda tersebut. Gunakan data kolom sebagai dasar untuk memilih parameter pengujian untuk jenis perangkat (yaitu, seluler vs. desktop), koneksi jaringan (yaitu, 3G atau 4G), dan variabel kunci lainnya.
Mitos 3
Situs saya memuat dengan cepat untuk saya, jadi situs harus dimuat dengan cepat untuk pengguna saya.
Perangkat dan jaringan tempat developer menguji performa pemuatan sering kali jauh lebih
cepat daripada yang sebenarnya dialami pengguna Anda. Gunakan data lapangan untuk memahami
perangkat dan jaringan yang digunakan pengguna Anda dan mencerminkan kondisi
tersebut dengan tepat saat Anda menguji performa.
Memahami data lab vs. lapangan
Data lab
Data lab adalah data performa yang dikumpulkan dalam lingkungan yang terkendali dengan setelan jaringan dan perangkat yang telah ditetapkan. Layanan ini menawarkan hasil yang dapat direproduksi dan kemampuan proses debug untuk membantu mengidentifikasi, mengisolasi, dan memperbaiki masalah performa.
Kekuatan
- Berguna untuk men-debug masalah performa
- Visibilitas yang mendalam dan menyeluruh tentang UX
- Lingkungan pengujian dan proses debug yang dapat direproduksi
Batasan
- Mungkin tidak menangkap bottleneck di dunia nyata
- Tidak dapat berkorelasi dengan KPI halaman dunia nyata
Data kolom
(Juga disebut Real User Monitoring atau RUM)
Data lapangan adalah data performa yang dikumpulkan dari pemuatan halaman nyata yang dialami pengguna Anda di luar sana.
Kekuatan
- Menangkap pengalaman pengguna yang nyata
- Memungkinkan korelasi dengan indikator performa utama bisnis
Keterbatasan {: .compare-worse }
- Kumpulan metrik yang dibatasi
- Kemampuan proses debug terbatas
Apa saja aneka alat performa?
MercusuarMemberikan saran yang dipersonalisasi tentang cara meningkatkan kualitas situs Anda terkait performa, aksesibilitas, PWA, SEO, dan praktik terbaik lainnya. |
WebPageTestMemungkinkan Anda membandingkan performa satu atau beberapa halaman di lingkungan lab terkontrol, serta memahami statistik performa dan menguji performa pada perangkat sebenarnya. Anda juga dapat menjalankan Lighthouse di WebPageTest. |
TestMySiteMemungkinkan Anda mendiagnosis performa halaman di berbagai perangkat dan menyediakan daftar perbaikan untuk meningkatkan pengalaman dari Webpagetest dan PageSpeed Insights. |
PageSpeed InsightsMenampilkan data kolom kecepatan untuk situs Anda, beserta saran pengoptimalan umum untuk meningkatkannya. |
Kartu Skor KecepatanMemungkinkan Anda membandingkan kecepatan situs seluler dengan pembanding di lebih dari 10 negara. Kecepatan situs seluler didasarkan pada data dunia nyata dari Laporan Pengalaman Pengguna Chrome. |
Pengukur DampakMemungkinkan Anda memperkirakan potensi peluang pendapatan untuk meningkatkan kecepatan situs seluler Anda, berdasarkan data tolok ukur dari Google Analytics. |
Chrome Developer ToolsMemungkinkan Anda membuat profil runtime halaman, serta mengidentifikasi dan melakukan debug bottleneck performa. |
Jadi, Anda...
Pemasar atau developer yang mencoba membuat kasus bisnis untuk meningkatkan pengalaman pengguna situs Anda. Anda memahami nilai uang dan sedang mencari angka moneter yang dapat membantu Anda menghitung biaya peluang dan peningkatan yang diharapkan.
- Gunakan Kartu Skor Kecepatan untuk melihat perbandingan kecepatan situs seluler Anda dengan pembanding di lebih dari 10 negara. Skor didasarkan pada data dunia nyata dari Laporan Pengalaman Pengguna Chrome.
- Gunakan Pengukur Dampak untuk memperkirakan peluang pendapatan potensial dari peningkatan kecepatan situs seluler Anda. Dampak didorong oleh data tolok ukur dari Google Analytics.
- Gunakan TestMySite untuk menguji waktu pemuatan seluler halaman Anda bersama tolok ukur industri dan untuk mempelajari bagaimana perbaikan sederhana dapat mempercepat situs dan mengurangi kehilangan pengunjung; TestMySite saat ini didukung oleh WebPageTest dan PageSpeed Insights.
Developer yang mencoba memahami performa situs Anda saat ini, seperti yang dialami oleh pengguna Chrome di dunia nyata, dan mencari rekomendasi audit berdasarkan tren dan pedoman industri teratas.
PageSpeed Insights membantu Anda memahami performa sebenarnya dari situs Anda, seperti yang dialami oleh pengguna Chrome, dan merekomendasikan peluang pengoptimalan.
Developer mencoba memahami dan mengaudit situs berdasarkan praktik terbaik performa web modern.
Lighthouse berisi serangkaian peluang performa yang komprehensif, yang akan memberi Anda daftar peluang performa yang tidak ada di halaman Anda dan waktu yang dihemat dengan menerapkan setiap pengoptimalan, yang dapat membantu Anda memahami tindakan yang harus dilakukan.
Developer mencari panduan teknis tentang cara melakukan debug/mempelajari lebih lanjut performa situs Anda.
Chrome Developer Tools (CDT) berisi Panel Performa yang memungkinkan Anda melihat perincian masalah performa di situs dengan membuat profil situs dengan konfigurasi yang disesuaikan, sehingga Anda dapat melacak bottleneck performa. Anda dapat menggunakan CDT pada {i>website<i} versi produksi atau pengembangan.
WebPageTest berisi rangkaian metrik lanjutan dan trace pelihat. Solusi ini memungkinkan Anda menyelami lebih dalam performa situs Anda pada hardware seluler sungguhan dengan kondisi jaringan.