Laporan performa web
Mengoptimalkan performa toko online dapat meningkatkan pengalaman berbelanja pelanggan, meningkatkan kemudahan toko untuk ditemukan, dan menaikkan tingkat konversi. Laporan performa web dapat membantu Anda memahami performa toko Anda sesuai standar industri untuk kecepatan memuat, interaktivitas, dan stabilitas visual, yang dikenal sebagai Core Web Vitals.
Laporan ini menampilkan performa etalase toko online Anda di seluruh Core Web Vitals: kecepatan memuat, interaktivitas, dan stabilitas visual. Laporan ini berisi informasi tentang pengalaman desktop dan seluler, distribusi pengalaman dalam peringkat performa yang diberikan, dan menampilkan bagaimana perubahan yang telah Anda buat memengaruhi pengalaman etalase toko online Anda, seperti penginstalan aplikasi, pembaruan tema, dan kode baru.
Karena proses pelacakan dan penghitungan, data dalam laporan ini mungkin tertunda hingga 36 jam. Data performa web hanya tersedia untuk 90 hari terakhir.
Pelajari selengkapnya tentang cara mengukur performa web.
Di halaman ini
Melihat data performa web toko Anda
Untuk melihat laporan performa web toko, Anda harus memiliki izin staf Laporan. Untuk mendapatkan dasbor yang berisi Metrik Pengguna Nyata (RUM), Anda harus menghapus perlindungan kata sandi toko online Anda.
Anda dapat mengakses laporan performa web dari waktu ke waktu dari ringkasan metrik performa di halaman Tema, atau Anda dapat mengakses semua laporan performa web dari daftar Laporan di admin Shopify.
Melihat ringkasan metrik performa
Ringkasan metrik performa ditampilkan di halaman Tema pada admin Shopify, dan memberikan ringkasan singkat 3 Core Web Vitals toko Anda dari waktu ke waktu. Pelajari selengkapnya tentang ringkasan metrik performa.
Langkah-langkah:
Dari admin Shopify, buka Toko Online > Tema.
Opsional: Gunakan
pemilih tanggal untuk menampilkan data dari rentang tanggal yang dipilih. Anda dapat memilih antara Hari ini, 7 hari terakhir, dan 30 hari terakhir.Opsional: Gunakan ringkasan metrik performa untuk mengakses laporan:
- Klik LCP P75 (md) untuk mengakses laporan Largest Contentful Paint: Over Time.
- Klik INP P75 (ms) untuk mengakses laporan Interaction to Next Paint: Over Time.
- Klik Cumulative Layout Shift untuk mengakses laporan Cumulative Layout Shift: Over Time.
- Opsional: Klik Sesi menurut Jenis Perangkat untuk mengakses laporan Sesi menurut jenis perangkat.
Melihat laporan performa web
Ada beberapa laporan performa web yang tersedia di daftar Laporan pada admin Shopify. Anda dapat menyesuaikan laporan-laporan ini untuk menampilkan data yang Anda inginkan menggunakan panel konfigurasi atau editor kueri ShopifyQL.
Pelajari selengkapnya tentang menggunakan laporan Shopify.
Langkah-langkah:
Dari admin Shopify, buka Analitik > Laporan.
Di kolom Cari laporan, cari laporan yang ingin Anda akses secara langsung:
- Untuk menampilkan semua laporan performa web, cari menggunakan titik dua :.
- Untuk menampilkan laporan tentang Largest Contentful Paint, cari menggunakan kata kunci contentful.
- Untuk menampilkan laporan tentang Interaction to Next Paint, cari menggunakan kata kunci next.
- Untuk menampilkan laporan tentang Cumulative Layout Shift, cari menggunakan kata kunci cumulative.
Klik nama laporan yang ingin Anda buka.
Ringkasan metrik performa web
Ringkasan metrik performa web memberi Anda wawasan tentang performa toko online Anda, berdasarkan data pengguna nyata dari 30 hari terakhir. Ringkasan ini mengevaluasi toko Anda terhadap 3 Core Web Vitals, dan memberikan peringkat Baik, Sedang, atau Buruk untuk setiap metrik. Peringkat ini mencerminkan 75% pengalaman pengguna teratas.
Ringkasan metrik performa web mencakup informasi berikut:
- Peringkat Largest Contentful Paint (LCP) toko Anda, yang mengukur kecepatan memuat, berdasarkan seberapa cepat elemen terbesar di layar menjadi terlihat.
- Peringkat Interaction to Next Paint (INP) toko Anda, yang mengukur interaktivitas, berdasarkan jumlah waktu yang dibutuhkan browser untuk menampilkan bingkai berikutnya atau menampilkan perubahan di layar setelah interaksi pengguna, seperti mengeklik link atau tombol.
- Peringkat Cumulative Layout Shift (CLS) toko Anda, yang mengukur stabilitas visual, berdasarkan seberapa banyak konten bergeser secara tidak terduga saat menavigasi halaman.
- Sesi pengunjung online toko Anda, dibagi menurut jenis perangkat.
Berikut adalah peringkat yang tersedia untuk 3 Core Web Vitals dalam ringkasan metrik performa web:
| Core Web Vital | Peringkat | Metrik Target | Deskripsi |
|---|---|---|---|
| Largest Contentful Paint (LCP) | Baik | Kurang dari atau sama dengan 2.500 md | Sebagian besar pengguna merasakan pemuatan halaman yang cepat. |
| Sedang | Lebih dari 2.500 md dan kurang dari 4.000 md | Beberapa pengguna merasakan pemuatan halaman yang cepat, tetapi masih ada ruang untuk perbaikan. | |
| Buruk | Lebih dari 4000 md | Sebagian besar pengguna mengalami pemuatan halaman yang lambat. Hal ini perlu ditingkatkan. | |
| Interaction to Next Paint (INP) | Baik | Kurang dari atau sama dengan 200 md | Sebagian besar pengguna merasakan daya tanggap yang baik pada halaman. |
| Sedang | Lebih dari 200 md dan kurang dari 500 md | Beberapa pengguna merasakan daya tanggap yang baik pada halaman, tetapi masih ada ruang untuk perbaikan. | |
| Buruk | Lebih dari 500 md | Sebagian besar pengguna mengalami daya tanggap yang lambat pada halaman, yang akan membuat frustrasi dan perlu ditingkatkan. | |
| Cumulative Layout Shift (CLS) | Baik | Kurang dari atau sama dengan 0,1 | Sebagian besar pengguna merasakan tata letak yang stabil saat halaman dimuat. |
| Sedang | Lebih dari 0,1 dan kurang dari 0,25 | Beberapa pengguna merasakan tata letak yang stabil saat halaman dimuat, tetapi masih ada ruang untuk perbaikan. | |
| Buruk | Lebih dari atau sama dengan 0,25 | Sebagian besar pengguna merasakan tata letak yang tidak stabil saat halaman dimuat, yang dapat mengganggu pengguna dan perlu ditingkatkan. |
Jika peringkat Anda dalam metrik apa pun adalah Sedang atau Buruk, Anda harus mempertimbangkan untuk menggunakan laporan Performa Web guna menentukan penyebab masalah dan mengambil langkah untuk mengatasinya.
Laporan performa web dari waktu ke waktu
Anda dapat meninjau performa web situs Anda dari waktu ke waktu untuk 3 Core Web Vitals dari laporan performa web Anda:
- Largest Contentful Paint: Dari Waktu ke Waktu
- Interaction to Next Paint: Dari Waktu ke Waktu
- Cumulative Layout Shift: Dari Waktu ke Waktu
Secara default, data ditampilkan untuk persentil ke-75 dari Core Web Vital yang relevan, dalam milidetik, tetapi Anda dapat menggunakan panel konfigurasi laporan untuk menyesuaikan laporan agar sesuai dengan kebutuhan. Anda juga dapat menyesuaikan berbagai Dimensi dan Filter seperti rentang waktu, pengelompokan tanggal, dan jenis perangkat, untuk mencerminkan traffic ke situs Anda dengan sebaik-baiknya. Pelajari selengkapnya tentang menyesuaikan laporan Anda.
Visualisasi diagram garis menampilkan bagaimana perubahan yang dibuat pada toko online Anda, seperti penginstalan aplikasi, pembaruan tema, dan kode baru, telah memengaruhi Core Web Vital dari waktu ke waktu. Visualisasi ini berisi elemen tambahan berikut:
- Skor Ringkasan performa web, yang dihitung selama rentang tanggal yang dipilih.
- Tag anotasi peristiwa, yang direpresentasikan sebagai garis vertikal bernomor dalam grafik, yang dapat Anda arahkan kursornya untuk melihat informasi selengkapnya tentang potensi perubahan di toko Anda yang dapat memengaruhi performa web.
- Ambang batas skor performa web, yang direpresentasikan oleh garis horizontal di sepanjang grafik, yang menunjukkan ambang batas antara hasil Baik, Sedang, dan Buruk.
Diagram batang di kolom metrik distribusi dari tabel data menampilkan berapa banyak kunjungan halaman yang termasuk dalam setiap kategori performa: baik (hijau), sedang (kuning), atau buruk (merah).
Laporan performa web berdasarkan URL halaman
Anda dapat meninjau performa web situs Anda untuk setiap URL halaman individual untuk 3 Core Web Vitals dari laporan performa web Anda:
- Largest Contentful Paint: URL Halaman
- Interaction to Next Paint: URL Halaman
- Cumulative Layout Shift: URL Halaman
Secara default, data menampilkan peristiwa untuk persentil ke-75 dari Core Web Vital yang relevan, dalam milidetik, tetapi Anda dapat menggunakan panel konfigurasi laporan untuk menyesuaikan laporan agar sesuai dengan kebutuhan. Anda juga dapat menyesuaikan berbagai Dimensi dan Filter seperti rentang waktu, pengelompokan tanggal, dan jenis perangkat, untuk mencerminkan traffic ke situs Anda dengan sebaik-baiknya. Pelajari selengkapnya tentang menyesuaikan laporan Anda.
Laporan ini tidak berisi visualisasi grafis. Laporan ini hanya menampilkan tabel data. Secara default, dimensi utama dalam tabel adalah Jalur halaman. Diagram batang di kolom metrik distribusi menampilkan berapa banyak kunjungan halaman yang termasuk dalam setiap kategori performa: baik (hijau), sedang (kuning), atau buruk (merah).
Laporan performa web berdasarkan jenis halaman
Anda dapat meninjau performa web situs Anda yang dipisahkan berdasarkan jenis halaman untuk 3 Core Web Vitals dari laporan performa web Anda:
- Largest Contentful Paint: Jenis Halaman
- Interaction to Next Paint: Jenis Halaman
- Cumulative Layout Shift: Jenis Halaman
Secara default, data ditampilkan untuk persentil ke-75 dari Core Web Vital yang relevan, dalam milidetik, tetapi Anda dapat menggunakan panel konfigurasi laporan untuk menyesuaikan laporan agar sesuai dengan kebutuhan. Anda juga dapat menyesuaikan berbagai Dimensi dan Filter seperti rentang waktu, pengelompokan tanggal, dan jenis perangkat, untuk mencerminkan traffic ke situs Anda dengan sebaik-baiknya. Pelajari selengkapnya tentang menyesuaikan laporan Anda.
Laporan ini tidak berisi visualisasi grafis. Laporan ini hanya menampilkan tabel data. Secara default, dimensi utama dalam tabel adalah Jenis halaman. Diagram batang di kolom metrik distribusi menampilkan berapa banyak kunjungan halaman yang termasuk dalam setiap kategori performa: baik (hijau), sedang (kuning), atau buruk (merah).
Menggunakan laporan performa web
Setelah ringkasan metrik performa web Anda memiliki jumlah data yang cukup untuk menampilkan skor Core Web Vitals, Anda dapat menggunakan laporan performa untuk mempersempit potensi masalah yang mungkin memengaruhi skor performa web Anda. Setelah Anda mengidentifikasi halaman atau elemen yang mungkin memengaruhi performa web, Anda dapat membuat keputusan yang tepat tentang di mana dan bagaimana Anda ingin mengoptimalkan toko.
Perlu diingat bahwa faktor-faktor tertentu berada di luar kendali Anda, seperti perangkat, jaringan, dan lokasi pelanggan. Pelanggan di seluruh dunia mengunjungi toko Anda menggunakan perangkat dan koneksi internet yang berbeda, yang berarti toko Anda mungkin dimuat lebih cepat atau lebih lambat bagi mereka, tergantung pada faktor-faktor ini. Selama metrik keseluruhan baik, jangan terlalu khawatir jika beberapa tanggal atau halaman termasuk dalam kategori sedang atau buruk.
Anda dapat mengikuti langkah-langkah umum ini untuk menyelidiki peluang optimisasi performa web:
- Tinjau ringkasan metrik performa untuk gambaran umum tentang skor Core Web Vital yang mungkin memerlukan optimisasi.
- Untuk Core Web Vital tertentu, gunakan 3 laporan terkait untuk menelusuri data toko Anda lebih lanjut:
- Gunakan laporan Dari Waktu ke Waktu untuk menyelidiki kapan dampak terhadap skor tertentu mungkin terjadi.
- Gunakan laporan Jenis Halaman untuk menyelidiki apakah template halaman tertentu menunjukkan dampak pada performa web.
- Gunakan laporan URL Halaman untuk menyelidiki apakah halaman tertentu menunjukkan dampak pada performa web.
- Berdasarkan periode waktu, halaman, dan elemen yang Anda identifikasi memengaruhi performa web, Anda dapat melanjutkan untuk meningkatkan skor Core Web Vital dengan lebih yakin tentang apa yang secara spesifik dapat menyebabkan masalah tersebut.
Untuk mempelajari cara meningkatkan performa toko online, kunjungi Meningkatkan performa toko online Anda.