Application Real-Time Monitoring Service:Pelacakan sesi lambat

Aktifkan pelaporan resource statis di SDK

Secara default, SDK ARMS Browser Monitoring tidak melaporkan data resource statis. Untuk mengaktifkan pelacakan sesi lambat, atur sendResource ke true dalam objek config SDK:

<script>
!(function(c,b,d,a){c[a]||(c[a]={});c[a].config={pid:"atc889zkcf@8cc3f6354******",imgUrl:"https://arms-retcode.aliyuncs.com/r.png?",sendResource:true};
with(b)with(body)with(insertBefore(createElement("script"),firstChild))setAttribute("crossorigin","",src=d)
})(window,document,"https://retcode.alicdn.com/retcode/bl.js","__bl");
</script>

Ganti nilai pid dengan PID aplikasi Anda sendiri dari Konsol ARMS.

Setelah Anda melakukan redeploy aplikasi, SDK akan melaporkan data waktu pemuatan resource statis setiap kali halaman memicu event onload.

Ambang batas pengambilan sampel data

Mengaktifkan sendResource menghasilkan volume telemetri yang besar. Untuk membatasi overhead, ARMS melakukan pengambilan sampel data berdasarkan waktu pemuatan halaman:

Ukuran menampilkan 0 di grafik air terjun resource

Nilai Size berasal dari API browser PerformanceResourceTiming.transferSize. API ini mengembalikan 0 dalam dua kasus:

• Resource disajikan dari cache browser.

• Resource bersifat cross-origin dan server tidak menyetel header Timing-Allow-Origin.

Untuk memverifikasi, buka Chrome DevTools (F12), buka tab Network, dan pilih Disable cache. Muat ulang halaman — nilai transferSize seharusnya muncul.

Waktu menampilkan 0 di grafik air terjun resource

Nilai Time berasal dari PerformanceResourceTiming.duration. Nilai ini mengembalikan 0 ketika browser menyajikan resource dari cache berumur panjang yang dikontrol oleh direktif max-age, karena tidak ada permintaan jaringan yang terjadi.

Untuk mengonfirmasi, buka Chrome DevTools (F12), buka tab Network, pilih Disable cache, lalu refresh. Nilai waktu seharusnya muncul.

Resource cross-origin mengembalikan 0 untuk semua bidang waktu

Karena kebijakan asal sama (same-origin policy), browser mengembalikan 0 untuk atribut waktu berikut pada resource cross-origin:

redirectStart, redirectEnd, domainLookupStart, domainLookupEnd, connectStart, connectEnd, secureConnectionStart, requestStart, responseStart

Untuk memperbaikinya, tambahkan header Timing-Allow-Origin ke respons resource cross-origin:

Timing-Allow-Origin: *

Hal ini memberikan akses ke data waktu pemuatan resource untuk semua origin. Untuk kontrol yang lebih granular, tentukan origin tertentu alih-alih menggunakan *.

Rentang waktu grafik air terjun API

Grafik air terjun API mencakup periode dari awal pemuatan halaman hingga satu menit setelah halaman dimuat sepenuhnya. Grafik ini menampilkan status keseluruhan permintaan API yang dilakukan selama pemuatan halaman.

Waktu respons API berbeda antara grafik air terjun

Waktu respons di grafik air terjun API biasanya beberapa milidetik lebih lama daripada di grafik air terjun resource karena kedua grafik mengukur waktu dengan metode berbeda:

Perbedaan ini tidak signifikan dan tidak memengaruhi analisis bottleneck.

Titik awal garis waktu grafik air terjun API

Titik awal garis waktu di grafik air terjun API sama dengan selisih antara waktu pengiriman permintaan API dan timestamp fetchStart halaman. Hal ini menunjukkan kapan setiap permintaan API dipicu relatif terhadap siklus hidup pemuatan halaman.