Method, device, equipment and storage medium for obtaining web page loading time

Abstract

The present application discloses a method, device, equipment and storage medium for obtaining the loading time of a web page, and belongs to the field of computer and Internet technology. The method comprises: loading a target web page; in the process of loading the target web page, obtaining the amount of loaded data of the target web page at multiple timestamps, the amount of loaded data refers to the amount of data of the loaded data of the target web page; based on the amount of loaded data, determining the loading time of the target web page. In the technical solution provided by the embodiment of the present application, the loading time of the target web page is obtained by analyzing and processing the amount of loaded data of the target web page, and the change in the amount of loaded data can intuitively reflect the loading progress of the target web page, and then the loading status and duration of the target web page can be determined by monitoring the change in the amount of loaded data, thereby obtaining the loading time of the target web page, which reduces the difficulty of obtaining the loading time.

Description

Technical Field

[0001] The embodiments of the present application relate to the field of computer and Internet technology, and in particular to a method, device, equipment and storage medium for obtaining the loading time of a web page. Background Art

[0002] With the development of Internet technology, users are paying more and more attention to the display speed of web pages, and the loading time of a web page directly reflects the user's subjective perception of the display speed of the web page.

[0003] In the related technology of obtaining the above-mentioned loading time, after the developer is familiar with the main code corresponding to the web page loading, he needs to insert a probe at the end code point of each data loading to obtain the precise end time point of each data loading, and then obtain the precise loading time of the page and report it to the server.

[0004] The method of obtaining the loading time in related technologies is complex and difficult. Summary of the invention

[0005] The embodiments of the present application provide a method, device, equipment and storage medium for obtaining the loading time of a web page, which can obtain a relatively accurate loading time of a web page without inserting a probe into the main body code corresponding to the loading of the web page, simplify the method for obtaining the loading time, and reduce the difficulty of obtaining the loading time. The technical solution is as follows:

[0006] According to one aspect of an embodiment of the present application, a method for obtaining a webpage loading time is provided, the method comprising:

[0007] Load the target web page;

[0008] During the loading process of the target webpage, obtaining the amount of data loaded on the target webpage at multiple time stamps, wherein the amount of data loaded refers to the amount of data loaded on the target webpage;

[0009] Based on the amount of loaded data, a loading time of the target webpage is determined.

[0010] According to one aspect of an embodiment of the present application, a method for obtaining a webpage loading time is provided, the method comprising:

[0011] Receiving a plurality of duration reporting information of a target webpage, wherein the duration reporting information includes a loading duration, wherein the loading duration is determined based on an amount of loaded data of the target webpage at a plurality of timestamps, wherein the amount of loaded data refers to an amount of data loaded by the target webpage;

[0012] Selecting a normal loading duration from the multiple loading durations;

[0013] Based on the normal loading duration, an average loading duration of the target webpage is determined.

[0014] According to one aspect of an embodiment of the present application, a device for obtaining a webpage loading time is provided, the device comprising:

[0015] A web page loading module is used to load a target web page;

[0016] A data volume acquisition module, used to acquire the amount of data loaded on the target webpage at multiple timestamps during the loading process of the target webpage, wherein the amount of data loaded refers to the amount of data loaded on the target webpage;

[0017] The duration determination module is used to determine the loading duration of the target web page based on the amount of loaded data.

[0018] According to one aspect of an embodiment of the present application, a device for obtaining a webpage loading time is provided, the device comprising:

[0019] A reporting information receiving module, configured to receive a plurality of duration reporting information of a target webpage, wherein the duration reporting information includes a loading duration, wherein the loading duration is determined based on the amount of loaded data of the target webpage at a plurality of timestamps, and the amount of loaded data refers to the amount of data loaded by the target webpage;

[0020] A normal duration selection module, used to select a normal loading duration from a plurality of loading durations;

[0021] The average duration determination module is used to determine the average loading duration of the target web page based on the normal loading duration.

[0022] According to one aspect of an embodiment of the present application, a computer device is provided, comprising a processor and a memory, wherein a computer program is stored in the memory, and the computer program is loaded and executed by the processor to implement the above-mentioned method for obtaining the loading time of a web page.

[0023] Optionally, the computer device is a terminal or a server.

[0024] According to one aspect of an embodiment of the present application, a computer-readable storage medium is provided, in which a computer program is stored. The computer program is loaded and executed by a processor to implement the above-mentioned method for obtaining the loading time of a web page.

[0025] According to one aspect of the embodiments of the present application, a computer program product or a computer program is provided, the computer program product or the computer program includes computer instructions, and the computer instructions are stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the above-mentioned method for obtaining the webpage loading time.

[0026] The technical solution provided in the embodiments of the present application can bring the following beneficial effects:

[0027] By analyzing and processing the amount of data loaded on the target web page, the loading time of the target web page is obtained. The change in the amount of data loaded can intuitively reflect the loading progress of the target web page. Then, by monitoring the change in the amount of data loaded, the loading state and duration of the target web page can be determined, thereby obtaining the loading time of the target web page, which reduces the difficulty of obtaining the loading time. At the same time, since the amount of data loaded corresponds to the timestamp one by one, the accuracy of the obtained loading time can also be ensured. BRIEF DESCRIPTION OF THE DRAWINGS

[0028] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.

[0029] Figure 1 It is a schematic diagram of an implementation environment of a solution provided by an embodiment of the present application;

[0030] Figure 2 This is a flow chart of a method for obtaining web page loading time provided by an embodiment of the present application;

[0031] Figure 3 is a graph of the amount of loaded data versus time provided by an embodiment of the present application;

[0032] Figure 4 is a flowchart of a method for obtaining web page loading time provided by another embodiment of the present application;

[0033] Figure 5 is a schematic diagram of the duration interval distribution provided by an embodiment of the present application;

[0034] Figure 6 This is a statistical chart of loading time provided by an embodiment of the present application;

[0035] Figures 7 to 10 is a block diagram of a device for obtaining web page loading time provided in an embodiment of the present application;

[0036] Fig.11 is a block diagram of a terminal provided by an embodiment of the present application;

[0037] Fig.12 This is a block diagram of a server provided by an embodiment of the present application. DETAILED DESCRIPTION

[0038] In order to make the objectives, technical solutions and advantages of the present application clearer, the implementation methods of the present application will be further described in detail below with reference to the accompanying drawings.

