Cara mempertimbangkan alat kecepatan

Google telah mengeluarkan banyak panduan seputar data performa dan alat performa. Tujuan infografis ini adalah untuk menggabungkan panduan ini bagi developer dan pemasar untuk membantu mereka memahami cara memikirkan performa dan menggunakan semua penawaran alat performa Google.

Download versi PDF

Mitos umum tentang performa

Mitos 1

Pengalaman pengguna dapat dicatat dengan satu metrik.

Pengalaman pengguna yang baik tidak hanya diukur pada satu waktu tertentu. Funnel ini terdiri dari serangkaian pencapaian penting dalam perjalanan pengguna Anda. Pahami berbagai metrik dan lacak metrik yang penting bagi pengalaman pengguna Anda.

Mitos 2

Pengalaman pengguna dapat direkam dengan satu “pengguna representatif”.
Performa di dunia nyata sangat bervariasi karena perbedaan perangkat pengguna, koneksi jaringan, dan faktor lainnya. Kalibrasi lab dan lingkungan pengembangan Anda untuk menguji berbagai kondisi yang berbeda tersebut. Gunakan data lapangan untuk menentukan pemilihan parameter pengujian untuk jenis perangkat (misalnya, seluler vs. desktop), koneksi jaringan (misalnya, 3G atau 4G), dan variabel penting lainnya.

Mitos 3

Situs saya dimuat dengan cepat untuk saya, jadi situs tersebut seharusnya dimuat dengan cepat untuk pengguna saya.
Perangkat dan jaringan yang digunakan developer untuk 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 dan mencerminkan kondisi tersebut dengan tepat saat Anda menguji performa.

Memahami data lab vs. data lapangan

Data lab

Data lab adalah data performa yang dikumpulkan dalam lingkungan terkontrol dengan setelan perangkat dan jaringan yang telah ditentukan. Hal ini menawarkan hasil yang dapat direproduksi dan kemampuan proses debug untuk membantu mengidentifikasi, mengisolasi, dan memperbaiki masalah performa.

Anjuran

Keunggulan

• Membantu men-debug masalah performa
• Visibilitas menyeluruh dan mendalam ke UX
• Lingkungan pengujian dan proses debug yang dapat direproduksi

Larangan

Batasan

• Mungkin tidak mencerminkan hambatan di dunia nyata
• Tidak dapat menghubungkan dengan KPI halaman di dunia nyata

Catatan: Alat seperti Lighthouse dan WebPageTest mengumpulkan jenis data ini.

Data lapangan

(Juga disebut Pemantauan Pengguna Nyata atau RUM)

Data lapangan adalah data performa yang dikumpulkan dari pemuatan halaman sebenarnya yang dialami pengguna Anda di lapangan.

Anjuran

Keunggulan

• Mencatat pengalaman pengguna di dunia nyata yang sebenarnya
• Memungkinkan korelasi dengan indikator performa utama bisnis

Larangan

Batasan {: .compare-worse }

• Set metrik yang dibatasi
• Kemampuan proses debug yang terbatas

Catatan: Set data publik seperti Laporan Pengalaman Pengguna Chrome dan alat performa seperti laporan skor kecepatan PageSpeed Insights melaporkan jenis data ini.

Apa saja alat performa yang tersedia?

Mercusuar Memberi Anda saran yang dipersonalisasi tentang cara meningkatkan kualitas situs Anda dalam hal performa, aksesibilitas, PWA, SEO, dan praktik terbaik lainnya.	WebPageTest Memungkinkan Anda membandingkan performa satu atau beberapa halaman di lingkungan lab yang terkontrol, serta mempelajari statistik performa secara mendalam dan menguji performa di perangkat sungguhan. Anda juga dapat menjalankan Lighthouse di WebPageTest.
TestMySite Memungkinkan Anda mendiagnosis performa halaman web di berbagai perangkat dan memberikan daftar perbaikan untuk meningkatkan pengalaman dari Webpagetest dan PageSpeed Insights.	PageSpeed Insights Menampilkan data kolom kecepatan untuk situs Anda, beserta saran untuk pengoptimalan umum guna meningkatkannya.
Kartu Skor Kecepatan Memungkinkan Anda membandingkan kecepatan situs seluler dengan pembanding di lebih dari 10 negara. Kecepatan situs seluler didasarkan pada data dunia nyata dari Chrome User Experience Report.	Pengukur Dampak Memungkinkan Anda memperkirakan peluang potensi pendapatan dari peningkatan kecepatan situs seluler, berdasarkan data tolok ukur dari Google Analytics.
Chrome Developer Tools Memungkinkan Anda membuat profil runtime halaman, serta mengidentifikasi dan men-debug bottleneck performa.

Jadi, Anda…

Pemasar atau developer yang mencoba membangun kasus bisnis untuk meningkatkan pengalaman pengguna situs Anda. Anda berbicara tentang dolar dan sen serta mencari angka moneter yang dapat membantu Anda mengukur biaya peluang dan peningkatan yang diharapkan.

• Gunakan Kartu Skor Kecepatan untuk melihat perbandingan kecepatan situs seluler Anda dengan pembanding yang relevan di lebih dari 10 negara. Skor didasarkan pada data dunia nyata dari Chrome User Experience Report.
• Gunakan Pengukur Dampak untuk memperkirakan potensi peluang pendapatan dari peningkatan kecepatan situs seluler Anda. Dampak didorong oleh data tolok ukur dari Google Analytics.
• Gunakan TestMySite untuk menguji waktu pemuatan halaman seluler Anda bersama dengan tolok ukur industri dan untuk mempelajari cara perbaikan sederhana dapat mempercepat situs Anda 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 situs di dunia nyata, seperti yang dialami oleh pengguna Chrome, dan merekomendasikan peluang pengoptimalan.

Developer yang mencoba memahami dan mengaudit situs berdasarkan praktik terbaik performa web modern.

Lighthouse berisi serangkaian peluang performa yang komprehensif; alat ini memberi Anda daftar peluang performa yang tidak ada di halaman Anda dan waktu yang dihemat dengan menerapkan setiap pengoptimalan, yang dapat membantu Anda memahami apa yang harus dilakukan.

Developer yang mencari panduan teknis tentang cara melakukan debug/pembahasan mendalam tentang performa situs Anda.

Chrome Developer Tools (CDT) berisi Panel Performa yang memungkinkan Anda melihat lebih detail masalah performa situs dengan membuat profil situs menggunakan konfigurasi yang disesuaikan, sehingga Anda dapat melacak bottleneck performa. Anda dapat menggunakan CDT di versi produksi atau versi pengembangan situs.

WebPageTest berisi rangkaian metrik dan penampil rekaman aktivitas lanjutan. Alat ini memungkinkan pembahasan mendalam tentang performa situs Anda di hardware seluler sungguhan dengan kondisi jaringan.