Waktu perubahan rute untuk aplikasi satu halaman

Dalam aplikasi multi-halaman tradisional, ketika pengguna meminta konten baru untuk dimuat, pengguna sebenarnya meminta halaman HTML baru dari server. Akibatnya, klien web CloudWatch RUM menangkap waktu muat menggunakan metrik API kinerja reguler.

Namun, aplikasi web satu halaman menggunakan JavaScript dan Ajax untuk memperbarui antarmuka tanpa memuat halaman baru dari server. Pembaruan satu halaman tidak direkam oleh API waktu browser, alih-alih menggunakan waktu perubahan rute.

CloudWatch RUM mendukung pemantauan beban halaman penuh dari server dan pembaruan satu halaman, dengan perbedaan berikut:

• Untuk waktu perubahan rute, tidak ada metrik yang disediakan browser seperti tlsTime, timeToFirstByte, dan sebagainya.

• Untuk waktu perubahan rute, bidang initiatorType adalah route_change.

Klien web CloudWatch RUM mendengarkan interaksi pengguna yang dapat menyebabkan perubahan rute, dan ketika interaksi pengguna tersebut direkam, klien web mencatat stempel waktu. Kemudian waktu perubahan rute akan dimulai jika kedua hal berikut benar:

• API riwayat browser (kecuali tombol maju dan mundur browser) digunakan untuk melakukan perubahan rute.

• Perbedaan antara waktu deteksi perubahan rute dan timestamp interaksi pengguna terbaru kurang dari 1000 ms. Ini menghindari penyimpangan data.

Kemudian, setelah waktu perubahan rute dimulai, waktu tersebut selesai jika tidak ada permintaan AJAX dan mutasi DOM yang sedang berlangsung. Kemudian timestamp dari aktivitas yang selesai terakhir akan digunakan sebagai timestamp penyelesaian.

Waktu perubahan rute akan habis jika ada permintaan AJAX yang sedang berlangsung atau mutasi DOM selama lebih dari 10 detik (secara default). Dalam hal ini, klien web CloudWatch RUM tidak akan lagi mencatat waktu untuk perubahan rute ini.

Akibatnya, durasi peristiwa perubahan rute dihitung sebagai berikut:

(time of latest completed activity) - (latest user interaction timestamp)