Cara Memahami Alat Pengatur Kecepatan

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.

Download versi PDF

Selembar kertas dengan grafik garis di atasnya.

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

Kumpulan ikonografi jaringan yang merepresentasikan berbagai perangkat dan kondisi
jaringan.

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

Beragam penggambaran berbagai 
jenis pengguna yang berbeda.

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

Penggambaran seorang laki-laki berdiri di depan
sekelompok konsep teknis abstrak dan ikon

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.

Anjuran

Kekuatan

  • Berguna untuk men-debug masalah performa
  • Visibilitas yang mendalam dan menyeluruh tentang UX
  • Lingkungan pengujian dan proses debug yang dapat direproduksi
Larangan

Batasan

  • Mungkin tidak menangkap bottleneck di dunia nyata
  • Tidak dapat berkorelasi dengan KPI halaman dunia nyata

Data kolom

Penggambaran orang-orang di tempat umum yang menggunakan perangkat
seluler.

(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.

Anjuran

Kekuatan

  • Menangkap pengalaman pengguna yang nyata
  • Memungkinkan korelasi dengan indikator performa utama bisnis
Larangan

Keterbatasan {: .compare-worse }

  • Kumpulan metrik yang dibatasi
  • Kemampuan proses debug terbatas

Apa saja aneka alat performa?

Mercusuar

Mercusuar

Memberikan saran yang dipersonalisasi tentang cara meningkatkan kualitas situs Anda terkait performa, aksesibilitas, PWA, SEO, dan praktik terbaik lainnya.

WebPageTest

WebPageTest

Memungkinkan 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.

TestMySite

TestMySite

Memungkinkan Anda mendiagnosis performa halaman di berbagai perangkat dan menyediakan daftar perbaikan untuk meningkatkan pengalaman dari Webpagetest dan PageSpeed Insights.

PageSpeed Insights

PageSpeed Insights

Menampilkan data kolom kecepatan untuk situs Anda, beserta saran pengoptimalan umum untuk meningkatkannya.

Kartu Skor Kecepatan

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 Laporan Pengalaman Pengguna Chrome.

Pengukur Dampak

Pengukur Dampak

Memungkinkan Anda memperkirakan potensi peluang pendapatan untuk meningkatkan kecepatan situs seluler Anda, berdasarkan data tolok ukur dari Google Analytics.

Chrome Developer Tools

Chrome Developer Tools

Memungkinkan Anda membuat profil runtime halaman, serta mengidentifikasi dan melakukan debug bottleneck performa.

Jadi, Anda...

Ikon buku yang menampilkan 
diagram dan grafik.

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.
Ikon laptop dengan logo Chrome di belakang dan sedikit di atasnya.

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.

Ikon halaman hasil audit
Lighthouse.

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.

Ikon kaca pembesar
di atas {i>bug<i}.

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.