[0039] Please refer to Figure 1 , which shows a schematic diagram of a solution implementation environment provided by an embodiment of the present application. The solution implementation environment can be implemented as an architecture of a web page loading system. The solution implementation environment may include: a terminal 10 and a server 20.

[0040] The terminal 10 refers to a terminal device used by a user. The user can browse web pages through the terminal 10. For example, a client that runs a target application can be installed in the terminal 10, and the target application can be a browser, or an application with a web page loading function such as a social, live broadcast, video, life service, news, etc. The terminal 10 can be an electronic device such as a mobile phone, a tablet computer, a multimedia player, a PC (Personal Computer), a wearable device, etc.

[0041] The server 20 can be used to provide background services for the terminal 10. For example, the server 20 can be used to collect performance data (such as loading time) of the web page loading system. The server 20 can be a single server, a server cluster consisting of multiple servers, or a cloud computing service center.

[0042] The terminal 10 and the server 20 can communicate with each other via a network.

[0043] Please refer to Figure 2 , which shows a flow chart of a method for obtaining a webpage loading time provided by an embodiment of the present application. The method can be applied to the terminal 10 introduced above. The method can include the following steps (201-203):

[0044] Step 201, loading the target web page.

[0045] In an embodiment of the present application, the target web page may be any web page. For example, the target web page may be a social web page, a video web page, a shopping web page, an information web page, etc., which is not limited in the embodiment of the present application. Loading the target web page may refer to the process of loading the data required for the target web page and displaying the target web page. Among them, the data required for the web page may include page template files, dependent scripts, pictures, text and other data. Displaying the target web page includes displaying the first screen of the target web page. The first screen of the target web page refers to the display content that the user sees at first glance after the browser loads the page of the target web page. Generally speaking, the data required to display the first screen of the target web page is less than the data required to display the target web page.

[0046] Optionally, the web page of the target web page can be a static page or a dynamic page. In the case where the web page of the target web page is a static page, since the static page does not need to be compiled, the browser can directly display the static page. The resources required to load the static page include such as dependent scripts, pictures, text, etc. In the case where the web page of the target web page is a dynamic page, the dynamic page displays the content corresponding to the data in a dynamic form, and since it needs to be compiled, it cannot be directly obtained from the server. In order to ensure the display speed of the target web page, the dynamic page is generally loaded in the form of an asynchronous loading request. The asynchronous loading request is used to exchange dynamic page data with the server.

[0047] Optionally, the triggering situation of loading the target webpage (or the first screen of the target webpage) may include: loading the first screen of the target webpage in response to a user display operation on the target webpage, or loading the first screen of the target webpage in response to a user refresh operation on the target webpage.

[0048] Step 202 : during the loading process of the target webpage, the amount of data loaded on the target webpage at multiple time stamps is obtained, where the amount of data loaded refers to the amount of data loaded on the target webpage.

[0049] The amount of loaded data can be used to represent the content volume of the target webpage, that is, the byte length of the target webpage. The amount of loaded data varies with the loading time of the target webpage. For example, during the loading of the first screen of the target webpage, the amount of loaded data shows an overall upward trend. When the first screen of the target webpage is loaded, the amount of loaded data reaches a peak value and remains at the peak value. This peak value is the byte length of the target webpage corresponding to the completion of the first screen loading of the target webpage.

[0050] In one example, the amount of loaded data of a target web page at multiple timestamps can be obtained from the native application program interface of the target web page, and the specific acquisition method is as follows: calling a loaded data amount acquisition function from the header file of the target web page; obtaining the loaded data amount from a first native application program interface through the loaded data amount acquisition function, and the first native application program interface is used to record the loaded data amount of the target web page.

[0051] The loaded data volume acquisition function is used to obtain the loaded data volume of the target web page, which can extract the loaded data volume of the target web page from the native application program interface of the target web page. The loaded data volume acquisition function can be written by the developer himself, for example, by accessing the API (Application Programming Interface) or SDK (Software Development Kit) corresponding to the target web page to write the loaded data volume acquisition function. The written loaded data volume acquisition function can be added to the header file of the target web page without accessing the main code of the target web page. Among them, the main code of the target web page refers to the code used to execute the target web page loading business. Optionally, the main code may include codes such as JavaScript, HTML (Hyper Text Markup Language), ASP (Active Server Pages), PHP (Personal HomePage, hypertext and processor), etc., which are not limited in the embodiments of the present application.

[0052] Among them, the header file of the target web page is used to define the header information corresponding to the target web page. The header file is placed separately from the main body code corresponding to the target web page. The function added to the header file will be automatically triggered and executed when the browser loads the target web page (such as the loaded data amount acquisition function mentioned above, the return time point acquisition function mentioned below, etc.). By adding the function to the header file of the target web page, the present application realizes that there is no need to connect the function (such as the loaded data amount acquisition function mentioned above, the return time point acquisition function mentioned below, etc.) to the main body code of the target web page. In this way, when modifying the loading content of the original web page or adding a new web page, there is no need to modify the function added to the header file (such as the loaded data amount acquisition function mentioned above, the return time point acquisition function mentioned below, etc.).

[0053] The native application program interface is used to call the predefined function corresponding to the target web page, that is, the open source function. Developers can call routine functions through the native application program interface without accessing the main code of the target web page. For example, developers can call functions such as storage services, message services, computing services, search services, etc. through the native application program interface. The first native application program interface in the embodiment of the present application corresponds to a recording service for the amount of data loaded on the target web page, which records the amount of data loaded on the target web page, and the amount of data loaded on the target web page is extracted from it through the above-mentioned loaded data amount acquisition function.

[0054] Step 203: Determine the loading time of the target web page based on the amount of loaded data.

[0055] The loading time may refer to the time taken by the browser to load and display the target web page. In the embodiment of the present application, the loading time includes the loading time of the first screen of the target web page.

[0056] Optionally, the target webpage loading time has different values ​​in different situations, which can be expressed in milliseconds. For example, each time the target webpage is reopened, the target webpage loading time value fluctuates due to factors such as network speed, browser, and display screen. When the loading of the webpage is abnormal, the fluctuation is more obvious.

