Page load time detection methods, devices, electronic equipment and storage media

Abstract

This invention provides a method, apparatus, electronic device, and storage medium for detecting page load time. The method includes obtaining the loading start time of a loading page and the loading completion time of each view within the page, where the loading completion time of each view is the time it takes for the view to complete its rendering operation. The loading completion time of the last view to complete its rendering operation is taken as the loading end time of the loading page, and the difference between the loading end time and the loading start time is taken as the loading time of the loading page. This invention uses an automated detection method to replace manual data entry, reducing labor costs, without requiring intrusion into the program's internal structure, and can obtain accurate and complete page load data, providing data support for business optimization.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of computer, in particular to a page loading time detection method and device, electronic equipment and storage medium. BACKGROUND

[0002] With the continuous development of random Internet technology, software applications play an essential role in people's lives. However, a slow-loading software application not only leads to a decline in user experience, but also makes users lose patience and trust. For some software application manufacturers, the speed of page loading directly affects their interests. For a product, the speed of page loading indirectly affects user retention and conversion. Therefore, it is very important to count the page loading time to optimize and shorten the page loading time. In related technologies, page loading time is counted by reporting page loading data through program embedding. However, since the reporting is performed after the network request is completed, it is difficult to accurately determine when the final end time is when there are multiple requests for a page. Moreover, it only records the end time of the page data request and does not record the page rendering time. It is possible that a white screen is displayed when entering the page or a login scenario is displayed, and the user cannot effectively view the page or use the data in the page. Therefore, this monitoring data method is not accurate. Moreover, embedding requires manual operation and invades the program internally, which not only has a huge workload, but also poses a security threat to the program and is not suitable for wide application. SUMMARY

[0003] The present application provides a page loading time detection method, device, electronic equipment and storage medium to solve the problem that the result of the page loading time detection method by embedding in the program is inaccurate, the workload is large, the program is threatened, and it is not suitable for wide application.

[0004] The present application provides a page loading time detection method, comprising:

[0005] obtaining a loading start time of a loading page and loading completion times of each view in the loading page, the loading completion time of each view being a time when the view completes a rendering operation;

[0006] taking the loading completion time of the view that completes the rendering operation last as a loading end time of the loading page, and taking a difference between the loading end time and the loading start time as a loading time of the loading page.

[0007] According to the page loading time detection method provided by the present application, the loading completion times of each view in the loading page are obtained, comprising:

[0008] obtaining position information of each view in the loading page;

[0009] Before the loading completion time of the current view is counted, it is inquired whether the loading completion time of other views corresponding to the position information in the loading page where the current view is located has been counted;

[0010] If yes, the loading completion time of the view that has been counted is taken as the loading completion time of the current view.

[0011] According to the page loading time detection method provided by the application, the loading page is a first screen page, the first screen page comprises a body window and a nested window, the loading start time of the loading page and the loading completion time of each view in the loading page are acquired, and the acquisition comprises:

[0012] The first screen display time, the loading completion time of each view in each body window and the loading completion time of each view in each nested window are acquired.

[0013] The loading completion time corresponding to the view that finishes the rendering operation last is taken as the loading end time of the first screen page, and the difference between the loading end time of the first screen page and the first screen display time is taken as the loading time of the first screen view.

[0014] The sum of the first screen display time and the loading time of the first screen view is taken as the loading time of the first screen page.

[0015] According to the page loading time detection method provided by the application, the first screen display time is acquired, and the acquisition comprises:

[0016] A page loading triggering event is captured, and the loading start time of the first screen page is acquired.

[0017] A page start loading event and a page display to screen event are captured, and the difference between the time when the page display to screen event is captured and the loading start time of the first screen page is taken as the first screen display time.

[0018] According to the page loading time detection method provided by the application, the loading page is a non-first screen page, the loading start time of the loading page and the loading completion time of all views in the loading page are acquired, and the acquisition comprises:

[0019] The loading start time of the non-first screen page and the loading completion time of each view in the non-first screen page are acquired.

[0020] The loading completion time corresponding to the view that finishes the rendering operation last is taken as the loading end time of the non-first screen page, and the difference between the loading end time of the non-first screen page and the loading start time of the non-first screen page is taken as the loading time of the non-first screen page.

[0021] The page loading time detection method provided by the application further comprises the following steps:

[0022] If the current view is a Toasts view, the loading completion time of the current view is not counted.

[0023] The page loading time detection method provided by the application further comprises the following steps:

[0024] If the same view is rendered for multiple times, the first rendering completion time of the same view is taken as the loading completion time of the view.

[0025] The application further provides a page loading time detection device, which comprises the following modules:

[0026] The acquisition module is used to acquire the loading start time of a loading page and the loading completion time of each view in the loading page, and the loading completion time of each view is the time when the view completes a rendering operation;

[0027] The detection module is used to take the loading completion time corresponding to the view that completes the rendering operation last as the loading end time of the loading page, and take the difference between the loading end time and the loading start time as the loading time of the loading page.

[0028] The application further provides an electronic device, which comprises a memory, a processor and a computer program stored in the memory and capable of running on the processor, and the processor implements the page loading time detection method of any one of the above-mentioned methods when executing the program.

[0029] The application further provides a non-transient computer readable storage medium, which stores a computer program, and the computer program is executed by a processor to implement the page loading time detection method of any one of the above-mentioned methods.

[0030] The page loading time detection method, device, electronic device and storage medium provided by the application acquire the loading start time of a loading page and the loading completion time of each view in the loading page, and the loading completion time of each view is the time when the view completes a rendering operation; take the loading completion time corresponding to the view that completes the rendering operation last as the loading end time of the loading page, and take the difference between the loading end time and the loading start time as the loading time of the loading page, so that the manual burying point is replaced by the automatic detection method, the labor cost is reduced, the program does not need to be intruded, and real and accurate full-page loading data can be acquired to provide data support for business optimization. BRIEF DESCRIPTION OF DRAWINGS

[0031] In order to more clearly illustrate the technical solutions of the present application or the prior art, the following will briefly introduce the drawings needed to be used in the embodiments or prior art description. Obviously, the drawings described below are some embodiments of the present application, and for those skilled in the art, other drawings can also be obtained without creative labor on the basis of these drawings.

[0032] Figure 1 is one of the flowcharts of the page loading time detection method provided by the present application;

[0033] Figure 2 is the second flowchart of the page loading time detection method provided by the present application;

[0034] Figure 3 is the third flowchart of the page loading time detection method provided by the present application;

[0035] Figure 4 is the page interactive time interpretation diagram provided by the present application;

[0036] Figure 5 is the principle diagram of the segmented calculation of the page loading time provided by the present application;

[0037] Figure 6 is the view rendering time disassembly diagram provided by the present application;

[0038] Figure 7 is the fourth flowchart of the page loading time detection method provided by the present application;

[0039] Figure 8 is the structural diagram of the page loading time detection device provided by the present application;

[0040] Figure 9 is the structural diagram of the electronic device provided by the present application. DETAILED DESCRIPTION

[0041] In order to make the purpose, technical solutions and advantages of the present application more clear, the technical solutions in the present application will be described clearly and completely below in combination with the drawings in the present application. Obviously, the described embodiments are some embodiments of the present application, not all embodiments. Based on the embodiments in the present application, all other embodiments obtained by those skilled in the art without creative labor belong to the scope of protection of the present application.

[0042] Figure 1 The flowchart of the page loading time detection method provided by the present application is shown in Figure 1 The page loading time detection method provided by the present application includes:

[0043] Step 101, obtain a loading start time of a loading page and loading completion times of respective views in the loading page, the loading completion time of each view being a time when the view completes a rendering operation;

[0044] Step 102, take the loading completion time corresponding to a view that completes the rendering operation last as a loading end time of the loading page, and take a difference between the loading end time and the loading start time as a loading time of the loading page.

[0045] The conventional page loading time detection is performed by burying points in a program, reporting page loading data, and then counting the page loading time, but since the reporting is performed after a network request is completed, when there are multiple requests for a page, it is impossible to accurately determine when the final end time is, and the page rendering time is not recorded, which may cause a white screen to be displayed when the page is entered or a login process to be displayed, and the user cannot effectively view the page or use data in the page. Therefore, this monitoring data method is not accurate. Moreover, the burying points need manual operation and intrusion into the program, which not only has a huge workload, but also has a security threat to the program, and is not suitable for wide application.

[0046] The page loading time detection method provided by the embodiment of the application obtains a loading start time of a loading page and loading completion times of respective views in the loading page, the loading completion time of each view being a time when the view completes a rendering operation; takes the loading completion time corresponding to a view that completes the rendering operation last as a loading end time of the loading page, and takes a difference between the loading end time and the loading start time as a loading time of the loading page, which uses an automatic detection method to replace manual burying points, reduces labor costs, does not need to intrude into the program, and can obtain real and accurate full page loading data to provide data support for business optimization.

[0047] Based on any of the above embodiments, as shown in Figure 2 the loading completion times of the respective views in the loading page are obtained, including:

[0048] Step 201, obtain position information of each view in the loading page;

[0049] Step 202, before counting the loading completion time of the current view, query whether the loading completion times of other views corresponding to the position information of the current view in the loading page have been counted, if yes, perform step 203, otherwise, perform step 204;

[0050] Step 203, take the loading completion times of the views that have been counted as the loading completion time of the current view;

[0051] Step 204, taking the current view rendering time as the loading completion time of the view.

[0052] In the embodiments of the present application, the same type of views displayed at the same position on the page have unique identifiers, and by identifying whether each identifier has been counted for the view loading completion time, it can be avoided that multiple views at the same position are counted repeatedly, and the accuracy of obtaining the page loading time is improved.

[0053] In some embodiments of the present application, before counting the loading completion time of the current view, the following steps are further included:

[0054] If the current view is a Toasts view, the loading completion time of the current view is not counted.

[0055] Since the Toasts view will automatically disappear and does not affect the page interactivity, the loading time of the Toasts view does not need to be counted when counting the page loading completion time.

[0056] Based on any of the above embodiments, the application includes a first screen and a non-first screen, and the first screen page can also include menu columns and other sub-views, so when counting the loading time of the first screen page, the loading time of the sub-views needs to be considered comprehensively, so as to realize the detection of the first screen page loading completion time of the application.

[0057] As shown in Figure 3 , the loading page is a first screen page, and the first screen page includes a main window and a nested window, and the loading start time of the loading page and the loading completion time of each view in the loading page are obtained, including:

[0058] Step 301, obtaining the first screen display time and the loading completion time of each view in each main window and the loading completion time of each view in each nested window;

[0059] In the embodiments of the present application, the page loading completion time can be calculated in segments, as shown in Figure 4 , the page loading completion time without asynchronous request includes the time of initialization, loading and display, and the page loading completion time with asynchronous request includes the time of initialization, loading, display and complete rendering. Since the traditional page loading time detection method ignores the complete rendering time, the page has not reached the interactive state at this time, and therefore the loading time counted by the traditional page loading time detection method is not accurate. When counting the page loading time with asynchronous request, it is needed to determine whether the page contains a sub-page, if the page contains a sub-page, the rendering time of the view in the currently displayed sub-page also needs to be counted in the parent page, so as to ensure the accuracy of the detection result and present the real page loading effect.

[0060] As shown in Figure 5As shown, the page loading completion time includes the first frame / first screen time, during which the page loading, start request page data, page display and other operations need to be performed, and at this time the page is not interactive; in the page containing sub-views that need to be asynchronously obtained, after the page data request is completed, the operation of rendering the page is performed, at this time the page is partially interactive; after the sub-view data is obtained, the operation of rendering the sub-view is performed, and after all the views of the first screen are rendered, the page can be fully interactive, at this time the page loading is completed, and the loading completion time counted at this time is the page interactive time, meeting the user requirement.

[0061] In the embodiment of the application, the first screen display time is obtained, including:

[0062] Step 3011, capturing a page loading trigger event, obtaining a loading start time of the first screen page;

[0063] Step 3012, capturing a page start loading event and a page display to screen event, taking the difference between the time of capturing the page display to screen event and the loading start time of the first screen page as the first screen display time.

[0064] Step 302, taking the loading completion time corresponding to the view of which the rendering operation is finally completed as the loading end time of the first screen page, and taking the difference between the loading end time of the first screen page and the first screen display time as the loading time of the first screen view;

[0065] Step 303, taking the sum of the first screen display time and the loading time of the first screen view as the loading time of the first screen page.

[0066] Based on any of the above embodiments, the loading page is a non-first screen page, and the loading start time of the loading page and the loading completion time of all views in the loading page are obtained, including:

[0067] Obtaining the loading start time of the non-first screen page and the loading completion time of each view in the non-first screen page;

[0068] Taking the loading completion time corresponding to the view of which the rendering operation is finally completed as the loading end time of the non-first screen page, and taking the difference between the loading end time of the non-first screen page and the loading start time of the non-first screen page as the loading time of the non-first screen page.

[0069] As Figure 6As shown, the page is composed of two windows (VC1 and VC2) nested, after the data request in the upper half of VC1 is successful, the data of the VC2 page will start to be loaded, S1 and S2 respectively represent the time points when the two windows start, VC1 includes views ViewA, ViewB and ViewC, VC2 includes views ViewD and ViewE, the view drawing information includes ViewA (id1):T1, ViewB (id2):T2; ViewC (id1):T1, ViewD (id3):T3; ViewE (id4):T4; ViewF (id5):T5; some key information is stored using two Maps, the key information stored by the first Map includes view parameters, and the key information stored by the second Map includes the unique identifier of the view, when each view in the page is rendered, view redrawing is judged, the specific judgment method includes that if the view does not exist drawing time, the unique identifier id of the view is queried to see if the drawing time exists, if the drawing time of the id does not exist, it is considered that it is the first time to draw. The view drawing time is recorded at the same time and the view id is recorded; if the view id drawing time exists, it is considered that it is redrawing, and the existing drawing time is taken as the drawing time of the new view. If the view already exists the drawing time, the drawing time of the view is no longer counted.

[0070] For example, since the identification information of ViewA and ViewC is the same, both are id1, it can be judged that ViewC belongs to the redrawing of ViewA, so the drawing time of ViewC is the same as that of ViewA, and when the loading completion time is counted, only T1 can be recorded.

[0071] As shown in Figure 7 The specific steps of the page loading time detection method include: opening the page to start monitoring, recording the VC starting time point, cyclically recording the views drawn on the screen, detecting the occurrence of touch behavior, calculating and reporting the loading completion time, and stopping monitoring. The calculation method includes: obtaining all visible VCs on the screen, performing preprocessing filtering operation on the views on the screen, which can filter out the views that the user does not need to count the loading time, thereby ensuring the accuracy of data statistics, obtaining the relationship between the view and the VC, and calculating the final rendering time of the VC. The cyclically recording the views drawn on the screen includes that the views with existing drawing time are no longer counted, if the drawing time of the current view does not exist, the redrawing is first judged, if it is not redrawing, the drawing time of the view is recorded, if it is redrawing, the first drawing time is taken as the drawing time of the view.

[0072] When reporting, the final rendering time of all views displayed in their corresponding windows and on the screen needs to be calculated. Since ViewA is no longer on the screen when reporting, its rendering time does not need to be calculated. ViewF will automatically disappear and is no longer on the screen, so its rendering time does not need to be calculated. ViewB and ViewC are on VC1, and ViewD and ViewDE are indirectly on VC1. Generally, VC1 is the first screen page, and VC2 is a non-first screen page. The interactive time of VC1 is the final rendering time of views B / C / D / E, T4, minus the start time, S1, i.e., T4-S1. Since only ViewD and ViewE are on VC2, the interactive time of VC2 is T4-S2.

[0073] In some embodiments of the present invention, it further includes:

[0074] If the same view is rendered multiple times, the time when the view is first rendered will be used as the view's loading completion time.

[0075] Since the same view no longer affects the interactivity of the page after its initial loading, the initial loading time of the same view can be used as the loading completion time of the view to avoid the detection result exceeding the minimum time for the page to become interactive, which would cause inaccurate detection results.

[0076] The page loading time detection method provided in this invention is universal, does not require intrusion into the program, and can accurately count the data of the time when the page reaches the interactive state.

[0077] The page load time detection device provided by the present invention is described below. The page load time detection device described below can be referred to in correspondence with the page load time detection method described above.

