Interface loading method and device, equipment and storage medium

Abstract

The invention provides an interface loading method and device, equipment and a storage medium, and the interface loading method comprises the steps: responding to an interface loading request, and obtaining an initial display interface corresponding to the interface loading request and a visual link element in the initial display interface; determining a first loading priority of the visual link element according to the element position information and the interaction time information of the visual link element; updating the first loading priority of the visual link element according to the target prediction model and the historical interaction data to obtain a target loading priority; and preloading the initial display interface according to the target loading priority of the visual link element to obtain a target display interface. The loading priority of the link elements is dynamically determined, and the high-priority link elements needing to be preloaded are dynamically loaded according to the network state data and the loading priority, so that the preloading bandwidth consumption is reduced, the jump delay and the preloading hit rate are improved, and the webpage browsing experience of a user is optimized.

Description

TECHNICAL FIELD

[0001] The present application relates to the technical field of computers, in particular to an interface loading method and device, equipment and a storage medium. BACKGROUND

[0002] At present, with the rapid development of Internet technology, users can browse web interfaces through browsers and other applications to perform interactive operations such as entertainment, shopping, education and office work. When the existing web interface is running, the next level of web link is usually preloaded to improve the interaction speed. However, the existing web preloading method blindly preloads all website links, resulting in a waste of most bandwidth resources, and excessive occupation of system resources, causing abnormal phenomena such as interaction lag or delay, which affects the user's web browsing experience. SUMMARY

[0003] The embodiments of the present application provide an interface loading method, device, equipment and storage medium, aiming to solve the technical problem of resource waste and lag in the interface loading process in the prior art.

[0004] In one aspect, the embodiments of the present application provide an interface loading method, which comprises the following steps: In response to an interface loading request, an initial display interface corresponding to the interface loading request and a visual link element in the initial display interface are obtained; A first loading priority of the visual link element is determined according to element position information and interaction time information of the visual link element; The first loading priority of the visual link element is updated according to a target prediction model and historical interaction data to obtain a target loading priority; The initial display interface is preloaded according to the target loading priority of the visual link element to obtain a target display interface.

[0005] In one possible implementation of the present application, the first loading priority of the visual link element is determined according to the element position information and the interaction time information of the visual link element, comprising: The element position information and the interaction time information of the visual link element are obtained; An element loading weight of the visual link element is determined according to the element position information and the interaction time information; The first loading priority of the visual link element is determined according to the element loading weight and a loading weight threshold.

[0006] In one possible implementation of the present application, the element loading weight of the visual link element is determined according to the element position information and the interaction time information, comprising: determine a target position area corresponding to the element position information, to obtain a position weight coefficient corresponding to the element position information; perform weight conversion on the interaction time information, to obtain an interaction time length coefficient corresponding to the interaction time information; determine an element loading weight of the visual link element according to the position weight coefficient and the interaction time length coefficient.

[0007] In a possible implementation manner of the present application, the updating of the first loading priority of the visual link element according to the target prediction model and the historical interaction data to obtain a target loading priority comprises: predicting a predicted interaction probability of the visual link element according to the target prediction model and the historical interaction data; updating the first loading priority according to the predicted interaction probability to obtain a target loading priority.

[0008] In a possible implementation manner of the present application, the predicting of the predicted interaction probability of the visual link element according to the target prediction model and the historical interaction data comprises: collecting historical interaction data of the initial display interface, the historical interaction data comprising any one or more of trajectory moving speed, interface staying time length and click distribution data; predicting the predicted interaction probability of the visual link element based on the historical interaction data and element layout features of the visual link element by using the target prediction model.

[0009] In a possible implementation manner of the present application, the updating of the first loading priority according to the predicted interaction probability to obtain a target loading priority comprises: obtaining terminal environment data corresponding to the initial display interface, and determining a network quality coefficient of the initial display interface based on the terminal environment data; calculating a priority score of the visual link element according to the predicted interaction probability, the network quality coefficient and a loading time coefficient of the visual link element; updating the first loading priority according to the priority score and a priority evaluation condition to obtain a target loading priority.

[0010] In a possible implementation manner of the present application, the preloading of the initial display interface according to the target loading priority of the visual link element to obtain a target display interface comprises: obtaining terminal environment data corresponding to the initial display interface, and determining network type data of the initial display interface; determining a preloading strategy of the initial display interface according to the network type data and reference type data; determine a target link element in the visible link elements based on the target loading priority and an element loading condition; preload the target link element according to the preloading strategy to obtain a target display interface.

[0011] In another aspect, the present application provides an interface loading device, which comprises: an element identification module configured to, in response to an interface loading request, acquire an initial display interface corresponding to the interface loading request and visible link elements in the initial display interface; a first evaluation module configured to determine a first loading priority of the visible link elements according to element position information and interaction time information of the visible link elements; a second evaluation module configured to update the first loading priority of the visible link elements according to a target prediction model and historical interaction data to obtain a target loading priority; an interface loading module configured to preload the initial display interface according to the target loading priority of the visible link elements to obtain a target display interface.

[0012] In another aspect, the present application further provides an interface loading device, which comprises: one or more processors; a memory; and one or more application programs, wherein the one or more application programs are stored in the memory and configured to be executed by the processor to implement the steps of the interface loading method.

[0013] In another aspect, the present application further provides a computer readable storage medium having a computer program stored thereon, wherein the computer program is loaded by a processor to execute the steps of the interface loading method.

[0014] In the present application, in response to an interface loading request, an initial display interface corresponding to the interface loading request and visible link elements in the initial display interface are acquired; a first loading priority of the visible link elements is determined according to element position information and interaction time information of the visible link elements; the first loading priority of the visible link elements is updated according to a target prediction model and historical interaction data to obtain a target loading priority; and the initial display interface is preloaded according to the target loading priority of the visible link elements to obtain a target display interface. The loading priority of a link element that can be preloaded in a webpage interface or other interface is dynamically identified in multiple dimensions, and a high-priority link element that needs to be preloaded is loaded dynamically according to network state data according to the loading priority, so as to reduce preloading bandwidth consumption, improve jump delay and preloading hit rate, and optimize the webpage browsing experience of users. Attached Figure Description

[0015] To more clearly illustrate the technical solutions in the embodiments of this application, the drawings used in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present invention. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0016] Figure 1 This is a schematic diagram illustrating a scenario of the interface loading method in an embodiment of this application. Figure 2 This is a flowchart illustrating one embodiment of the interface loading method in this application. Figure 3 A flowchart illustrating an embodiment of the interface loading method for updating the first loading priority provided in this application; Figure 4 A flowchart illustrating an embodiment of the interface preloading method provided in this application; Figure 5 A schematic diagram of one embodiment of the interface loading device provided in this application; Figure 6 This is a schematic diagram of the structure of one embodiment of the interface loading device provided in this application. Detailed Implementation

[0017] The technical solutions of the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present invention, and not all embodiments. Based on the embodiments of the present invention, all other embodiments obtained by those skilled in the art without creative effort are within the scope of protection of the present invention.

[0018] In the description of the present application, it needs to be understood that the orientation or positional relationship indicated by the terms "center", "longitudinal", "transverse", "length", "width", "thickness", "upper", "lower", "front", "rear", "left", "right", "vertical", "horizontal", "top", "bottom", "inner", "outer" and the like are based on the orientation or positional relationship shown in the drawings, and are only for the convenience of describing the present application and simplifying the description, and do not indicate or imply that the device or element indicated must have a particular orientation, be constructed and operated in a particular orientation, and therefore cannot be understood as a limitation on the present application. In addition, the terms "first", "second" are only for description purposes and cannot be understood as indicating or implying relative importance or implicitly indicating the number of the technical features indicated. Therefore, the features defined with "first", "second" can be explicitly or implicitly included one or more of the features. In the description of the present application, the meaning of "multiple" is two or more, unless otherwise explicitly specified.

[0019] In this application, the word "exemplary" is used to mean "serving as an example, instance, or illustration." Any implementation described as "exemplary" is not necessarily to be construed as preferred or advantageous over other implementations. The following description is presented to enable any person skilled in the art to make and use the application. In the following description, for purposes of explanation, specific details are set forth. It is apparent to those skilled in the art that the present application can be practiced without using these specific details. In other instances, well-known structures and processes are not elaborated in order not to obscure the description of the present application with unnecessary details. Thus, the present application is not intended to be limited by the embodiments shown, but is to be accorded with the widest scope consistent with the principles and features disclosed.

[0020] At present, with the rapid development of Internet technology, users can browse web pages through browsers and other applications to perform interactive operations such as entertainment, shopping, education and office work. When the existing web page interface is running, the next level of web page link is usually preloaded to improve the interaction speed, and the existing web page preloading method blindly preloads all station links, resulting in waste of most bandwidth resources, and excessive occupation of system resources, causing interactive lag or delay and other abnormal phenomena, affecting the user's web page browsing experience.

[0021] Based on this, the present application proposes an interface loading method, device, equipment and computer readable storage medium to solve the technical problems of resource waste and lag delay in the interface loading process in the prior art.

[0022] The interface loading method in the embodiment of the application is applied to an interface loading device, the interface loading device is arranged in an interface loading equipment, the interface loading equipment is provided with one or more processors, a memory, and one or more application programs, wherein the one or more application programs are stored in the memory and are configured to be executed by the processor to implement the interface loading method; wherein the interface loading equipment can be a smart terminal, such as a mobile phone, a tablet computer, a network device, and a smart computer; optionally, the interface loading equipment can also be a server or a service cluster composed of multiple servers.

[0023] As shown in Figure 1 Figure 1 is a scene diagram of the interface loading method of the embodiment of the application, the interface loading scene in the embodiment of the application includes an interface loading equipment 100 (the interface loading equipment 100 is integrated with an interface loading device), and a computer readable storage medium corresponding to the interface loading method is run in the interface loading equipment 100 to execute the steps of the interface loading method.

[0024] It can be understood that Figure 1 the interface loading equipment in the interface loading method scene or the device contained in the interface loading equipment does not constitute a limitation on the embodiment of the application, that is, the number and types of the interface loading equipment in the interface loading method scene or the number and types of the devices contained in each equipment do not affect the overall implementation of the technical solution in the embodiment of the application, and all of them can be regarded as equivalent replacements or derivatives of the technical solution claimed in the embodiment of the application.

[0025] The interface loading equipment 100 in the embodiment of the application is mainly used for: in response to an interface loading request, obtaining an initial display interface corresponding to the interface loading request and a visual link element in the initial display interface; determining a first loading priority of the visual link element according to element position information and interaction time information of the visual link element; updating the first loading priority of the visual link element according to a target prediction model and historical interaction data to obtain a target loading priority; preloading the initial display interface according to the target loading priority of the visual link element to obtain a target display interface.

[0026] The interface loading equipment 100 in the embodiment of the application can be a stand-alone interface loading equipment, such as a mobile phone, a tablet computer, a network device, a server, and a smart computer, and can also be an interface loading network or an interface loading cluster composed of multiple interface loading equipments.

[0027] The embodiment of the application provides an interface loading method, device, equipment, and computer readable storage medium, which are described in detail below.​

[0028] It will be understood by those skilled in the art that Figure 1 The application environment shown is only one application scenario related to the solution of this application and does not constitute a limitation on the application scenario of this application. Other application environments may include more than one application scenario. Figure 1 The number of more or fewer interface loading devices shown, or interface loading network connectivity relationships, for example Figure 1 Only one interface loading device is shown in the figure. It can be understood that the scenario of this interface loading method may also include one or more interface loading devices, which are not limited here. The interface loading device 100 may also include a memory for storing interface data and other data.

[0029] It should be noted that, Figure 1 The schematic diagram of the interface loading method shown is merely an example. The scenarios of the interface loading method described in this embodiment of the invention are intended to more clearly illustrate the technical solutions of this embodiment and do not constitute a limitation on the technical solutions provided by this embodiment of the invention.

[0030] Based on the scenarios described above regarding interface loading methods, various embodiments of the interface loading method disclosed in this invention are proposed.

[0031] like Figure 2 As shown, Figure 2 This is a flowchart illustrating one embodiment of the interface loading method in this application. The interface loading method includes the following steps 201 to 204: 201. Respond to the interface loading request, obtain the initial display interface corresponding to the interface loading request, and the visual link elements in the initial display interface; The interface loading method in this embodiment is applied to an interface loading device. The type and number of interface loading devices are not specifically limited. That is, the interface loading device can be one or more smart terminals or servers. In a specific embodiment, the interface loading device is a smart computer.

[0032] Optionally, the initial display interface is a visual window interface displayed on the screen of an interface loading device or another smart terminal communicatively connected to the interface loading device. This initial display interface can be a webpage or other display interface. The initial display interface includes at least one visual link element. Optionally, in one specific embodiment, the initial display interface is an HTML interface.

[0033] Optionally, the visible link element is an interactive link element in the initial display interface in the visual window. That is, the visible link element is a hyperlink element in the initial display interface, allowing the user to navigate between different web pages. The user can jump to the web page, image, video, and other resources corresponding to the visible link element by clicking the visible link element. Optionally, in a specific embodiment, the visible link element can be Hyperlink components such as tags and JavaScript route jump elements.

[0034] Optionally, in the running process of the interface loading device, in order to improve the loading speed and access fluency of the webpage interface and the like, the interface loading device also responds to an interface loading request to dynamically pre-load the specified visual link element by using the interface loading request. The interface loading request is an operation request for driving the interface loading device to pre-load the visual link element with a higher priority in the initial display interface. Optionally, the triggering manner of the interface loading request is not limited here, that is, the interface loading request can be triggered by the user, for example, the user initiatively triggers the interface loading request of the initial display interface by clicking the interface loading button of the interface loading device when accessing the initial display interface. In addition, the interface loading request can also be triggered automatically by the interface loading device, for example, an automatic loading process is set in the browser of the interface loading device to automatically trigger the interface loading request of the initial display interface when accessing the initial display interface.

[0035] Optionally, when the user accesses the initial display interface, the interface loading device acquires the visual link element in the initial display interface. That is, the interface loading device detects and acquires the interactive link in the visual window range of the initial display interface by using a link detection event, and determines the interactive link in the visual window range as the visual link element. Optionally, in a specific embodiment, the link detection event is a DOM parsing and scrolling event.

[0036] Optionally, in other embodiments, the interface loading device can also identify the interactive link in the visual window range of the initial display interface by using a link detection interface, and determine the interactive link in the visual window range as the visual link element. The link detection interface is an Intersection Observer API.

[0037] Optionally, after acquiring the visual link element in the visual window range of the initial display interface, the interface loading device also dynamically identifies the loading priority of the visual link element in the subsequent steps, and dynamically loads the visual link element based on the loading priority, so as to improve the pre-loading resource hit rate and effectively reduce the jump delay and bandwidth consumption.

[0038] 202. Determine a first loading priority of the visual link element according to the element position information and the interaction time information of the visual link element. Optionally, after determining the visual link element of the initial display interface, the interface loading device also determines a first loading priority of the visual link element according to the element position information and the interaction time information of the visual link element.

[0039] Optionally, the element position information is position information representing a position of the visual link element in an interface. The element position information can be interface coordinate information of the visual link element in an initial display interface. The interaction time information is time information representing a hovering duration of an interaction control (such as a pointer or a focus) of a user at a position corresponding to the visual link element.

[0040] Optionally, the first loading priority is an initial preloading priority of the visual link element in a preloading process, and is used to represent a loading or processing order of the visual link element.

[0041] Optionally, after obtaining the visual link element in the initial display interface, the interface loading device obtains element position information and interaction time information of the visual link element, and determines an element loading weight of the visual link element according to the element position information and the interaction time information, and further determines the first loading priority of the visual link element according to the element loading weight and a loading weight threshold.

[0042] Optionally, the element loading weight is a quantitative parameter representing an importance or priority of the visual link element in a preloading process. The higher the element loading weight is, the higher the preloading priority of the corresponding visual link element is.

[0043] Optionally, the interface loading device can determine the importance of the visual link element according to the element position information and the interaction time information, and further generate the element loading weight.

[0044] Optionally, after obtaining the element position information, the interface loading device determines a target position region corresponding to the element position information, and obtains a position weight coefficient corresponding to the element position information. That is, the interface loading device determines the target position region corresponding to the element position information, thereby determining the target position region into which the visual link element falls, and reads a position weight coefficient corresponding to the target position region, and determines the position weight coefficient as the position weight coefficient of the visual link element. Optionally, the target position region includes a page center region and a page edge region. The page center region is an interface region representing a central display region of the initial display interface. The page edge region is an interface region representing a side display region of the initial display interface. The position weight coefficient is a quantitative parameter representing a loading priority of the visual link element. Different target position regions correspond to different position weight coefficients. The position weight coefficient corresponding to the page center region is greater than the position weight coefficient of the page edge region. Optionally, in a specific embodiment, the position weight coefficient corresponding to the page center region is 1.2, and the position weight coefficient of the page edge region is 0.8.

[0045] Optionally, the interface loading device further converts the interaction time information into an interaction duration coefficient corresponding to the interaction time information. That is, the interface loading device further converts the interaction time information into an interaction duration coefficient used for element loading weight calculation according to the interaction time information of the visual link element. Optionally, the interface loading device can convert the interaction time information using a preset conversion coefficient, or directly determine the interaction time information as the interaction time coefficient.

[0046] Optionally, after obtaining the position weight coefficient and the interaction duration coefficient, the interface loading device determines the element loading weight of the visual link element according to the position weight coefficient and the interaction duration coefficient. That is, the interface loading device calculates the sum of the position weight coefficient and the interaction duration coefficient to obtain the element loading weight of the visual link element.

[0047] Optionally, after obtaining the element loading weight, the interface loading device further determines the first loading priority of the visual link element according to the element loading weight and a loading weight threshold corresponding to different loading priorities. That is, the interface loading device compares the loading weight threshold corresponding to different loading priorities to determine the loading priority interval to which the visual link element falls, so as to determine the first loading priority of the visual link element. Optionally, in one specific embodiment, the loading weight threshold is 0.9, and the interface loading device determines the first loading priority of the visual link element with an element loading weight greater than the loading weight threshold as a high loading priority, and determines the first loading priority of the visual link element with an element loading weight less than the loading weight threshold as a low loading priority.

[0048] 203、updating the first loading priority of the visual link element according to the target prediction model and the historical interaction data to obtain a target loading priority; Optionally, after generating the first loading priority of the visual link element, the interface loading device can further update the first loading priority of the visual link element according to a target prediction model trained in advance and historical interaction data to obtain a target loading priority. That is, after determining the first loading priority, the interface loading device further dynamically adjusts the first loading priority of the visual link element using the target prediction model to accurately identify the target loading priority of the visual link element in multiple dimensions.

[0049] Optionally, the target prediction model is an artificial intelligence model for predicting the interaction probability of the visual link element, so as to determine the loading priority of the visual link element. The target prediction model is a classifier model for predicting the click interaction probability of the visual link element by collecting user behavior data (such as cursor trajectory, scrolling speed, and dwell time, etc.). Optionally, in a specific embodiment, the target prediction model can be a classification model such as a GBDT classifier or an XGBoost classifier.

[0050] Optionally, the interface loading device predicts the predicted interaction probability of the visual link element according to the target prediction model and historical interaction data, that is, the interface loading device collects historical interaction data of the initial display interface. The historical interaction data is the interaction behavior data of the user's past interaction with the initial display interface. The historical interaction data includes any one or more of trajectory movement speed, interface dwell time, and click distribution data. The trajectory movement speed is the speed data of the interaction trajectory of the pointer or cursor when the user interacts with the initial display interface in the past. The page dwell time is the dwell time information of any page of the initial display interface when the user interacts with the initial display interface in the past. The click distribution data is the distribution data of the click behavior when the user interacts with the initial display interface in the past.

[0051] Optionally, the interface loading device predicts the predicted interaction probability of the visual link element based on the historical interaction data and the element layout features of the visual link element using the target prediction model. That is, the interface loading device inputs the historical interaction data and the element layout features of the visual link element into the target prediction model, and predicts the predicted interaction probability of the visual link element using the target prediction model. The predicted interaction probability is the probability data of the target prediction model predicting that the visual link element is clicked for interaction.

[0052] Optionally, after obtaining the predicted interaction probability of each visual link element, the interface loading device further updates the first loading priority according to the predicted interaction probability to obtain a target loading priority. For example, the interface loading device can further update the element loading weight of the visual link element using the predicted interaction probability, and then update the loading priority of the visual link element according to the updated element loading weight to obtain the target loading priority.

[0053] Optionally, in one embodiment, if the interface loading device determines that the predicted interaction probability of the visual link element is greater than the preset predicted probability threshold, the element loading weight of the interface loading device is increased by a preset gain ratio to obtain an updated element loading weight, and then the target loading priority is determined based on the updated element loading weight and the loading weight threshold. For example, in one embodiment, the interface loading device determines that the predicted interaction probability is greater than the predicted probability threshold, which is 60%, and then increases the element loading weight of the visual link element by a preset gain ratio (50%) to obtain an updated element loading weight, and determines that the loading priority of the updated element loading weight is the target loading priority.

[0054] Optionally, in other embodiments, the interface loading device can also determine the priority score of the visual link element according to the predicted interaction probability, and then update the first loading priority according to the priority score to obtain the target loading priority.

[0055] 204. Preloading the initial display interface according to the target loading priority of the visual link element to obtain a target display interface.

[0056] Optionally, after determining the target loading priority of each visual link element, the interface loading device also preloads the initial display interface according to the network state data and the target loading priority of each visual link element to obtain a target display interface.

[0057] Optionally, after obtaining the target loading priority of each visual link element, the interface loading device pre-fetches any one or more of the corresponding HTML document, CSS, and key JS resources for the visual link element with a high loading priority, and starts a hidden inline frame to pre-render the visual link element, and retains the DOM tree and style calculation results to obtain a target display interface. When the user clicks on the visual link element in the target display interface, the pre-rendered copy is directly activated, skipping the network request and main thread parsing link, to improve the page switching speed. Optionally, in one embodiment, the interface loading device can use requestIdleCallback to trigger the pre-fetching task and set a timeout pre-fetching time to avoid blocking the main thread. In one embodiment, the timeout pre-fetching time is 2 seconds.

[0058] Optionally, during the resource pre-fetching process, the interface loading device also uses a differential caching strategy to pre-fetch different types of visual link elements, for example, for high-frequency update content (such as news information, etc.) type visual link elements, only the corresponding HTML document is pre-fetched, and for static resource (such as product pictures) type visual link elements, complete cache pre-fetching is performed to generate a target display interface.

[0059] Optionally, in other embodiments, the interface loading device also acquires terminal environment data to determine network status data, and selects a corresponding preloading strategy for preloading according to the network status data, to obtain the target display interface.

[0060] In this embodiment, the interface loading device acquires the initial display interface corresponding to the interface loading request and the visual link element in the initial display interface by responding to the interface loading request; determines the first loading priority of the visual link element according to the element position information and the interaction time information of the visual link element; updates the first loading priority of the visual link element according to the target prediction model and the historical interaction data to obtain the target loading priority; and preloads the initial display interface according to the target loading priority of the visual link element to obtain the target display interface. This implementation dynamically identifies the loading priority of the pre-loadable link element in the webpage interface or other interface in multiple dimensions, and dynamically loads the high-priority link element that needs to be preloaded according to the loading priority according to the network status data, so as to reduce the preloading bandwidth consumption, improve the jump delay and preloading hit rate, and optimize the webpage browsing experience of the user.

[0061] As Figure 3 As shown in the figure, Figure 3 The flowchart of an embodiment of updating the first loading priority in the interface loading method provided by the embodiments of the present application is shown in the figure, Figure 3 As shown in the figure, in the embodiment, the interface loading method further includes steps 301-303: 301, obtaining terminal environment data corresponding to the initial display interface, and determining a network quality coefficient of the initial display interface based on the terminal environment data; 302, calculating a priority score of the visible link element according to the predicted interaction probability, the network quality coefficient, and a loading time coefficient of the visible link element; 303, updating the first loading priority according to the priority score and a priority evaluation condition to obtain a target loading priority.

[0062] Based on the above embodiment, in the embodiment, after obtaining the predicted interaction probability, the interface loading device can determine the priority score of the visible link element according to the predicted interaction probability, the network quality coefficient, and the loading time coefficient of the visible link element, and then update the first loading priority according to the priority score to obtain the target loading priority.

[0063] Optionally, the terminal environment data is environment feature data representing the network status and device performance of the intelligent terminal displaying the initial display interface. Optionally, the terminal environment data includes any one or more of network status data and terminal load data.

[0064] Optionally, the network quality coefficient is a quantitative parameter representing the network status of the intelligent terminal corresponding to the initial display interface. That is, the network quality coefficient is an evaluation coefficient reflecting the network status of the intelligent terminal. The network quality coefficient can be calculated by the interface loading device based on the network status data, for example, the network quality coefficient can be an evaluation parameter calculated by the interface loading device on the RTT parameter or network bandwidth parameter in the network status data.

[0065] Optionally, after obtaining the terminal environment data corresponding to the initial display interface, the interface loading device further determines the network quality coefficient of the initial display interface based on the terminal environment data. That is, the interface loading device analyzes the terminal environment data using a network evaluation model to determine the network quality coefficient.

[0066] Optionally, the interface loading device also reads the historical loading time of each visual link element, performs regression based on the historical loading time to obtain the loading time coefficient of the visual link element, and calculates the priority score of the visual link element based on the predicted interaction probability, network quality coefficient, and loading time coefficient. The priority score is calculated by multiplying the predicted interaction probability, network quality coefficient, and loading time coefficient.

[0067] Optionally, after obtaining the priority score, the interface loading device updates the first loading priority based on the priority score and the priority evaluation condition to obtain the target loading priority. The priority evaluation condition is an assessment criterion for determining whether to update the first loading priority. Optionally, in a specific embodiment, the priority evaluation condition is that the priority score is greater than a priority score threshold. That is, if the interface loading device determines that the priority score meets the priority evaluation condition, it updates the loading priority of the visible link element to a high loading priority requiring preloading, thus obtaining the target loading priority. This allows for dynamic adjustment of the link element's loading priority based on predicted interaction probability and network status, thereby improving the prefetch resource hit rate.

[0068] In this embodiment, the interface loading device acquires terminal environment data corresponding to the initial display interface, determines the network quality coefficient of the initial display interface based on the terminal environment data, calculates the priority score of the visual link element according to the predicted interaction probability, the network quality coefficient, and the loading time coefficient of the visual link element, and updates the first loading priority according to the priority score and priority evaluation conditions to obtain the target loading priority. This achieves dynamic adjustment of the loading priority of link elements based on the predicted interaction probability and network status, thereby improving the prefetch resource hit rate.

[0069] like Figure 4 As shown, Figure 4 This is a flowchart illustrating an embodiment of the interface preloading method provided in this application. Figure 4 In the illustrated embodiment, the interface loading method further includes steps 401 to 404: 401. Obtain the terminal environment data corresponding to the initial display interface, and determine the network type data of the initial display interface; 402. Determine the preloading strategy for the initial display interface based on the network type data and the reference type data; 403. Determine the target link element in the visual link element based on the target loading priority and element loading conditions; 404. Preload the target link element according to the preloading strategy to obtain the target display interface.

[0070] Based on the above embodiments, in this embodiment, after determining the target loading priority of the visual link elements, the interface loading device also obtains terminal environment data to determine network status data, and selects the corresponding preloading strategy according to the network status data to preload and obtain the target display interface.

[0071] Optionally, the interface loading device acquires terminal environment data corresponding to the initial display interface and determines the network type data of the initial display interface. This network type data consists of parameter information characterizing the network type of the current communication network corresponding to the initial display interface. Optionally, in one specific embodiment, the network type includes a high-speed network type and a low-speed network type. For example, in one specific embodiment, the high-speed network type corresponds to high-speed networks such as 4G / 5G. The low-speed network type corresponds to low-speed networks such as 2G / 3G.

[0072] Optionally, after obtaining network type data, the interface loading device matches the network type data with reference type data corresponding to each preloading strategy. If the network type data is the same as any reference type data, the preloading strategy corresponding to that reference type data is determined as the preloading strategy for the initial display interface. This preloading strategy guides the initial display interface in preloading link elements. In one specific embodiment, the preloading strategy includes a first loading strategy and a second loading strategy. The first loading strategy is a preloading strategy associated with network type data under good network conditions, used for pre-rendering the target link elements. The second loading strategy is a preloading strategy associated with network type data under poor network conditions, used for pre-fetching HTML files for the target link elements.

[0073] Optionally, the interface loading device determines the target link element among the visual link elements based on the target loading priority and the element loading condition. The element loading condition is a judgment condition for determining the target visual link element to be preloaded within the visual link elements. Optionally, in one specific embodiment, the element loading condition is to determine the visual link element with a high target loading priority as the target link element. Optionally, in other embodiments, the element loading condition can also be set to determine the visual link element whose priority score or element loading weight corresponding to the target loading priority is greater than the corresponding score threshold as the target link element.

[0074] Optionally, after determining the target link element to be preloaded, the interface loading device also preloads the target link element according to the preloading strategy to generate the target display interface. That is, the interface loading device pre-renders the target link element according to the first loading strategy to generate the target display interface, or prefetches the HTML file of the target link element according to the second loading strategy to generate the target display interface.

[0075] In this embodiment, the interface loading device determines the network type data of the initial display interface by acquiring terminal environment data corresponding to the initial display interface; determines the preloading strategy of the initial display interface based on the network type data and reference type data; determines the target link element among the visible link elements based on the target loading priority and element loading conditions; and preloads the target link element according to the preloading strategy to obtain the target display interface. This achieves dynamic preloading of target link elements based on different network type environments, reducing network bandwidth consumption.

[0076] To better implement the interface loading method in the embodiments of this application, an interface loading device is also provided in the embodiments of this application, such as... Figure 5 As shown, Figure 5 This is a schematic diagram of one embodiment of the interface loading device provided in this application. Specifically, the interface loading device 500 includes: The element recognition module 501 is configured to respond to the interface loading request, obtain the initial display interface corresponding to the interface loading request, and the visual link elements in the initial display interface. The first evaluation module 502 is configured to determine the first loading priority of the visual link element based on the element position information and interaction time information of the visual link element. The second evaluation module 503 is configured to update the first loading priority of the visual link element based on the target prediction model and historical interaction data to obtain the target loading priority. The interface loading module 504 is configured to preload the initial display interface according to the target loading priority of the visual link elements to obtain the target display interface.

[0077] In one possible implementation of this embodiment, the interface loading device determines the first loading priority of the visual link element based on the element position information and interaction time information of the visual link element, including: Obtain the element position information and interaction time information of the visual link element; The element loading weight of the visual link element is determined based on the element position information and the interaction time information. The first loading priority of the visual link element is determined based on the element loading weight and the loading weight threshold.

[0078] In one possible implementation of this embodiment, the interface loading device determines the element loading weight of the visual link element based on the element position information and the interaction time information, including: Determine the target location region corresponding to the element location information, and obtain the location weight coefficient corresponding to the element location information; The interaction time information is weighted and transformed to obtain the interaction duration coefficient corresponding to the interaction time information. The element loading weight of the visual link element is determined based on the position weight coefficient and the interaction duration coefficient.

[0079] In one possible implementation of this embodiment, the interface loading device updates the first loading priority of the visual link element based on the target prediction model and historical interaction data to obtain the target loading priority, including: The predicted interaction probability of the visual link element is predicted based on the target prediction model and historical interaction data. The first loading priority is updated based on the predicted interaction probability to obtain the target loading priority.

[0080] In one possible implementation of this embodiment, the interface loading device predicts the predicted interaction probability of the visual link element based on the target prediction model and historical interaction data, including: Collect historical interaction data of the initial display interface, wherein the historical interaction data includes any one or more of trajectory movement speed, interface dwell time and click distribution data; The target prediction model is used to predict the predicted interaction probability of the visual link element based on the historical interaction data and the element layout features of the visual link element.

[0081] In one possible implementation of this embodiment, the interface loading device updates the first loading priority based on the predicted interaction probability to obtain the target loading priority, including: Obtain the terminal environment data corresponding to the initial display interface, and determine the network quality coefficient of the initial display interface based on the terminal environment data; The priority score of the visual link element is calculated based on the predicted interaction probability, network quality coefficient, and loading time coefficient of the visual link element. The first loading priority is updated based on the priority score and priority evaluation conditions to obtain the target loading priority.

[0082] In one possible implementation of this embodiment, the interface loading device preloads the initial display interface according to the target loading priority of the visual link elements to obtain the target display interface, including: Obtain the terminal environment data corresponding to the initial display interface, and determine the network type data of the initial display interface; The preloading strategy for the initial display interface is determined based on the network type data and the reference type data; The target link element in the visual link element is determined based on the target loading priority and element loading conditions. The target link elements are preloaded according to the preloading strategy to obtain the target display interface.

[0083] In this embodiment, the interface loading device responds to an interface loading request, obtains the initial display interface corresponding to the request, and the visual link elements in the initial display interface; determines the first loading priority of the visual link elements based on their element position information and interaction time information; updates the first loading priority of the visual link elements based on a target prediction model and historical interaction data to obtain a target loading priority; and preloads the initial display interface based on the target loading priority of the visual link elements to obtain the target display interface. This achieves multi-dimensional dynamic identification of the loading priority of preloadable link elements in web pages or other interfaces, and dynamically loads high-priority link elements that need to be preloaded according to their loading priority based on network status data, thereby reducing preload bandwidth consumption, improving jump latency and preload hit rate, and optimizing the user's web browsing experience.

[0084] This invention also provides an interface loading device, such as... Figure 6 As shown, Figure 6 This is a schematic diagram of one embodiment of the interface loading device provided in this application.

[0085] The interface loading device integrates any one of the interface loading apparatuses provided in the embodiments of the present invention, and the interface loading device includes: One or more processors; Memory; and One or more applications, wherein the one or more applications are stored in the memory and configured to be executed by the processor from the steps of the interface loading method described in any of the above-described embodiments of the interface loading method.

[0086] Specifically, the interface loading device may include components such as a processor 601 with one or more processing cores, a memory 602 with one or more computer-readable storage media, a power supply 603, and an input unit 604. Those skilled in the art will understand that...Figure 6 The interface loading device structure shown does not constitute a limitation on the interface loading device and may include more or fewer components than shown, or combine certain components, or have different component arrangements. Wherein: The processor 601 is the control center of the interface loading device. It connects various parts of the interface loading device via various interfaces and lines. By running or executing software programs and / or modules stored in the memory 602, and by calling data stored in the memory 602, it performs various functions and processes data of the interface loading device, thereby providing overall monitoring of the interface loading device. Optionally, the processor 601 may include one or more processing cores; preferably, the processor 601 may integrate an application processor and a modem processor, wherein the application processor mainly handles the operating system, user interface, and applications, and the modem processor mainly handles wireless communication. It is understood that the modem processor may not be integrated into the processor 601.

[0087] The memory 602 can be used to store software programs and modules. The processor 601 executes various functional applications and data processing by running the software programs and modules stored in the memory 602. The memory 602 may mainly include a program storage area and a data storage area. The program storage area may store the operating system, application programs required for at least one function (such as sound playback function, image playback function, etc.), etc.; the data storage area may store data created based on the use of the interface loading device, etc. In addition, the memory 602 may include high-speed random access memory, and may also include non-volatile memory, such as at least one disk storage device, flash memory device, or other volatile solid-state storage device. Accordingly, the memory 602 may also include a memory controller to provide the processor 601 with access to the memory 602.

[0088] The interface loading device also includes a power supply 603 that supplies power to the various components. Preferably, the power supply 603 can be logically connected to the processor 601 through a power management system, thereby enabling functions such as charging, discharging, and power consumption management through the power management system. The power supply 603 may also include one or more DC or AC power supplies, recharging systems, power fault detection circuits, power converters or inverters, power status indicators, and other arbitrary components.

[0089] The interface loading device may also include an input unit 604, which can be used to receive input numeric or character information, and generate keyboard, mouse, joystick, optical or trackball signal inputs related to user settings and function control.

[0090] Although not shown, the interface loading device may also include a display unit, etc., which will not be described in detail here. Specifically, in this embodiment, the processor 601 in the interface loading device loads the executable files corresponding to the processes of one or more applications into the memory 602 according to the following instructions, and the processor 601 runs the applications stored in the memory 602 to realize various functions, as follows: In response to the interface loading request, obtain the initial display interface corresponding to the interface loading request, as well as the visual link elements in the initial display interface; The first loading priority of the visual link element is determined based on the element position information and interaction time information of the visual link element; The first loading priority of the visual link element is updated based on the target prediction model and historical interaction data to obtain the target loading priority; The initial display interface is preloaded according to the target loading priority of the visual link elements to obtain the target display interface.