[0057] In one example, based on the amount of loaded data, a stable loading time period that lasts longer than a threshold is determined, and the stable loading time period refers to a time period in which the amount of loaded data remains stable; the last stable loading time period before the deadline is obtained; based on the start time of the last stable loading time period, the loading duration of the target web page is determined. For example, take the change in the amount of loaded data of the target web page within 2 seconds as an example. At 200 milliseconds, the amount of loaded data of the target web page is 3000 bytes, at 600 milliseconds, the amount of loaded data of the target web page increases to 3500 bytes, and at 1000 milliseconds, the amount of loaded data of the target web page reaches 4500 bytes, and remains unchanged after 1000 milliseconds, then 1000 milliseconds is the loading duration of the target web page.

[0058] Among them, the threshold corresponding to the stable loading time period is used to screen the stable loading time period, which can be defined by the developer, such as 100 milliseconds, 200 milliseconds, etc., and the embodiment of the present application is not limited here. Optionally, the cutoff time refers to the last timestamp of the above multiple timestamps, that is, after obtaining the amount of loaded data corresponding to the cutoff time, the amount of loaded data corresponding to other timestamps is no longer obtained. The cutoff time can be used to mark the analysis interval of the amount of loaded data, such as 1.7 seconds, 1.8 seconds, 2 seconds, etc., which can be customized by the developer.

[0059] Optionally, in the process of obtaining the amount of loaded data corresponding to the target webpage, a curve of the change of the amount of loaded data of the target webpage and time can be recorded to obtain the loading time of the target webpage. Figure 3 , the variation curve 301 of the amount of loaded data can intuitively reflect the variation curve of the amount of loaded data and time. The amount of loaded data shows an overall upward trend over time and finally tends to be stable. Among them, the amount of loaded data increases rapidly at time points A and B, which can indicate that the target web page is loading template files, dependent scripts, etc. at time point A, and is loading image text resources, etc. at time point B. The amount of loaded data stops changing at time point C and continues to the end time point, then it can be determined that the target web page is loaded completely at time point C. Alternatively, the loading duration of the target web page can also be determined based on the difference between the timestamp corresponding to the amount of loaded data and the timestamp when the target web page starts loading. For example, the timestamp corresponding to the start of loading of the target web page is A, and the timestamp corresponding to the completion of loading of the amount of loaded data on the target web page is B, then the loading duration of the target web page can be determined as the difference between timestamps B and A (i.e., BA).

[0060] In one example, based on the amount of loaded data, the data loading rate of the target webpage at multiple timestamps is determined; based on the data loading rate, a zero-value rate time period with a duration greater than a threshold is determined, where the zero-value rate time period refers to a time period in which the data loading rate is zero; the last zero-value rate time period before the deadline is obtained; based on the start time of the last zero-value rate time period, the loading duration of the target webpage is determined. For example, the amount of loaded data of the target webpage at multiple timestamps is derivately processed to obtain the data loading rate corresponding to the amount of loaded data of the target webpage at multiple timestamps.

[0061] The data loading rate refers to the rate of change of the amount of loaded data, and the data loading rate can also be called the byte change gradient. For example, if the value of the data loading rate is 0, it can be determined that the amount of loaded data has stopped changing, and if the value of the data loading rate is not 0, it can be determined that the amount of loaded data is still changing.

[0062] Optionally, the threshold corresponding to the zero-value rate time period is used to filter the zero-value rate time period, which can be defined by the developer, such as 100 milliseconds, 200 milliseconds, etc., and the embodiment of the present application is not limited here. Optionally, the cutoff time can be used to mark the analysis interval of the data loading rate, such as 1.7 seconds, 1.8 seconds, 2 seconds, etc., which can be customized by the developer.

[0063] For example, take the change of data loading rate within 2 seconds as an example. The 2-second time period includes 2 zero-rate time periods, zero-rate time period A is from 200 milliseconds to 300 milliseconds, and zero-rate time period B is from 1200 milliseconds to 2000 milliseconds. It can be determined that zero-rate time period B is the last zero-rate time period, and further 1200 milliseconds can be determined as the loading time of the target webpage.

[0064] Optionally, after determining the loading time of the target web page, the time reporting information of the target web page can be sent to the server. The time reporting information includes the loading time and the amount of loaded data corresponding to the loading time. The time reporting information can be used to record the time information of the target web page loading process. For example, the time reporting information can be the time data LCP (Largest Contentful Paint) corresponding to the first screen of the target web page loading, which can be used to monitor the time point when the element with the largest "drawing area" in the visible area of ​​the target web page begins to appear on the display screen.

[0065] In an exemplary embodiment, taking the loading process of the target webpage including dynamic page loading as an example, the specific method of obtaining the loading duration of the target webpage may be as follows:

[0066] During the loading process of the target web page, the return time point of the last asynchronous loading request is obtained. The last asynchronous loading request refers to the last asynchronous loading request issued during the loading process of the target web page. The asynchronous loading request is used to asynchronously load dynamic pages. Based on the return time point of the last asynchronous loading request and the amount of loaded data, the loading duration of the target web page is determined.

[0067] Optionally, based on the return time point of the last asynchronous loading request and the amount of loaded data, the loading time of the target web page is determined, including: obtaining a stable loading time period after the return time point of the last asynchronous loading request and lasting for a duration greater than a threshold, the stable loading time period refers to a time period in which the amount of loaded data remains stable; based on the starting time of the stable loading time period, the loading time of the target web page is determined.

[0068] For example, if the return time point of the last asynchronous loading request is A, then it can be determined that the stable loading time period after time point A is the last stable loading time period before the target web page is loaded. That is, the starting time of the stable loading time period is the loading time of the target web page.

[0069] Optionally, determining the loading time of the target web page based on the return time point of the last asynchronous loading request and the amount of loaded data may also include: determining the data loading rate of the target web page at multiple timestamps based on the amount of loaded data; obtaining a zero-value rate time period after the return time point of the last asynchronous loading request and lasting for a duration greater than a threshold, the zero-value rate time period referring to a time period in which the data loading rate is zero; and determining the loading time of the target web page based on the starting time of the zero-value rate time period.

[0070] For example, if the return time point of the last asynchronous loading request is A, then it can be determined that the zero-value rate time period after time point A is the last zero-value rate time period before the target web page is loaded. That is, the starting time of the zero-value rate time period is the loading time of the target web page.

