Skip to main content

How it works

Principle of product monitoring​

When a user initiates a page request to a server through a browser of various devices, the server returns the page in which the JS probe is embedded, and the browser records performance data such as resource loading, page rendering and the like on the page, The basic tune listening cloud browser probe will upload the performance data and error data to the data center through the HTTP/HTTPS protocol, and then make a statistical summary of these data to generate a visual chart for customer analysis.

Principle of page performance data collection​

Listen to the keynote cloud Web with the help of Navigation Timing API page performance data.

Navigation Timing API Browser Compatibility:

Performance data samples:

Page tracking data collection principle​

Listen to the cloud Web with the help of Resource Timing API page tracking data.

When the page load time exceeds the set tracking threshold, the system collects the following slow page performance data:

  • Page element URL

  • The point at which an element starts loading and finishes loading

  • Time of element DNS, TCP connection, SSL handshake, first packet, remaining packets, etc.

-Event Time for Navigation Timing

Resource Timing API:

Resource Timing API browser compatibility:

JS error data collection principle​

Keynote listening cloud Web uses Javascript Error Reporting to collect JS error data.

Collected JS error data includes:

  • Error page or script URL

  • Reference page URL

-Error Message

  • Error location: line and column number

-Basic browser information

JS error data sample:

Ajax Performance Data Collection Principles​

Listen to the cloud Web with the help of XML Http Request (XHR) specification Ajax performance data.

Collecting Ajax performance data includes:

  • Ajax request URL

  • Reference page URL

-Ajax Request Response Time

-Ajax request response code (200, 4 XX, 5 XX)

-Ajax callback time

Sample Ajax performance data: