Page performance collection method, device and electronic equipment

Abstract

Embodiments of the present disclosure provide a method, device, and electronic device for collecting page performance, which belong to the field of computer technology. In the case of the single-page application, obtain the start loading time t0 of the single-page application; obtain the page document loading completion time t1 and the page resource loading completion time t2, wherein the page document loading completion time t1 indicates the time when the DOM document structure is ready, and the page resource The loading completion time t2 indicates the time when the form loading is completed; obtain the time t3 when the page is first loaded or the Ajax request is executed and rendered when the single-page application is loaded; and the page is loaded according to the time t0, time t1, time t2, and time t3 time. Through the processing solution of the present disclosure, the complete presentation time of the page can be obtained.

Description

technical field [0001] The present disclosure relates to the field of computer technology, and in particular to a page performance collection method, device and electronic equipment. Background technique [0002] A single page referrer is a model of a web application or website that interacts with users by dynamically rewriting the current page, rather than traditionally reloading an entire new page from the server. [0003] Currently, the performance collection methods for single-page applications include the following methods: [0004] 1. Browser-based performance tools, such as chrome's performance tool, but this method cannot collect the collected data to the server for unified processing, and can only collect data for a single device, and it depends on a specific browser. The process cannot be fully automated, and it is necessary to manually define the start and end times of page loading. [0005] 2. Implementation based on specific JS frameworks or components such as...

AI Technical Summary

Problems solved by technology

[0004] 1. Browser-based performance tools, such as chrome's performance tool, but this method cannot collect the collected data to the server for unified processing, and can only collect data for a single device, and it depends on a specific browser to do so

The process cannot be fully automated, and it is necessary to manually define the start and end time of page loading

[0005] 2. Implementation based on specific JS frameworks or components such as Vue, such as processing specific events of Vue to obtain performance data, but this method is limited by specific JS frameworks or component technologies, and data collection cannot be realized under other frameworks. The scope of use restricted

[0006] 3. Performance collection based on page loading. At present, many front-end performance collections rely on page reloading, which is processed through the onload and domready events of the page, but this method cannot handle single-page applications that do not refresh the page

Images