[0071] Optionally, the specific method for obtaining the return time point of the last asynchronous loading request is as follows: calling the return time point acquisition function from the header file of the target web page; obtaining the return time point of the last asynchronous loading request from the second native application interface through the return time point acquisition function, and the second native application interface is used to send asynchronous loading requests and receive return data corresponding to asynchronous loading requests.

[0072] The return time point acquisition function is used to obtain the return time point of the last asynchronous loading request. It can hijack the asynchronous loading request corresponding to the target webpage from the native application program interface of the target webpage, and includes the return time point of the hijacked asynchronous loading request. Based on the last asynchronous loading request obtained from the issued asynchronous loading request, the return time point of the last asynchronous loading request to be hijacked is determined. The return time point acquisition function can be written by the developer. For example, the return time point acquisition function is written by accessing the API or SDK corresponding to the target webpage. The written return time point acquisition function can be connected to the header file of the target webpage without accessing the main code of the target webpage.

[0073] The second native application interface in the embodiment of the present application corresponds to a recording service for the asynchronous loading request of the target web page. The recording service records the sending time of the asynchronous loading request, the time point of the return data corresponding to the asynchronous loading request, etc. The return time point of the last asynchronous loading request can be obtained through the above-mentioned return time point acquisition function.

[0074] In summary, in the technical solution provided by the embodiment of the present application, the loading time of the target webpage is obtained by analyzing and processing the amount of data loaded on the target webpage. The change in the amount of data loaded can intuitively reflect the loading progress of the target webpage, and then the loading state and duration of the target webpage can be determined by monitoring the change in the amount of data loaded, thereby obtaining the loading time of the target webpage, which reduces the difficulty of obtaining the loading time. At the same time, since the amount of data loaded corresponds to the timestamp one by one, the accuracy of the obtained loading time can also be ensured.

[0075] In addition, by connecting the associated functions required to obtain the loading time (such as the function for obtaining the amount of loaded data, the function for obtaining the return time point, etc.) into the header file of the target web page, it is possible to obtain the loading time of the target web page without the main code of the target web page being aware of it, thereby reducing the difficulty of developing the code required to obtain the loading time.

[0076] In addition, since the code required to obtain the loading time does not need to access the main code of the target web page, the difficulty of using the code required to obtain the loading time is reduced, while the convenience of using the code required to obtain the loading time is improved.

[0077] In addition, by obtaining the loading time of the target web page based on the return time point of the last asynchronous loading request, the stable loading time period (or zero rate time period) corresponding to the completion of loading of the target web page can be directly located, and then the loading time can be obtained, thereby improving the accuracy of obtaining the loading time.

[0078] Please refer to Figure 4 , which shows a flow chart of a method for obtaining the webpage loading time provided by another embodiment of the present application. For example, the execution subject of each step of the method may be the server 20 introduced above. The method may include the following steps (401-404):

[0079] Step 401, receiving multiple duration reporting information of the target web page, the duration reporting information includes loading duration, the loading duration is determined based on the amount of loaded data of the target web page at multiple timestamps, and the loaded data amount refers to the amount of data loaded by the target web page.

[0080] In an embodiment of the present application, the duration reporting information, loading duration and the amount of loaded data are the same as those described in the above embodiment. Among them, the multiple duration reporting information can be duration reporting information from different terminals, different browsers, and different times. There will be differences between the duration reporting information from different terminals, different browsers, and different times. For example, the duration information of the target web page obtained at time A is different from the duration reporting information of the target web page obtained at time B. The duration reporting information may include normal duration reporting information and abnormal duration reporting information. Abnormal duration reporting information may include data volume loading abnormality information and loading timeout information.

[0081] In one example, the duration reporting information also includes the amount of loaded data corresponding to the loading duration. The specific method for obtaining the data volume loading abnormality information is as follows: divide the amount of loaded data corresponding to the loading duration, obtain the distribution interval of the loaded data volume, and the distribution interval of the loaded data volume is used to represent the distribution of the loaded data volume of the target web page; determine the data volume loading abnormality information according to the distribution interval of the loaded data volume, and the data volume loading abnormality information is used to represent the target web page loading data abnormality. For example, the normal distribution interval of the loaded data volume is 4500 to 4600 bytes. The loaded data volume below 4500 bytes belongs to the data volume loading abnormality, and the loaded data volume above 4600 bytes belongs to the data volume recording abnormality.

[0082] Optionally, the specific method for obtaining the loading timeout information is as follows: divide the loading time to obtain the loading time distribution interval, the loading time distribution interval is used to represent the loading time distribution of the target web page; determine the loading timeout information according to the loading time distribution interval, the loading timeout information is used to represent the loading timeout of the target web page. Figure 5 In Table 501, the loading time distribution intervals include less than 2 seconds, 2 seconds to 3 seconds, 3 seconds to 5 seconds, 5 seconds to 8 seconds, etc. The loading time in the interval other than 5 seconds belongs to the loading timeout exception. In Table 501, the proportion of loading timeout exceptions is 0%, that is, the target web page has no loading timeout exception.

[0083] In one example, the duration reporting information is summarized and integrated based on the identification tag preset before receiving the duration reporting information.

[0084] This application summarizes and integrates multiple duration reporting information corresponding to the target webpage, which facilitates subsequent query and search for multiple duration reporting information of the target webpage. For example, by entering an identification tag for identifying the target URL, query multiple duration reporting information of the target webpage. Figure 6 , the multiple duration reporting information of the target webpage after summarization and integration is counted in the form of chart 601, which includes the reporting quantity and loading duration of the duration reporting information corresponding to the target webpage at the target time. The loading duration may refer to the average loading duration below.

[0085] Step 402, selecting a normal loading duration from multiple loading durations.

[0086] In one example, the specific method for obtaining the normal loading time is as follows: the loading time is screened based on the amount of loaded data corresponding to the loading time to obtain the initial screening loading time; the loading time belonging to the first value range is selected from the initial screening loading time to obtain the normal loading time.

