Application Real-Time Monitoring Service:ARMS frontend monitoring

Mengapa Anda memerlukan pemantauan frontend?

Saat pengguna mengakses layanan Anda, proses akses tersebut terdiri dari tiga tahap utama: pembuatan halaman (status sisi server), pemuatan halaman, dan waktu proses halaman.

Untuk memastikan stabilitas layanan, Anda biasanya memantau operasi sisi server. Meskipun sistem pemantauan sisi server yang ada relatif matang, pemantauan status pemuatan dan waktu proses halaman sering kali diabaikan. Contohnya:

• Anda tidak dapat langsung mengetahui ketika pengguna mengalami error di situs Anda.

• Anda tidak mengetahui kecepatan akses aktual yang dialami pengguna di berbagai negara dan wilayah.

• Aplikasi Anda melakukan banyak panggilan data asinkron, tetapi Anda tidak mengetahui performa dan tingkat keberhasilannya.

Solusi kami

ARMS Frontend Monitoring memantau proses pemuatan halaman dan status waktu prosesnya. Layanan ini mengirimkan data mengenai performa pemuatan halaman, exception selama waktu proses, serta status dan latensi panggilan API ke server log. ARMS memanfaatkan layanan analisis dan pemrosesan log waktu nyata berskala besar untuk memantau pengalaman pengguna riil Anda, lalu menyajikan data tersebut dalam laporan intuitif guna membantu Anda segera mengidentifikasi dan mendiagnosis masalah.

Pada panel navigasi kiri Konsol ARMS, pilih Frontend Monitoring untuk membuka halaman ikhtisar. Halaman ini menampilkan data pemantauan inti—seperti kecepatan pemuatan halaman, laju error JS, dan tingkat keberhasilan API—dalam kartu metrik untuk memberikan gambaran cepat mengenai kesehatan aplikasi Anda.

Skenario yang didukung

ARMS Frontend Monitoring mendukung skenario berikut:

• Web/H5

• Weex

• Mini program DingTalk

• Mini program Alipay

• Mini program WeChat

• Mini program lainnya

Kemampuan

ARMS Frontend Monitoring menyediakan berbagai kemampuan berikut:

• Kecepatan pemuatan halaman

  ARMS Frontend Monitoring mengukur berbagai metrik performa halaman, termasuk waktu render pertama, waktu First Contentful Paint (FCP), waktu DOM ready, dan waktu pemuatan resource.

• Diagnosis error JS

  Fitur diagnosis error JS pada ARMS Frontend Monitoring menampilkan informasi dasar dan distribusi error JS. Fitur ini juga membantu Anda melacak aksi pengguna untuk segera menemukan sumber setiap error.

• Pemantauan permintaan API

  ARMS Frontend Monitoring menyediakan detail setiap permintaan API dalam aplikasi Anda, termasuk tingkat keberhasilan, informasi respons, serta latensi rata-rata untuk permintaan yang berhasil maupun gagal.

• Pelacakan terdistribusi

  Fitur pelacakan terdistribusi menghubungkan permintaan API dari frontend ke panggilan backend yang sesuai, sehingga memberikan jejak lengkap seluruh jalur eksekusi kode.

Kompatibilitas browser dan platform