[0091] Therefore, embodiments of the present invention provide a computer-readable storage medium, which may include: read-only memory (ROM), random access memory (RAM), a disk, or an optical disk, etc. A computer program is stored thereon, and the computer program is loaded by a processor to execute the steps in any of the interface loading methods provided in the embodiments of the present invention. For example, the computer program loaded by the processor may execute the following steps: In response to the interface loading request, obtain the initial display interface corresponding to the interface loading request, as well as the visual link elements in the initial display interface; The first loading priority of the visual link element is determined based on the element position information and interaction time information of the visual link element; The first loading priority of the visual link element is updated based on the target prediction model and historical interaction data to obtain the target loading priority; The initial display interface is preloaded according to the target loading priority of the visual link elements to obtain the target display interface.

[0092] In the above embodiments, the descriptions of each embodiment have different focuses. For parts not described in detail in a certain embodiment, please refer to the detailed descriptions of other embodiments above, which will not be repeated here.

[0093] In practice, each of the above units or structures can be implemented as an independent entity or can be arbitrarily combined to be implemented as the same or several entities. For the specific implementation of each of the above units or structures, please refer to the previous method embodiments, which will not be repeated here.

[0094] For details on the implementation of each of the above operations, please refer to the previous examples, which will not be repeated here.

[0095] The interface loading method provided by the embodiments of this application has been described in detail above. Specific embodiments have been used to illustrate the principle and implementation of the present invention. The description of the above embodiments is only for the purpose of helping to understand the method and core idea of ​​the present invention. At the same time, for those skilled in the art, there will be changes in the specific implementation and application scope based on the idea of ​​the present invention. Therefore, the content of this specification should not be construed as a limitation of the present invention.

Claims

1. A method for loading an interface, characterized in that, The interface loading method includes: In response to the interface loading request, obtain the initial display interface corresponding to the interface loading request, as well as the visual link elements in the initial display interface; The first loading priority of the visual link element is determined based on the element position information and interaction time information of the visual link element; The first loading priority of the visual link element is updated based on the target prediction model and historical interaction data to obtain the target loading priority; The initial display interface is preloaded according to the target loading priority of the visual link elements to obtain the target display interface.

2. The interface loading method according to claim 1, characterized in that, Determining the first loading priority of the visual link element based on its element position information and interaction time information includes: Obtain the element position information and interaction time information of the visual link element; The element loading weight of the visual link element is determined based on the element position information and the interaction time information. The first loading priority of the visual link element is determined based on the element loading weight and the loading weight threshold.

3. The interface loading method according to claim 2, characterized in that, Determining the element loading weight of the visual link element based on the element position information and the interaction time information includes: Determine the target location region corresponding to the element location information, and obtain the location weight coefficient corresponding to the element location information; The interaction time information is weighted and transformed to obtain the interaction duration coefficient corresponding to the interaction time information. The element loading weight of the visual link element is determined based on the position weight coefficient and the interaction duration coefficient.

4. The interface loading method according to claim 1, characterized in that, The step of updating the first loading priority of the visual link element based on the target prediction model and historical interaction data to obtain the target loading priority includes: The predicted interaction probability of the visual link element is predicted based on the target prediction model and historical interaction data. The first loading priority is updated based on the predicted interaction probability to obtain the target loading priority.

5. The interface loading method according to claim 4, characterized in that, The step of predicting the predicted interaction probability of the visual link element based on the target prediction model and historical interaction data includes: Collect historical interaction data of the initial display interface, wherein the historical interaction data includes any one or more of trajectory movement speed, interface dwell time and click distribution data; The target prediction model is used to predict the predicted interaction probability of the visual link element based on the historical interaction data and the element layout features of the visual link element.

6. The interface loading method according to claim 4, characterized in that, The step of updating the first loading priority based on the predicted interaction probability to obtain the target loading priority includes: Obtain the terminal environment data corresponding to the initial display interface, and determine the network quality coefficient of the initial display interface based on the terminal environment data; The priority score of the visual link element is calculated based on the predicted interaction probability, network quality coefficient, and loading time coefficient of the visual link element. The first loading priority is updated based on the priority score and priority evaluation conditions to obtain the target loading priority.

7. The interface loading method according to any one of claims 1-6, characterized in that, The step of preloading the initial display interface according to the target loading priority of the visual link elements to obtain the target display interface includes: Obtain the terminal environment data corresponding to the initial display interface, and determine the network type data of the initial display interface; The preloading strategy for the initial display interface is determined based on the network type data and the reference type data; The target link element in the visual link element is determined based on the target loading priority and element loading conditions. The target link elements are preloaded according to the preloading strategy to obtain the target display interface.

8. An interface loading device, characterized in that, The interface loading device includes: The element recognition module is configured to respond to the interface loading request, obtain the initial display interface corresponding to the interface loading request, and the visual link elements in the initial display interface. The first evaluation module is configured to determine the first loading priority of the visual link element based on the element position information and interaction time information of the visual link element; The second evaluation module is configured to update the first loading priority of the visual link element based on the target prediction model and historical interaction data to obtain the target loading priority; The interface loading module is configured to preload the initial display interface according to the target loading priority of the visual link elements to obtain the target display interface.

9. An interface loading device, characterized in that, The interface loading device includes: One or more processors; Memory; and One or more applications, wherein the one or more applications are stored in the memory and configured to be executed by the processor to implement the steps of the interface loading method according to any one of claims 1 to 7.

10. A computer-readable storage medium, characterized in that, It stores a computer program, which is loaded by a processor to execute the steps of the interface loading method according to any one of claims 1 to 7.

Images