[0087] Among them, the normal loading time refers to the loading time that belongs to the normal loading time distribution interval. The first value range is used to obtain the normal loading time, which may refer to the normal loading time distribution interval. For example, the browser can usually complete the loading of the first screen of the target web page within 2 seconds, and the normal loading time distribution interval of the loading time may be an interval within 2 seconds. Optionally, the browser can usually complete the loading of the first screen of the target web page within 5 seconds, and the normal loading time distribution interval may be an interval within 5 seconds, which is not limited in the embodiments of the present application. For example, take the first value range of 2 seconds as an example. Select the loading time with a loading time value less than or equal to 2 seconds from the initially screened loading time to obtain the normal loading time.

[0088] Optionally, the initial screening loading time refers to the loading time corresponding to the distribution interval of the loaded data volume that belongs to the normal loaded data volume. For example, the distribution interval of the normal loaded data volume can be an interval centered on the average loaded data volume, with the three standard deviations of the loaded data volume as the positive and negative range. The specific method for obtaining the initial screening loading time is as follows: remove the loading time that meets the set elimination conditions from the loading time to obtain the initial screening loading time; wherein, the set elimination conditions include that the loaded data volume corresponding to the loading time does not belong to the second value range. The second value range refers to the distribution interval of the normal loaded data volume corresponding to the loaded data volume.

[0089] For example, based on the distribution interval of the normal loaded data amount corresponding to the loaded data amount, the loaded data amount that does not belong to the distribution interval of the normal loaded data amount is obtained, and then based on the loaded data amount that does not belong to the distribution interval of the normal loaded data amount, the loading time corresponding to the loaded data amount that does not belong to the distribution interval of the normal loaded data amount is eliminated from the loading time, so as to obtain the initial screening loading time.

[0090] Step 403: Determine the average loading time of the target web page based on the normal loading time.

[0091] In the embodiment of the present application, the average loading time may refer to the loading time obtained by averaging the normal loading time. For example, after obtaining the normal loading time A, B and C of the target webpage, the average of the normal loading time A, B and C is calculated to obtain the average loading time of the target webpage. In this way, the impact of the fluctuation of the loading time can be reduced, and a more accurate loading time can be obtained.

[0092] To sum up, in the technical solution provided in the embodiment of the present application, the loading time corresponding to multiple duration reporting information of the target web page is screened and filtered to exclude abnormal loading time, so as to obtain the average loading time under the normal loading time of the target web page, thereby ensuring the accuracy of the loading time.

[0093] In addition, by dividing the loading time and the amount of loaded data, the abnormal loading situation of the target web page (including abnormal loading of the loaded data amount, abnormal loading time, etc.) can be intuitively obtained, reducing the difficulty of judging the performance of the target web page.

[0094] The following is an embodiment of the device of the present application, which can be used to execute the embodiment of the method of the present application. For details not disclosed in the embodiment of the device of the present application, please refer to the embodiment of the method of the present application.

[0095] Please refer to Figure 7 , which shows a block diagram of a device for obtaining web page loading duration provided by an embodiment of the present application. The device has the function of implementing the above-mentioned method for obtaining web page loading duration, and the function can be implemented by hardware, or by hardware executing corresponding software. The device can be the terminal 10 introduced above, or it can be set in the terminal 10. The device 700 can include: a web page loading module 701, a data volume acquisition module 702, and a duration determination module 703.

[0096] The webpage loading module 701 is used to load the target webpage.

[0097] The data volume acquisition module 702 is used to acquire the amount of data loaded on the target webpage at multiple timestamps during the loading process of the target webpage, where the amount of data loaded refers to the amount of data loaded on the target webpage.

[0098] The duration determination module 703 is used to determine the loading duration of the target webpage based on the amount of loaded data.

[0099] In an exemplary embodiment, the duration determination module 703 is used to:

[0100] Based on the amount of loaded data, determining a stable loading time period whose duration is greater than a threshold, wherein the stable loading time period refers to a time period in which the amount of data remains stable;

[0101] Get the last stable loading time period before the deadline;

[0102] Based on the start time of the last stable loading time period, the loading duration of the target webpage is determined.

[0103] In an exemplary embodiment, the duration determination module 703 is used to:

[0104] Determining a data loading rate of the target webpage at the multiple time stamps based on the amount of loaded data;

[0105] Based on the data loading rate, determining a zero-value rate time period whose duration is greater than a threshold, wherein the zero-value rate time period refers to a time period in which the data loading rate is zero;

[0106] Get the last zero-value rate time period before the cutoff time;

[0107] Based on the starting time of the last zero-value rate time period, the loading duration of the target webpage is determined.

[0108] In an exemplary embodiment, the data volume acquisition module 702 is used to:

[0109] Calling a function for obtaining the amount of loaded data from the header file of the target web page;

[0110] The loaded data amount is obtained from a first native application program interface through the loaded data amount obtaining function, and the first native application program interface is used to record the loaded data amount of the target webpage.

[0111] In an exemplary embodiment, Figure 8 As shown, the device 700 further includes: a time point acquisition module 704.

[0112] The time point acquisition module 704 is used to obtain the return time point of the last asynchronous loading request during the loading process of the target web page. The last asynchronous loading request refers to the last asynchronous loading request issued during the loading process of the target web page. The asynchronous loading request is used to asynchronously load dynamic pages.

[0113] The duration determination module 703 is further configured to determine the loading duration of the target webpage based on the return time point of the last asynchronous loading request and the amount of loaded data.

[0114] In an exemplary embodiment, the duration determination module 703 is used to:

[0115] Obtaining a stable loading time period after the return time point of the last asynchronous loading request and lasting longer than a threshold, wherein the stable loading time period refers to a time period during which the amount of loaded data remains stable;

[0116] Based on the start time of the stable loading time period, the loading duration of the target webpage is determined.

[0117] In an exemplary embodiment, the time point acquisition module 704 is used to:

[0118] Calling a return time point acquisition function from the header file of the target web page;

[0119] The return time point of the last asynchronous loading request is obtained from the second native application program interface through the return time point acquisition function, and the second native application program interface is used to send asynchronous loading requests and receive return data corresponding to asynchronous loading requests.

[0120] In an exemplary embodiment, Figure 8 As shown, the device 700 also includes a reporting information sending module 705.

[0121] The reporting information sending module 705 is used to send the duration reporting information of the target web page to the server; wherein the duration reporting information includes the loading duration and the amount of loaded data corresponding to the loading duration.

