Method for fetching callback execution time of asynchronous request of user

Abstract

The invention relates to the field of Internet monitoring, in particular to a method for fetching the callback execution time of the asynchronous request of a user. The method is used for monitoring time spent when the callback function code of the asynchronous request (Ajax) in a webpage is executed, and is convenient for analyzing the performance of the asynchronous request. According to a principle of a single thread, when an asynchronous callback function is executed, a timer which is set to be zero is immediately added, the callback in the timer can be put in a queue, and is immediately pushed into a main thread to be executed when the js (JavaScript) main thread is idle, and codes in the timer are immediately executed when the callback function code finishes being executed. The time of callback execution beginning to callback execution to timer execution is on the same line, callback end is identified through the execution of the timer, and required time is calculated.

Description

technical field [0001] The invention relates to the field of Internet web performance monitoring, in particular to a method for capturing user asynchronous request callback execution time. Background technique [0002] Before the present invention, the current upgrades of major browsers have been continuously optimized for performance improvement, and users are becoming more and more sensitive to experience. Many products have begun to pay attention to user experience, and many user experience monitoring has appeared. Products, such as foreign newrelic, dynatrace, and domestic uyun (Youyun), oneapm, etc. As a front-end developer, the focus is on web performance. The performance measurement of the Web can be roughly divided into two parts, one part is the loading time of the page and external resources, and the other part is the display time during the interaction between the user and the page. The first part has many corresponding optimization solutions, such as cdn, css s...

AI Technical Summary

Problems solved by technology

On the other hand, with the popularity of web applications, there are more and more single-page applications, all of which use asynchronous requests to update pages, and the performance of asynchronous requests needs to be paid more and more attention. For monitoring and optimization, the industry does not have a good solution for capturing the execution time of asynchronous request callbacks. Although this time is relatively short, it is still necessary to show this time to the user in terms of increasing user experience. user, allowing the user to do further analysis; in view of this, the present invention is proposed

Images