A method for measuring the full rendering time of the first screen of a web page

Abstract

The invention discloses a method for measuring full rendering time of a front page of a webpage. The method includes the steps of building a mapping relation between resource elements and nodes of a render tree via URL (uniform resource locator), and storing the mapping relation in a mapping table; according to the mapping table, calculating a URL set of the resource elements within the front page; in the URL set of the resource elements within the front page, according to a relational table of coordinates of element nodes and completion time, calculating the elements finally loaded. The method has the advantages that the tree feeling of users browsing the webpage can be more accurately tested, the accuracy of displaying the front page of the webpage is improved, the true time of completion for full rendering of all elements within the front page is accurately tested, the tested time is the time when all elements within the front page are fully rendered, namely the time when all elements within the front page are fully displayed, and the time is the time when the first page of the web opens and which the user truly feels with eyes.

Description

technical field [0001] The invention relates to a measurement method, in particular to a method for measuring the complete rendering time of the first screen of a webpage. Background technique [0002] In the current application performance management platform (APM), an important indicator to describe the performance of a website is the first-screen performance of the website, and the first-screen performance is not the standard behavior and structure that a web page should have in the standards stipulated by W3C. Therefore, major browser manufacturers have not designed related interfaces and events for the performance of the first screen in the event processing of the browser, but for web page developers and web page viewers, this performance can really reflect a web page The subjective feeling of the user when opening. In response to this requirement, all major performance management platforms have added such an indicator, that is, the performance of the first screen, whi...

AI Technical Summary

Problems solved by technology

[0004] 1. There are errors in the value of the performance of the first screen; the calculation method of the performance of the first screen is to query the rendering height of the current browser in real time when browsing the webpage, and in order to increase the user-friendliness of modern browsers, the rendering generally adopts batch, large area Rendering strategy, which leads to a large jump in the value of the queried height of the first screen. For example, the queried value may be the following sequence of values: 0,0,500,1800,1800 (unit: pixel)

If we set the height of the first screen to be 600 pixels, we can only approximately select the moment when we found that the rendering height is 1800 pixels as our first screen performance, which leads to a large difference in the value of our first screen performance. error

[0005] 2. The first-screen performance index cannot accurately describe whether the content within the current first-screen range has been rendered; because the calculation method of the first-screen performance is to query the vertical rendering height of the current rendering window in real time through the Dom interface of the browser, while the horizontal rendering The data is not considered, which leads to the fact that within the specified rendering height range, the content on the left may have been rendered, but the content on the right has not yet started rendering, so it cannot accurately reflect the time when the first screen is completely rendered

[0006] 3. The calculation method of the first screen performance is flawed; because the calculation method of the first screen performance is that we actively query the current rendering height of the browser at a certain cycle frequency through the Dom interface provided by the browser, and if the cycle frequency is set Not suitable, if the period is too long, the moment when we query the value is not the moment when the browser actually renders to this height, which will lead to a large error

Images