[0122] In summary, in the technical solution provided by the embodiment of the present application, the loading time of the target webpage is obtained by analyzing and processing the amount of data loaded on the target webpage. The change in the amount of data loaded can intuitively reflect the loading progress of the target webpage, and then the loading state and duration of the target webpage can be determined by monitoring the change in the amount of data loaded, thereby obtaining the loading time of the target webpage, which reduces the difficulty of obtaining the loading time. At the same time, since the amount of data loaded corresponds to the timestamp one by one, the accuracy of the obtained loading time can also be ensured.

[0123] Please refer to Fig. 9 , which shows a block diagram of a device for obtaining web page loading time provided by another embodiment of the present application. The device has the function of implementing the above-mentioned method for obtaining web page loading time, and the function can be implemented by hardware, or by hardware executing corresponding software. The device can be the server 20 introduced above, or it can be set in the server 20. The device 900 may include: a reporting information receiving module 901, a normal duration selection module 902, and an average duration determination module 903.

[0124] The reporting information receiving module 901 is used to receive multiple duration reporting information of the target web page, and the duration reporting information includes loading duration, which is determined based on the amount of loaded data of the target web page at multiple timestamps, and the amount of loaded data refers to the amount of data loaded by the target web page.

[0125] The normal duration selection module 902 is used to select a normal loading duration from the multiple loading durations.

[0126] The average duration determination module 903 is used to determine the average loading duration of the target web page based on the normal loading duration.

[0127] In an exemplary embodiment, the duration reporting information also includes the amount of loaded data corresponding to the loading duration;

[0128] like Fig.10 The normal duration selection module 902 includes: a preliminary screening duration acquisition submodule 902a and a normal duration acquisition submodule 902b.

[0129] The initial screening time acquisition submodule 902a is used to screen the loading time based on the amount of loaded data corresponding to the loading time to obtain the initial screening loading time.

[0130] The normal duration acquisition submodule 902b is used to select a loading duration belonging to the first value range from the initially screened loading durations to obtain the normal loading duration.

[0131] In an exemplary embodiment, the initial screening time acquisition submodule 902a is used to eliminate the loading time that meets the set elimination conditions from the loading time to obtain the initial screening loading time; wherein, the set elimination conditions include that the amount of loaded data corresponding to the loading time does not belong to the second value range.

[0132] In an exemplary embodiment, Fig.10 As shown, the device 900 further includes: a data volume interval acquisition module 904 and a data volume anomaly determination module 905 .

[0133] The data volume interval acquisition module 904 is used to divide the loaded data volume corresponding to the loading duration to obtain the loaded data volume distribution interval, and the loaded data volume distribution interval is used to represent the distribution of the loaded data volume of the target web page.

[0134] The data volume abnormality determination module 905 is used to determine data volume loading abnormality information according to the distribution interval of the loaded data volume, and the data volume loading abnormality information is used to indicate that the target webpage is loading data abnormally.

[0135] In an exemplary embodiment, Fig.10 As shown, the device 900 further includes: a duration interval acquisition module 906 and a timeout information determination module 907 .

[0136] The duration interval acquisition module 906 is used to divide the loading duration to obtain a loading duration distribution interval, where the loading duration distribution interval is used to represent the loading duration distribution of the target web page.

[0137] The timeout information determination module 907 is used to determine the loading timeout information according to the loading time distribution interval, and the loading timeout information is used to indicate that the loading of the target webpage has timed out.

[0138] To sum up, in the technical solution provided in the embodiment of the present application, the loading time corresponding to multiple duration reporting information of the target web page is screened and filtered to exclude abnormal loading time, so as to obtain the average loading time under the normal loading time of the target web page, thereby ensuring the accuracy of the loading time.

[0139] In addition, by dividing the loading time and the amount of loaded data, the abnormal loading situation of the target web page (including abnormal loading of the loaded data amount, abnormal loading time, etc.) can be intuitively obtained, reducing the difficulty of judging the performance of the target web page.

[0140] It should be noted that the device provided in the above embodiment only uses the division of the above functional modules as an example to implement its functions. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above. In addition, the device and method embodiments provided in the above embodiment belong to the same concept, and their specific implementation process is detailed in the method embodiment, which will not be repeated here.

[0141] Please refer to Fig.11 , which shows a structural block diagram of a terminal 1100 provided in an embodiment of the present application. The terminal 1100 may be the terminal 10 introduced above. The terminal 1100 may be used to implement the method for obtaining the webpage loading time measured by the terminal. Specifically:

[0142] Typically, the terminal 1100 includes a processor 1101 and a memory 1102 .

[0143] The processor 1101 may include one or more processing cores, such as a 9-core processor, a 10-core processor, and the like. The processor 1101 may be implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field Programmable Gate Array), and PLA (Programmable Logic Array). The processor 1101 may also include a main processor and a coprocessor. The main processor is a processor for processing data in an awake state, also known as a CPU (Central Processing Unit); the coprocessor is a low-power processor for processing data in a standby state. In some embodiments, the processor 1101 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the display screen. In some embodiments, the processor 1101 may also include an AI (Artificial Intelligence) processor, which is used to process computing operations related to machine learning.

[0144] The memory 1102 may include one or more computer-readable storage media, which may be non-transitory. The memory 1102 may also include a high-speed random access memory, and a non-volatile memory, such as one or more disk storage devices, flash memory storage devices. In some embodiments, the non-transitory computer-readable storage medium in the memory 1102 is used to store a computer program, and the computer program is configured to be executed by one or more processors to implement the above-mentioned method for obtaining the webpage loading time.

[0145] In some embodiments, the terminal 1100 may also optionally include: a peripheral device interface 1103 and at least one peripheral device. The processor 1101, the memory 1102 and the peripheral device interface 1103 may be connected via a bus or a signal line. Each peripheral device may be connected to the peripheral device interface 1103 via a bus, a signal line or a circuit board. Specifically, the peripheral device includes: at least one of a radio frequency circuit 1104, a display screen 1105, a camera assembly 1106, an audio circuit 1107, a positioning assembly 1108 and a power supply 1109.

[0146] Those skilled in the art will understand that Fig.11 The structure shown in the figure does not constitute a limitation on the terminal 1100, and the terminal 1100 may include more or fewer components than those shown in the figure, or combine certain components, or adopt a different component arrangement.

