Pemuatan halaman yang lambat dapat menyebabkan pengguna meninggalkan situs dan menurunkan peringkat pencarian. Namun, mengidentifikasi hambatan—baik itu DNS, respons server, pemuatan resource, maupun rendering sisi klien—memerlukan data waktu terperinci dari pengguna nyata. Halaman Page Speed di Pemantauan Browser ARMS mengumpulkan metrik Navigation Timing API dari sesi browser aktual dan memecahnya berdasarkan fase pemuatan, geografi, perangkat, jaringan, serta versi browser sehingga Anda dapat mengidentifikasi secara tepat di mana waktu terbuang.
Setelah menghubungkan aplikasi ke Pemantauan Browser ARMS, halaman Page Speed menampilkan:
Tren waktu pemuatan halaman untuk metrik utama (FPT, TTI, Load, dan lainnya)
Grafik air terjun yang menunjukkan waktu yang dihabiskan pada setiap fase pemuatan
Distribusi kecepatan pemuatan di seluruh basis pengguna Anda
Jejak 20 sesi halaman paling lambat dengan detail tingkat resource
Pemecahan berdasarkan geografi, perangkat, jaringan, dan versi browser
Untuk melaporkan metrik performa kustom seperti waktu render pertama atau time to interact, lihat metode SDK.
Buka halaman Page Speed
Login ke Konsol ARMS.
Di panel navigasi sebelah kiri, pilih .
Di bilah navigasi atas, pilih wilayah, lalu klik nama aplikasi.
Di panel navigasi sebelah kiri, pilih .
Di bagian Page Speed, urutkan halaman berdasarkan FPT atau page views (PVs). Klik panah ke atas atau ke bawah untuk mengubah urutan pengurutan.
Diagnosis masalah pemuatan halaman
Mulai dengan Page Load Time Details untuk mendeteksi anomali, gunakan Page Load Waterfall Plot untuk mengisolasi fase yang lambat, periksa Performance Distribution untuk menilai dampak terhadap pengguna, lalu periksa sesi individual di Slow Page Session Trace(TOP20).
Page Load Time Details
Bagian ini menampilkan tren metrik dari waktu ke waktu. Grafik kurva menunjukkan nilai rata-rata untuk setiap metrik dalam rentang waktu yang dipilih.
Rata-rata sensitif terhadap pencilan. Satu permintaan lambat di jaringan lemah dapat mengubah rata-rata. Untuk menyaring nilai ekstrem, klik ikon
di pojok kanan atas.Segera selidiki lonjakan. Jika suatu metrik meningkat tajam, gunakan bagian Performance Sample Distribution dan Slow Page Session Trace(TOP20) untuk mengidentifikasi penyebabnya.
Page Load Waterfall Plot
Grafik air terjun menunjukkan waktu yang dihabiskan pada setiap fase pemuatan—pencarian DNS, koneksi TCP, TTFB, transfer data, penguraian DOM, dan pemuatan resource—secara berurutan. Setiap batang mewakili durasi rata-rata untuk fase tersebut. Batang yang jauh lebih panjang langsung menunjukkan hambatan.
| Batang panjang | Kemungkinan penyebab | Tindakan yang disarankan |
|---|---|---|
| DNS | Resolusi DNS lambat | Gunakan DNS prefetching atau beralih ke penyedia DNS yang lebih cepat |
| TCP | Latensi atau kemacetan jaringan | Periksa jalur jaringan, pertimbangkan CDN yang lebih dekat ke pengguna |
| TTFB | Latensi sisi server | Optimalkan performa backend atau konfigurasi CDN |
| Trans | Muatan respons besar | Aktifkan kompresi, kurangi ukuran muatan |
| DOM | HTML kompleks atau skrip pemblokir | Sederhanakan struktur DOM, tunda skrip non-kritis |
| Res | Pemuatan resource berat | Optimalkan ukuran aset, atur header caching, muat resource secara paralel |
Distribusi performa
Bagian Performance Distribution menunjukkan distribusi waktu pemuatan di seluruh basis pengguna Anda.
Tab Performance Stacked Area Chart
Grafik area bertumpuk dengan sumbu horizontal menunjukkan waktu, yang menggambarkan perubahan proporsi pemuatan halaman cepat versus lambat dari waktu ke waktu.
Tab Performance Sample Distribution
Menunjukkan proporsi halaman pada setiap kecepatan pemuatan. Gunakan tab ini untuk menjawab pertanyaan seperti: berapa persen halaman yang dimuat dalam waktu 1 detik? Seberapa besar ekor panjang halaman yang dimuat lambat?
Slow Page Session Trace(TOP20)
Menampilkan 20 sesi halaman paling lambat dengan grafik air terjun tingkat resource untuk masing-masing. Periksa urutan pemuatan resource statis untuk mengidentifikasi hambatan—misalnya gambar besar yang tidak dikompresi, skrip yang memblokir rendering, atau permintaan pihak ketiga yang lambat.
Untuk analisis lebih mendalam, lihat Session tracing.
Analisis performa berdasarkan dimensi
Kecepatan pemuatan halaman bergantung pada lebih dari sekadar kode Anda. Lokasi geografis pengguna, kualitas jaringan, jenis perangkat, dan versi browser semuanya berperan. Halaman Page Speed menyediakan empat pemecahan untuk mengisolasi faktor-faktor ini:
| Pemecahan | Apa yang diungkapkan |
|---|---|
| Distribusi geografis | Wilayah dengan waktu pemuatan yang konsisten lambat—kemungkinan celah cakupan CDN |
| Distribusi terminal | Jenis perangkat (desktop vs. mobile, OS, resolusi layar) yang berkorelasi dengan performa |
| Distribusi jaringan | Dampak penyedia layanan atau jenis koneksi (4G, Wi-Fi, broadband) terhadap waktu pemuatan |
| Distribusi versi | Perbedaan performa antar versi browser atau aplikasi |
Referensi metrik performa
Pemantauan Browser ARMS mengumpulkan metrik berdasarkan Navigation Timing API. Metrik tersebut dibagi menjadi dua kategori: indikator kinerja utama yang mencerminkan pengalaman pengguna secara keseluruhan, dan bidang waktu fase yang mengukur tahapan pemuatan individual.
Metrik performa utama
| Metrik | Nama lengkap | Rumus | Apa yang diukur |
|---|---|---|---|
| FMP | First Meaningful Paint | N/A | Saat konten utama menjadi terlihat. Nilai FMP yang tinggi berarti pengguna menatap halaman kosong atau tidak lengkap sebelum melihat konten bermakna. |
| FPT | First Paint Time | responseEnd - fetchStart | Waktu dari inisiasi permintaan hingga browser mulai mengurai batch pertama dokumen HTML. |
| TTI | Time to Interactive | domInteractive - fetchStart | Saat browser selesai menguraikan semua dokumen HTML dan membangun DOM, serta mulai memuat resource. |
| Ready | HTML load complete | domContentLoadEventEnd - fetchStart | Waktu untuk sepenuhnya membangun DOM. Jika JavaScript sinkron dijalankan di halaman, waktu eksekusi skrip sama dengan Ready dikurangi TTI. |
| Load | Full page load | loadEventStart - fetchStart | Total waktu untuk memuat halaman sepenuhnya, termasuk semua resource. Dihitung sebagai: FPT + DOM + (Ready - TTI) + Res. |
| FirstByte | Time to first byte | responseStart - domainLookupStart | Waktu hingga browser menerima byte pertama dari server. Nilai FirstByte yang tinggi biasanya menunjukkan masalah pada DNS, jaringan, atau sisi server. |
Bidang waktu fase
| Bidang | Nama lengkap | Rumus | Apa yang diukur |
|---|---|---|---|
| DNS | DNS query time | domainLookupEnd - domainLookupStart | Waktu yang dihabiskan untuk menyelesaikan nama domain. |
| TCP | TCP connection time | connectEnd - connectStart | Waktu untuk membangun koneksi TCP. |
| TTFB | Time to first byte | responseStart - requestStart | Waktu respons server dari saat permintaan dikirim hingga byte pertama diterima. Untuk detail cara ARMS menghitung TTFB, lihat referensi developer Google. |
| Trans | Data transfer time | responseEnd - responseStart | Waktu untuk mentransfer badan respons. |
| DOM | DOM parsing time | domInteractive - responseEnd | Waktu bagi browser untuk mengurai HTML dan membangun pohon DOM. |
| Res | Resource loading time | loadEventStart - domContentLoadedEventEnd | Waktu untuk memuat resource sinkron (skrip, stylesheet, gambar) di halaman. |
| SSL | SSL handshake time | connectEnd - secureConnectionStart | Waktu untuk menyelesaikan handshake TLS/SSL. Hanya diisi untuk koneksi HTTPS. |