[0078] Figure 8 This is a schematic diagram of the page load time detection device provided in an embodiment of the present invention, as shown below. Figure 8 As shown, the page load time detection device provided in this embodiment of the invention includes:

[0079] The acquisition module 801 is used to acquire the loading start time of the loading page and the loading completion time of each view in the loading page. The loading completion time of each view is the time it takes for the view to complete the rendering operation.

[0080] The detection module 802 is used to take the loading completion time of the view that last completed the rendering operation as the loading end time of the loading page, and take the difference between the loading end time and the loading start time as the loading time of the loading page.

[0081] The page load time detection device provided in this embodiment of the invention obtains the loading start time of the loading page and the loading completion time of each view in the loading page. The loading completion time of each view is the time it takes for the view to complete the rendering operation. The loading completion time corresponding to the last view to complete the rendering operation is taken as the loading end time of the loading page, and the difference between the loading end time and the loading start time is taken as the loading time of the loading page. This automated detection method replaces manual data entry, reduces labor costs, does not require intrusion into the program, and can obtain real and accurate full page load data, providing data support for business optimization.

[0082] The present invention also provides an electronic device, including a memory, a processor, and a computer program stored in the memory and executable on the processor, wherein the processor executes the program to implement the page load time detection method as described above.

[0083] Figure 9 An example is a schematic diagram of the physical structure of an electronic device, such as... Figure 9 As shown, the electronic device may include a processor 910, a communication interface 920, a memory 930, and a communication bus 940. The processor 910, communication interface 920, and memory 930 communicate with each other via the communication bus 940. The processor 910 can call logical instructions in the memory 930 to execute a page load time detection method. This method includes: obtaining the load start time of the loading page and the load completion time of each view in the loading page, where the load completion time of each view is the time it takes for the view to complete its rendering operation; using the load completion time corresponding to the last view to complete its rendering operation as the load end time of the loading page; and using the difference between the load end time and the load start time as the load time of the loading page.

[0084] In addition, the logic instructions in the memory 930 described above can be implemented in the form of software function units and sold or used as independent products, and can be stored in a computer readable storage medium. Based on such understanding, the technical solutions of the present application essentially or the parts that contribute to the prior art or parts of the technical solutions can be embodied in the form of a software product. The computer software product is stored in a storage medium, and includes a number of instructions for causing a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the methods described in various embodiments of the present application. The foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM, Read-Only Memory), a random access memory (RAM, Random Access Memory), a magnetic disk or an optical disk, and various media that can store program codes.

[0085] In another aspect, the present application also provides a non-transitory computer readable storage medium having a computer program stored thereon, the computer program being executed by a processor to implement the page loading time detection method provided by the above-mentioned method, the method comprising: obtaining a loading start time of a loading page and a loading completion time of each view in the loading page, the loading completion time of each view being a time when the view completes a rendering operation; taking the loading completion time corresponding to the view that completes the rendering operation last as a loading end time of the loading page, and taking a difference between the loading end time and the loading start time as a loading time of the loading page.

[0086] The device embodiments described above are only schematic, wherein the units described as separate components can or can not be physically separate, and the components displayed as units can or can not be physical units, i.e., can be located in one place, or can be distributed on multiple network units. Part or all of the modules can be selected to achieve the purpose of the present embodiment according to actual needs. Those skilled in the art can understand and implement without creative labor.

[0087] From the above description of the embodiments, those skilled in the art can clearly understand that the embodiments can be implemented by means of software and the necessary universal hardware platform, and of course can also be implemented by hardware. Based on such understanding, the above technical solutions essentially or the parts that contribute to the prior art can be embodied in the form of a software product. The computer software product can be stored in a computer readable storage medium, such as ROM / RAM, magnetic disk, optical disk, etc., and includes a number of instructions for causing a computer device (which can be a personal computer, a server, or a network device, etc.) to execute the methods described in various embodiments or some parts of the embodiments.