[0147] Please refer to Fig.12 , which shows a structural block diagram of a server provided in an embodiment of the present application. The server can be used to implement the method for obtaining the webpage loading time on the server side provided in the above embodiment.

[0148] Specifically:

[0149] The server 1200 includes a central processing unit (such as a CPU (Central Processing Unit), a GPU (Graphics Processing Unit) and an FPGA (Field Programmable Gate Array)) 1201, a system memory 1204 including a RAM (Random-Access Memory) 1202 and a ROM (Read-Only Memory) 1203, and a system bus 1205 connecting the system memory 1204 and the central processing unit 1201. The server 1200 also includes a basic input / output system (Input Output System, I / O system) 1206 for helping to transmit information between various devices in the server, and a large-capacity storage device 1207 for storing an operating system 1213, application programs 1214 and other program modules 1215.

[0150] The basic input / output system 1206 includes a display 1208 for displaying information and an input device 1209 such as a mouse and a keyboard for user inputting information. The display 1208 and the input device 1209 are connected to the central processing unit 1201 through an input / output controller 1210 connected to the system bus 1205. The basic input / output system 1206 may also include an input / output controller 1210 for receiving and processing inputs from a plurality of other devices such as a keyboard, a mouse, or an electronic stylus. Similarly, the input / output controller 1210 also provides output to a display screen, a printer, or other types of output devices.

[0151] The mass storage device 1207 is connected to the central processing unit 1201 via a mass storage controller (not shown) connected to the system bus 1205. The mass storage device 1207 and its associated computer-readable medium provide non-volatile storage for the server 1200. That is, the mass storage device 1207 may include a computer-readable medium (not shown) such as a hard disk or a CD-ROM (Compact Disc Read-Only Memory) drive.

[0152] Without loss of generality, the computer-readable medium may include computer storage media and communication media. Computer storage media include volatile and non-volatile, removable and non-removable media implemented by any method or technology for storing information such as computer-readable instructions, data structures, program modules or other data. Computer storage media include RAM, ROM, EPROM (Erasable Programmable Read-Only Memory), EEPROM (Electrically Erasable Programmable Read-Only Memory), flash memory or other solid-state storage technology, CD-ROM, DVD (Digital Video Disc) or other optical storage, cassettes, tapes, disk storage or other magnetic storage devices. Of course, those skilled in the art will know that the computer storage medium is not limited to the above. The above-mentioned system memory 1204 and mass storage device 1207 can be collectively referred to as memory.

[0153] According to the embodiment of the present application, the server 1200 can also be connected to a remote computer on the network through a network such as the Internet. That is, the server 1200 can be connected to the network 1212 through the network interface unit 1211 connected to the system bus 1205, or the network interface unit 1211 can be used to connect to other types of networks or remote computer systems (not shown).

[0154] The memory also includes a computer program, which is stored in the memory and configured to be executed by one or more processors to implement the above-mentioned method for obtaining the webpage loading time on the server side.

[0155] In an exemplary embodiment, a computer-readable storage medium is further provided, on which a computer program is stored. When the computer program is executed by a processor of a terminal, the method for obtaining the webpage loading duration on the terminal side is implemented.

[0156] In an exemplary embodiment, a computer-readable storage medium is further provided, on which a computer program is stored. When the computer program is executed by a processor of a server, the method for obtaining the webpage loading duration on the server side is implemented.

[0157] Optionally, the computer readable storage medium may include: ROM (Read-Only Memory), RAM (Random-Access Memory), SSD (Solid State Drives) or optical disks, etc. Among them, the random access memory may include ReRAM (Resistance Random Access Memory) and DRAM (Dynamic Random Access Memory).

[0158] In an exemplary embodiment, a computer program product is further provided. When the computer program product is executed by a processor of a terminal, the computer program product is used to implement the method for obtaining the webpage loading duration on the terminal side.

[0159] In an exemplary embodiment, a computer program product is also provided. When the computer program product is executed by a processor of a server, it is used to implement the method for obtaining the webpage loading duration on the server side.

[0160] It should be understood that the "multiple" mentioned in this article refers to two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can represent: A exists alone, A and B exist at the same time, and B exists alone. The character " / " generally indicates that the objects associated before and after are in an "or" relationship. In addition, the step numbers described in this article only illustrate a possible execution sequence between the steps. In some other embodiments, the above steps may not be executed in the order of the numbers, such as two steps with different numbers are executed at the same time, or two steps with different numbers are executed in the opposite order to the diagram. The embodiments of the present application are not limited to this.

[0161] The above description is only an exemplary embodiment of the present application and is not intended to limit the present application. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and principles of the present application shall be included in the protection scope of the present application.

Claims

1. A method for obtaining the loading time of a web page, characterized in that: The method comprises: Load the target web page; During the loading process of the target webpage, obtaining the amount of data loaded on the target webpage at multiple time stamps, wherein the amount of data loaded refers to the amount of data loaded on the target webpage; Determining a loading time of the target webpage based on the amount of loaded data; Wherein, determining the loading time of the target webpage based on the amount of loaded data includes: Based on the amount of loaded data, determine a stable loading time period whose duration is greater than a threshold, wherein the stable loading time period refers to a time period during which the amount of loaded data remains stable; obtain the last stable loading time period before the deadline; and determine the loading duration of the target webpage based on the start time of the last stable loading time period; or, Based on the amount of loaded data, determine the data loading rate of the target web page at the multiple timestamps; based on the data loading rate, determine a zero-value rate time period whose duration is greater than a threshold, wherein the zero-value rate time period refers to a time period in which the data loading rate is zero; obtain the last zero-value rate time period before the deadline; based on the starting time of the last zero-value rate time period, determine the loading duration of the target web page.

2. The method according to claim 1, characterized in that The obtaining of the amount of loaded data of the target webpage at multiple time stamps includes: Calling a function for obtaining the amount of loaded data from the header file of the target web page; The loaded data amount is obtained from a first native application program interface through the loaded data amount obtaining function, and the first native application program interface is used to record the loaded data amount of the target webpage.

3. The method according to claim 1, characterized in that The method further comprises: During the loading process of the target webpage, obtaining the return time point of the last asynchronous loading request, wherein the last asynchronous loading request refers to the last asynchronous loading request issued during the loading process of the target webpage, and the asynchronous loading request is used to asynchronously load a dynamic page; The step of determining the loading time of the target webpage based on the amount of loaded data includes: The loading duration of the target webpage is determined based on the return time point of the last asynchronous loading request and the amount of loaded data.

4. The method according to claim 3, characterized in that The step of determining the loading duration of the target webpage based on the return time point of the last asynchronous loading request and the amount of loaded data includes: Obtaining a stable loading time period after the return time point of the last asynchronous loading request and lasting longer than a threshold, wherein the stable loading time period refers to a time period during which the amount of loaded data remains stable; Based on the start time of the stable loading time period, the loading duration of the target webpage is determined.

5. The method according to claim 3, characterized in that: The step of obtaining the return time point of the last asynchronous loading request includes: Calling a return time point acquisition function from the header file of the target web page; The return time point of the last asynchronous loading request is obtained from the second native application program interface through the return time point acquisition function, and the second native application program interface is used to send asynchronous loading requests and receive return data corresponding to asynchronous loading requests.

6. The method according to any one of claims 1 to 5, characterized in that: After determining the loading time of the target webpage based on the amount of loaded data, the method further includes: Sending the duration report information of the target web page to the server; The duration reporting information includes the loading duration and the amount of loaded data corresponding to the loading duration.

7. A method for obtaining the loading time of a web page, characterized in that: The method comprises: Receive multiple duration reporting information of a target web page, the duration reporting information includes a loading duration, the loading duration is determined based on the amount of loaded data of the target web page at multiple timestamps, and the loaded data amount refers to the amount of data loaded by the target web page; wherein the loading duration is determined based on the starting time of the last stable loading time period before the deadline, and the stable loading time period refers to the time period during which the amount of loaded data remains stable; or, the loading duration is determined based on the starting time of the last zero-value rate time period before the deadline, and the zero-value rate time period refers to the time period during which the data loading rate determined based on the amount of loaded data is zero; Selecting a normal loading duration from the multiple loading durations; Based on the normal loading duration, an average loading duration of the target webpage is determined.

8. The method according to claim 7, characterized in that The duration reporting information also includes the amount of loaded data corresponding to the loading duration; The selecting a normal loading duration from the plurality of loading durations comprises: The loading time is screened based on the amount of loaded data corresponding to the loading time to obtain a primary screening loading time; A loading time that belongs to the first value range is selected from the initial screening loading time to obtain the normal loading time.

9. The method according to claim 8, characterized in that The screening process of the loading duration based on the amount of loaded data corresponding to the loading duration to obtain the initial screening loading duration includes: Eliminate the loading time that meets the set elimination condition from the loading time to obtain the initial screening loading time; Among them, the set elimination condition includes that the amount of loaded data corresponding to the loading duration does not belong to the second value range.

10. The method according to claim 8, characterized in that After receiving the multiple duration report information of the target webpage, the method further includes: The amount of loaded data corresponding to the loading duration is divided to obtain a distribution interval of the amount of loaded data, wherein the distribution interval of the amount of loaded data is used to represent the distribution of the amount of loaded data of the target webpage; According to the distribution interval of the amount of loaded data, data amount loading abnormality information is determined, where the data amount loading abnormality information is used to indicate that the target webpage is loading data abnormally.

11. The method according to any one of claims 7 to 10, characterized in that: After receiving the multiple duration report information of the target webpage, the method further includes: Dividing the loading time to obtain a loading time distribution interval, wherein the loading time distribution interval is used to represent the loading time distribution of the target web page; Loading timeout information is determined according to the loading time distribution interval, where the loading timeout information is used to indicate that the target webpage has timed out from loading.

12. A device for obtaining webpage loading time, characterized in that: The device comprises: A web page loading module is used to load a target web page; A data volume acquisition module, used to acquire the amount of data loaded on the target webpage at multiple timestamps during the loading process of the target webpage, wherein the amount of data loaded refers to the amount of data loaded on the target webpage; A duration determination module, used to determine the loading duration of the target webpage based on the amount of loaded data; The duration determination module is used to determine, based on the amount of loaded data, a stable loading time period whose duration is greater than a threshold, wherein the stable loading time period refers to a time period during which the amount of loaded data remains stable; obtain the last stable loading time period before the deadline; and determine the loading duration of the target webpage based on the start time of the last stable loading time period; or, The duration determination module is used to determine the data loading rate of the target web page at the multiple timestamps based on the amount of loaded data; determine a zero-value rate time period whose duration is greater than a threshold based on the data loading rate, wherein the zero-value rate time period refers to a time period in which the data loading rate is zero; obtain the last zero-value rate time period before the deadline; and determine the loading duration of the target web page based on the starting time of the last zero-value rate time period.

13. A device for obtaining webpage loading time, characterized in that: The device comprises: A reporting information receiving module, used for receiving a plurality of duration reporting information of a target web page, wherein the duration reporting information includes a loading duration, wherein the loading duration is determined based on the amount of loaded data of the target web page at a plurality of timestamps, wherein the amount of loaded data refers to the amount of data loaded by the target web page; wherein the loading duration is determined based on the starting time of the last stable loading time period before a deadline, wherein the stable loading time period refers to a time period during which the amount of loaded data remains stable; or, the loading duration is determined based on the starting time of the last zero-value rate time period before a deadline, wherein the zero-value rate time period refers to a time period during which a data loading rate determined based on the amount of loaded data is zero; A normal duration selection module, used to select a normal loading duration from a plurality of loading durations; The average duration determination module is used to determine the average loading duration of the target web page based on the normal loading duration.

14. A computer device, characterized in that: The computer device includes a processor and a memory, wherein a computer program is stored in the memory, and the computer program is loaded and executed by the processor to implement the method for obtaining the web page loading time as described in any one of claims 1 to 6, or the method for obtaining the web page loading time as described in any one of claims 7 to 11.

15. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a computer program, which is loaded and executed by a processor to implement the method for obtaining the web page loading time as described in any one of claims 1 to 6, or the method for obtaining the web page loading time as described in any one of claims 7 to 11.

16. A computer program product, characterized in that The computer program product includes a computer program, which is loaded and executed by a processor to implement the method for obtaining the web page loading duration as described in any one of claims 1 to 6, or the method for obtaining the web page loading duration as described in any one of claims 7 to 11.

Images