[0088] It should be pointed out finally that the above embodiments are only used to illustrate the technical solutions of the present application, but not to limit the same; and although the present application has been described in detail with reference to the foregoing embodiments, it should be appreciated by those skilled in the art that the technical solutions recorded in the foregoing embodiments can be modified, or some technical features thereof can be replaced equivalently; and these modifications or replacements do not make the essence of the corresponding technical solutions deviate from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. A method of detecting page load time, the method comprising: The method comprises the following steps: obtaining a loading start time of a loading page and a loading completion time of each view in the loading page, the loading completion time of each view being a time when the view completes a rendering operation; taking the loading completion time of the view that completes the rendering operation last as a loading end time of the loading page, and taking a difference between the loading end time and the loading start time as a loading time of the loading page; the loading page is a first-screen page, and the first-screen page comprises a main window and a nested window, the method of obtaining the loading start time of the loading page and the loading completion time of each view in the loading page comprises the following steps: obtaining a first-screen display time, a loading completion time of each view in each main window and a loading completion time of each view in each nested window; taking the loading completion time of the view that completes the rendering operation last as a loading end time of the first-screen page, and taking a difference between the loading end time of the first-screen page and the first-screen display time as a loading time of the first-screen view; taking a sum of the first-screen display time and the loading time of the first-screen view as the loading time of the first-screen page; obtaining the first-screen display time comprises the following steps: capturing a page loading triggering event to obtain a loading start time of the first-screen page; capturing a page start loading event and a page display to screen event, and taking a difference between a time when the page display to screen event is captured and the loading start time of the first-screen page as the first-screen display time.

2. The page load time detection method of claim 1, wherein, The method of obtaining the loading completion time of each view in the loading page comprises the following steps: obtaining position information of each view in the loading page; before the loading completion time of the current view is counted, it is determined whether the loading completion time of other views corresponding to the position information of the current view in the loading page has been counted; if yes, the counted loading completion time of the view is taken as the loading completion time of the current view.

3. The page load time detection method of claim 1, wherein, the loading page is a non-first-screen page, and the method of obtaining the loading start time of the loading page and the loading completion time of all views in the loading page comprises the following steps: obtaining a loading start time of the non-first-screen page and the loading completion time of each view in the non-first-screen page; taking the loading completion time of the view that completes the rendering operation last as a loading end time of the non-first-screen page, and taking a difference between the loading end time of the non-first-screen page and the loading start time of the non-first-screen page as a loading time of the non-first-screen page.

4. The page load time detection method of claim 2, wherein, before the loading completion time of the current view is counted, the method further comprises the following step: if the current view is a Toasts view, the loading completion time of the current view is not counted.

5. The page load time detection method of claim 1, wherein, the method further comprises the following step: if the same view is rendered multiple times, the first rendering completion time of the same view is taken as the loading completion time of the view.

6. A page load time detection apparatus characterized by comprising: The method comprises the following steps: a obtaining module is configured to obtain a loading start time of a loading page and a loading completion time of each view in the loading page, the loading completion time of each view being a time when the view completes a rendering operation; The detection module is configured to take the loading completion time corresponding to the view that finishes the rendering operation last as the loading end time of the loading page, and take the difference between the loading end time and the loading start time as the loading time of the loading page. The loading page is a first-screen page, and the first-screen page includes a main window and a nested window. The loading start time of the loading page and the loading completion time of each view in the loading page are obtained by: obtaining the first-screen display time, the loading completion time of each view in each main window, and the loading completion time of each view in each nested window; taking the loading completion time corresponding to the view that finishes the rendering operation last as the loading end time of the first-screen page, and taking the difference between the loading end time of the first-screen page and the first-screen display time as the loading time of the first-screen view; taking the sum of the first-screen display time and the loading time of the first-screen view as the loading time of the first-screen page; obtaining the first-screen display time, including: capturing a page loading trigger event to obtain the loading start time of the first-screen page; capturing a page start loading event and a page display to screen event, and taking the difference between the time at which the page display to screen event is captured and the loading start time of the first-screen page as the first-screen display time.

7. An electronic device comprising a memory, a processor, and a computer program stored on the memory and executable on the processor, characterized in that, The processor implements the page loading time detection method according to any one of claims 1 to 5 when executing the program.

8. A non-transitory readable storage medium having stored thereon a computer program, characterized in that, The computer program implements the page loading time detection method according to any one of claims 1 to 5 when executed by the processor.

Images