CN114518912B - Page loading method, device, equipment and readable storage medium - Google Patents
Page loading method, device, equipment and readable storage medium Download PDFInfo
- Publication number
- CN114518912B CN114518912B CN202210157822.5A CN202210157822A CN114518912B CN 114518912 B CN114518912 B CN 114518912B CN 202210157822 A CN202210157822 A CN 202210157822A CN 114518912 B CN114518912 B CN 114518912B
- Authority
- CN
- China
- Prior art keywords
- page
- browser component
- loading
- preloaded
- preloading
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
- Y02D10/00—Energy efficient computing, e.g. low power processors, power management or thermal management
Abstract
The invention discloses a page loading method, which is characterized in that after an APP is started, a predicted next-stage browsing page is preloaded, after a page loading request of a user is received, if the loaded page comprises a target page of the request, the loaded target page can be directly called to directly carry out output setting without going through a loading step after the request is received, so that the output speed of the page is increased; meanwhile, intelligent preloading service is introduced, the next level preview page can be estimated according to the operation information of a user in the APP, the high probability page is selected for preloading, and limited resources are preloaded to pages with high clicking probability, so that contradiction between preloading hit rate and resource occupation can be balanced, the preloading hit rate is improved to the maximum extent under the condition of limited memory and flow, and user experience is improved. The invention also discloses a page loading device, equipment and a readable storage medium, which have corresponding technical effects.
Description
Technical Field
The present invention relates to the field of software technologies, and in particular, to a method, an apparatus, a device, and a readable storage medium for loading pages.
Background
In the mobile internet era, an APP (application program) becomes a mobile end traffic portal, and for fast iteration, android/iOS double-end multiplexing and the like, services in the APP generally adopt a browser component (a component is required for loading an H5 page in the APP to complete style analysis and rendering, logic analysis and execution of the H5 page, which is called a browser component in the present invention) in the APP to load an HTML5 service page (HTML 5 is a language description mode for constructing Web content, and the HTML5 service page refers to a page described by HTML5, CSS and the like, hereinafter referred to as an H5 page).
And an H5 page is opened in the APP, long waiting in main processes such as white screen, loading, whole page frame presenting, data/picture filling and the like is required to be carried out, if clicking returns to the previous page, the waiting is required to be carried out again, the page performance and user operation experience are poor, and the service conversion rate is affected.
In order to solve the problem, in the conventional method, an offline caching scheme is generally adopted, namely, H5 resources are packaged and then issued to the APP in advance, when a browser component initiates a request, the request is intercepted and local acquisition is attempted, and if the acquisition is successful, the request is directly loaded to an interface, so that the time for network acquisition can be saved. However, because the H5 pages to be loaded by the user are flexible and changeable, only offline caching of the specified resources of the specified pages can be realized in a limited storage space, and the hit rate is proportional to the occupied resources in the face of flexible user demands, which can occupy a large amount of local resources; meanwhile, the resources cached offline have the risk of being tampered, and the security of the service can be influenced; due to flexible updating of the resources, the offline downloaded resources and the actual online resources may not be matched, so that the problem of stability of online operation is caused; and meanwhile, higher offline resource maintenance cost and compatibility problems are brought.
In summary, how to integrally improve the performance experience of the H5 page in the APP and improve the service conversion rate is a technical problem that needs to be solved by those skilled in the art at present.
Disclosure of Invention
The invention aims to provide a page loading method, a device, equipment and a readable storage medium, so as to integrally improve the performance experience of an H5 page in an APP and improve the service conversion rate.
In order to solve the technical problems, the invention provides the following technical scheme:
a page loading method, comprising:
after detecting the start of the APP, creating a browser component instance;
extracting user operation information in the APP, inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and obtaining a predicted page;
the browser component instance is called to carry out background loading on the predicted page, and the loaded predicted page is added into a preloaded browser component pool;
after a page loading request is acquired, judging whether a target page of the page loading request exists in the preloading browser component pool;
and if the target page exists, extracting the preloaded target page from the preloaded browser component pool, and performing output setting.
Optionally, after the APP start is detected, the method further includes:
collecting frame operation information;
inputting the frame operation information into a configuration generation model for configuration parameter setting, and generating configuration parameters; wherein the configuration parameters include: at least one of the creation number and the preloading number of the browser component examples;
then, correspondingly, the creating a browser component instance includes: creating browser component instances corresponding to the created number;
inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and obtaining a predicted page, wherein the method comprises the following steps: inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and generating a predicted page list; and extracting high browsing probability pages corresponding to the preloading number from the predicted page list to serve as the predicted pages.
Optionally, the configuration parameters further include: preloading page save time; inputting the frame operation information into a configuration generation model for configuration parameter setting, wherein the method comprises the following steps: inputting the frame operation information into a configuration generation model to set the preservation time of the preloaded page;
then correspondingly, further comprises: and if the storage time of the first page in the preloaded browser component pool exceeds the storage time of the preloaded page, destroying the first page from the preloaded browser component pool.
Optionally, before the invoking the browser component instance to background load the predicted page, the method further includes:
judging whether the residual memory capacity of the preloaded browser component pool is lower than a lower threshold value;
if yes, sequentially destroying all the preloaded pages in the preloaded browser component pool according to the sequence from short to long of the remaining effective time until the remaining storage capacity is not lower than the lower threshold.
Optionally, after the creating the browser component instance, the method further includes: and loading an empty browsing page.
Optionally, after the determining whether the target page of the page loading request exists in the preloaded browser component pool, the method further includes:
if the target page of the page loading request does not exist in the pre-loading browser component pool, loading the target page;
extracting a loading file of the target file;
and adding the loading file into the preloaded browser component pool.
A page loading apparatus comprising:
the instance pre-creation unit is used for creating a browser component instance after detecting the start of the APP;
the page prediction unit is used for extracting user operation information in the APP, inputting the user operation information to the intelligent prediction server for next-stage browsing page prediction, and obtaining a predicted page;
the preloading unit is used for calling the browser component instance to carry out background loading on the predicted page and adding the loaded predicted page into a preloading browser component pool;
the request processing unit is used for judging whether a target page of the page loading request exists in the preloading browser component pool after the page loading request is acquired; if yes, triggering an output unit;
and the output unit is used for extracting the preloaded target page from the preloaded browser component pool and performing output setting.
Optionally, the page loading device further includes: a parameter intelligent configuration unit;
the parameter intelligent configuration unit is used for collecting frame operation information after the APP is detected to be started; inputting the frame operation information into a configuration generation model for configuration parameter setting, and generating configuration parameters; wherein the configuration parameters include: at least one of the creation number and the preloading number of the browser component examples;
the instance pre-creation unit is accordingly configured to: after detecting the start of the APP, creating browser component instances corresponding to the created number;
the page prediction unit is used for: extracting user operation information in the APP, inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and generating a predicted page list; and extracting high browsing probability pages corresponding to the preloading number from the predicted page list to serve as the predicted pages.
A computer device, comprising:
a memory for storing a computer program;
and the processor is used for realizing the steps of the page loading method when executing the computer program.
A readable storage medium having stored thereon a computer program which when executed by a processor performs the steps of the page loading method described above.
According to the method provided by the embodiment of the invention, after the APP is started, the predicted next-stage browsing page is preloaded, after a page loading request of a user is received, if the loaded page comprises a target page of the request, the loaded target page can be directly called to be directly output and set for presentation to the user, and loading steps such as initialization, resource downloading analysis and execution after the request is received are not required, so that the output speed of an H5 page in the APP is improved; meanwhile, intelligent preloading service is introduced, the next level preview page can be estimated according to the operation information of a user in the APP, the high probability page is selected for preloading, and limited resources are preloaded to pages with high clicking probability, so that contradiction between preloading hit rate and resource occupation can be balanced, the preloading hit rate is improved to the maximum extent under the condition of limited memory and flow, and user experience is improved.
Correspondingly, the embodiment of the invention also provides a page loading device, equipment and a readable storage medium corresponding to the page loading method, which have the technical effects and are not repeated herein.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the related art, the drawings that are required to be used in the embodiments or the related technical descriptions will be briefly described, and it is apparent that the drawings in the following description are only some embodiments of the present invention, and other drawings may be obtained according to the drawings without inventive effort for those skilled in the art.
FIG. 1 is a schematic diagram of an H5 page load interaction;
FIG. 2 is a flowchart of a page loading method according to an embodiment of the present invention;
FIG. 3 is a schematic illustration of intelligent preloading according to an embodiment of the present invention;
FIG. 4 is a schematic illustration of an APP-side internal preloading in an embodiment of the present invention;
FIG. 5 is a schematic diagram of intelligent generation of configuration parameters according to an embodiment of the present invention;
FIG. 6 is a schematic diagram of a page loader according to an embodiment of the present invention;
fig. 7 is a schematic structural diagram of a computer device according to an embodiment of the present invention.
Detailed Description
The core of the invention is to provide a page loading method, which integrally improves the performance experience of H5 pages in APP and improves the service conversion rate.
In order to better understand the aspects of the present invention, the present invention will be described in further detail with reference to the accompanying drawings and detailed description. It will be apparent that the described embodiments are only some, but not all, embodiments of the invention. All other embodiments, which can be made by those skilled in the art based on the embodiments of the invention without making any inventive effort, are intended to be within the scope of the invention.
As shown in fig. 1, when an H5 page needs to be opened in the APP, a browser component needs to be created, and the processes of loading the page, executing a page script, receiving back-end data, rendering and drawing to a screen are completed through the browser component, so that a user needs to go through the processes of feedback-free waiting, white screen and the like; the jump to the next page is also subjected to the waiting, and then the previous page is returned, and still the longer waiting is still subjected to, so that the overall experience of loading the H5 page in the APP is reduced, and if the page loading time is more than 3s, 53% of users can choose to directly exit the page according to statistics.
In view of this, the object of the present invention is to: the method and the device ensure that the H5 pages can be quickly presented when being opened for the first time in the APP, and the user can smoothly interact forward and backward when browsing a plurality of H5 pages.
Referring to fig. 2, fig. 2 is a flowchart of a page loading method in an embodiment of the present invention, where the method may integrally improve performance experience of H5 pages in APP, and improve service conversion rate, and the method specifically includes the following steps:
s101, after detecting APP starting, creating a browser component instance;
when the APP is started (at this time, the user does not open an H5 page in the APP), the background is quiesced to create N browser component instances so as to complete initialization of the browser component instances, after the browser component instances are created in advance, if a certain browser page needs to be opened later, the pre-generated browser component instances can be directly called, and real-time creation is not needed, so that the loading speed of the H5 page is improved. The created browser component examples can be managed by the browser component pool, including creation, preheating, destroying, recycling, multiplexing and the like of the browser components, so that unified management is facilitated.
After the browser component instance is created, the created browser component instance can be further preheated by loading the empty H5 page, so that a new page can be conveniently and rapidly displayed in use, the waiting time of a white screen is shortened, and the loading of the empty H5 page can be omitted, and the method is not limited.
S102, extracting user operation information in the APP, inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and obtaining a predicted page;
in an ideal state, the pre-created browser component instances are enough, the pre-loaded browser component pool is large enough to jump to any page in the browsing process of the user foreground H5 page, and the user can hit from the pre-loaded browser pool and directly push to the foreground, so that the user enjoys the acceleration experience of the page. However, in practice, preloading too many H5 pages, not only increases the memory usage, but also consumes user traffic, and may put a greater stress on the service backend server, where the H5 pages that the user desires to open are not preloaded for various reasons.
In view of this, the method proposes: and entering an APP inner page, reporting user operation information such as user identification, equipment conditions, eyeball browsing areas, screen middle areas and the like to an intelligent prediction server, and taking the parameters as parameters by the intelligent prediction server to intelligently predict a next-level page list so as to realize intelligent preloading.
The intelligent preloading proposed by the method is shown in figure 3, aiming at the problem of preloading which H5 pages of a specific user in a specific scene, combining with a service scene, model services are modeled by collecting user portraits related to user services and combining with historical user browsing data, such as whether to Click, browse paths, stay time and other offline user behavior databases, CTR (Click-Through-Rate), which is the most basic concept in internet advertisements, wherein in order to ensure advertising benefits, CTR prediction needs to be carried out on advertisement entries in an advertisement system, and classical algorithms with high Click probability are modeled to provide a prediction service API (Application Program Interface ); of course, besides the conventional user behavior data, other personalized information such as eyeball stay and screen middle area when a user browses pages can be collected under appropriate conditions, so that the prediction model is more accurate. When a specific user in a specific service state browses to a specific page, the prediction service can issue a next-stage H5 page click probability sorting list, pre-load the page according to N (such as 2 and 5) before the selection of the residual resources, and improve the page loading hit rate, so that the best user experience can be obtained with less resource occupation.
S103, calling a browser component instance to carry out background loading on the predicted page, and adding the loaded predicted page into a preloaded browser component pool;
the pre-created browser component instances are fetched from the browser component pool (i.e. the storage pool of N browser component instances created in the first step) and loaded in the background (e.g. the URLA renders out the HTMLA), and stored in the pre-loaded browser component pool, which manages all browser components with H5 pages pre-loaded in the background, and performs validity management, hit-matching detection, etc. The predicted page after background loading is added to the preloaded browser component pool, so that the predicted page can be conveniently pushed to the foreground when hit occurs. The implementation manner of invoking the browser component instance to perform background loading on the predicted page may refer to the description of the related art, which is not limited herein.
S104, judging whether a target page of the page loading request exists in the preloading browser component pool after the page loading request is acquired;
referring to fig. 4, which is a schematic diagram of preloading in an APP end, when a user wants to open a URL in a browser, that is, when a page loading request is initiated, the user opens a URL display page by clicking an H5 entry, at this time, it is first checked whether there is a preloading browser component corresponding to the request in a preloading browser component pool, if yes, it is considered that there is a hit, step S105 is executed to directly extract a preloaded target page from the preloading browser component pool, thereby realizing page opening acceleration.
If the target page of the page loading request does not exist in the pre-loading browser component pool, the real-time loading output of the target page can be directly carried out according to the traditional method so as to be displayed to a user, and after loading is completed, a corresponding loading file can be further added into the pre-loading browser component pool so as to directly call the loading file in subsequent page browsing, thereby realizing speed increasing. It should be noted that, for the processing manner in the case where the target page of the page loading request does not exist in the preloaded browser component pool, the processing manner is not limited in this embodiment, and may be set according to the actual situation, which is not described herein.
S105, extracting the preloaded target page from the preloaded browser component pool, and performing output setting.
If a target page of a page loading request exists in the pre-loaded browser component pool, the loaded browser component corresponding to the target page is directly set to be visible to a user, and the browser component of the H5 page is presented on the page, so that the target page is directly output. When the user jumps to different H5 pages, after the user continuously opens the HTML and switches to the HTML5, clicking and returning, the frame can replace the previous browser component instead of the previous browser component actually, the waiting and reloading are not needed, and the experience is the same as that of the switching between original pages, and the page straight-out step in FIG. 4 can be referred to, so that the method also solves the problem of acceleration when the user returns.
Based on the description, the technical scheme provided by the embodiment of the invention carries out preloading on the predicted next-stage browsing page after the APP is started, after a page loading request of a user is received, if the loaded page comprises a target page of the request, the loaded target page can be directly called to directly carry out output setting so as to be presented to the user, and the loading steps such as initialization, resource downloading analysis and execution after the request is received are not required, so that the output speed of the H5 page in the APP is improved; meanwhile, intelligent preloading service is introduced, the next level preview page can be estimated according to the operation information of a user in the APP, the high probability page is selected for preloading, and limited resources are preloaded to pages with high clicking probability, so that contradiction between preloading hit rate and resource occupation can be balanced, the preloading hit rate is improved to the maximum extent under the condition of limited memory and flow, and user experience is improved.
It should be noted that, based on the above embodiments, the embodiments of the present invention further provide corresponding improvements. The preferred/improved embodiments relate to the same steps as those in the above embodiments or the steps corresponding to the steps may be referred to each other, and the corresponding advantages may also be referred to each other, so that detailed descriptions of the preferred/improved embodiments are omitted herein.
Setting parameters such as the number of browser components and the number of preloaded components, depending on the current conditions such as the memory space of a mobile phone of a user, the memory occupation in an application, browsing records of the user and the like, if the parameter setting is too large, resource waste and memory waste are caused; if the parameter setting is too small, the hit rate is low, and experience improvement is not obvious. For example, a certain memory is consumed by the creation of the browser component, and if too many browser components are created, the APP memory is insufficient, so that normal service functions are affected.
Aiming at the problems, the invention further provides feedback parameters and control parameters, and the control capability of parameter automation, intellectualization and dynamics is realized by means of the PID closed-loop controller idea, so that the full utilization of resources is realized, and the maximum promotion of user experience is ensured.
Then after detecting APP start, the following steps may be further performed:
s106, collecting frame operation information;
the collection of the frame operation information may include normal exception data during the frame operation, including but not limited to abnormal information collection such as memory overflow, expiration of no availability webview, webview, and the like, and logic embedded point collection during the preloading operation.
S107, inputting the frame operation information into a configuration generation model to perform configuration parameter setting, and generating configuration parameters;
FIG. 5 is a schematic diagram showing intelligent generation of configuration parameters, wherein output parameters are processed through a configuration generation model, the configuration parameters are generated after the processing is completed, the configuration parameters of a preloading frame are influenced, and collected information is calculated through big data and then is used as parameters to be input into the configuration generation model to form a control closed loop; thereby achieving the automatic and intelligent control of configuration parameters. The generated configuration parameters may include parameters such as the number of browser components, the number of preloads, etc., but are not limited thereto.
Accordingly, step S101 creates a browser component instance comprising: creating browser component instances corresponding to the number of created instances.
And when the APP is started, creating browser component instances corresponding to the number of the created browser component instances by background silence, and completing initialization of the browser component instances.
Correspondingly, step S102 inputs user operation information to the intelligent prediction server to perform next-stage browsing page prediction, and obtains a predicted page, including: inputting user operation information to an intelligent prediction server for next-stage browsing page prediction, and generating a predicted page list; and extracting a page with high browsing probability corresponding to the preloaded number from the predicted page list as a predicted page.
The framework can trigger the preloading according to the next-level page list obtained from the intelligent prediction server, and if the maximum preloading number M issued by the current back end, TOP M URLs are taken from the next-level page list.
The method provided by the embodiment dynamically issues control parameters such as the size of a browser component pool, the upper limit of a preloaded page and the like through the back end, and frame operation information such as the hit number of a mobile phone end, the number of the rest of the browser components, the number of the preloaded pages and the like is also timely reported and is used as feedback information to the back end, and the back end can introduce a process control PID algorithm widely used in the production industry (in process control, a PID controller (also called PID controller) controlled according to the deviation proportion (P), integral (I) and derivative (D) is an automatic controller with the most extensive application.
It should be noted that, in this embodiment, only the configuration parameters are described as examples of the number of creation and the number of preloading of the browser component instances, and of course, intelligent configuration of other parameters may be further performed, for example, the configuration parameters may further include: preloading page save time; inputting the frame operation information into the configuration generation model for configuration parameter setting, including: and inputting the frame operation information into a configuration generation model to set the preservation time of the preloaded page. Correspondingly, the method further comprises the following steps of: if the storage time of the first page in the preloaded browser component pool exceeds the storage time of the preloaded page, destroying the first page from the preloaded browser component pool.
When the preloaded H5 page is stored in the preloaded browser component pool and exceeds the preloaded page storage time (MAXTime), the preloaded browser is automatically destroyed, the expired page is prevented from being hit, space can be timely vacated, and smooth preloaded storage of the new page is ensured.
Other configuration parameters may refer to the description of this embodiment, and are not described herein.
Based on the embodiment, the H5 page which is preloaded needs to be stored for a certain time to wait for hit, and the storage time of the preloaded page and the release strategy when the resources are insufficient determine the utilization rate of the preloaded browser component pool.
Therefore, to further ensure the fast circulation of the loading components in the preloaded browser component pool, and improve the hit rate, before executing the step S103 to call the browser component instance to perform the background loading on the predicted page, the following steps may be further executed:
s108, judging whether the residual memory capacity of the preloaded browser component pool is lower than a lower threshold;
if the remaining storage amount of the preloaded browser component pool is lower than the lower threshold, executing step S109; if the remaining storage capacity of the preloaded browser component pool is not lower than the lower threshold, no operation can be performed, the current page loading flow is continued, the processing mode in this case is not limited in this embodiment, and the configuration can be performed according to the actual use requirement, which is not described here again.
And S109, sequentially destroying all the preloaded pages in the preloaded browser component pool according to the sequence from short to long of the residual effective time until the residual storage amount is not lower than a lower threshold value.
When a new preloading requirement exists, if the residual memory capacity of the preloading browser assembly pool is lower than a lower limit threshold, namely the preloading browser assembly pool reaches an upper limit, the old H5 pages can be released to load the new H5 pages, and particularly, the preloading pages with the shortest residual time can be preferentially emptied according to the residual effective time sequence, so that the problem of how to intelligently accelerate when a user opens the next page can be solved, and meanwhile, the occupation of resources can be controlled.
Corresponding to the above method embodiment, the embodiment of the present invention further provides a page loading device, where the page loading device described below and the page loading method described above may be referred to correspondingly.
Referring to fig. 6, the apparatus includes the following modules:
the instance pre-creation unit 110 is mainly used for creating a browser component instance after detecting that the APP is started;
the page prediction unit 120 is mainly used for extracting user operation information in the APP, inputting the user operation information to the intelligent prediction server for next-stage browsing page prediction, and obtaining a predicted page;
the preloading unit 130 is mainly used for calling a browser component instance to load a predicted page in the background, and adding the loaded predicted page to a preloading browser component pool;
the request processing unit 140 is mainly configured to determine whether a target page of the page loading request exists in the pre-loading browser component pool after the page loading request is acquired; if present, the trigger output unit 150;
the output unit 150 is mainly used for extracting the preloaded target page from the preloaded browser component pool and performing output setting.
In one embodiment of the present invention, the page loading device may further include: and a parameter intelligent configuration unit.
The parameter intelligent configuration unit is used for collecting frame operation information after detecting that the APP is started; inputting the frame operation information into a configuration generation model for configuration parameter setting, and generating configuration parameters; wherein the configuration parameters include: at least one of the creation number and the preloading number of the browser component instances;
the instance pre-creation unit is accordingly configured to: after detecting the start of the APP, creating browser component instances corresponding to the number of the created browser component instances;
the page prediction unit is used for: extracting user operation information in the APP, inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and generating a predicted page list; and extracting a page with high browsing probability corresponding to the preloaded number from the predicted page list as a predicted page.
Corresponding to the above method embodiment, the embodiment of the present invention further provides a computer device, where a computer device described below and a page loading method described above may be referred to correspondingly.
The computer device includes:
a memory for storing a computer program;
and the processor is used for realizing the steps of the page loading method of the method embodiment when executing the computer program.
Specifically, referring to fig. 7, a schematic diagram of a specific structure of a computer device according to the present embodiment, where the computer device may have a relatively large difference due to different configurations or performances, may include one or more processors (central processing units, CPU) 322 (e.g., one or more processors) and a memory 332, where the memory 332 stores one or more computer applications 342 or data 344. Wherein the memory 332 may be transient storage or persistent storage. The program stored in memory 332 may include one or more modules (not shown), each of which may include a series of instruction operations in the data processing apparatus. Still further, the central processor 322 may be configured to communicate with the memory 332 and execute a series of instruction operations in the memory 332 on the computer device 301.
The computer device 301 may also include one or more power supplies 326, one or more wired or wireless network interfaces 350, one or more input/output interfaces 358, and/or one or more operating systems 341.
The steps in the page loading method described above may be implemented by the structure of the computer device.
Corresponding to the above method embodiments, the embodiments of the present invention further provide a readable storage medium, where a readable storage medium described below and a page loading method described above may be referred to correspondingly.
A readable storage medium having stored thereon a computer program which, when executed by a processor, implements the steps of the page loading method of the above method embodiments.
The readable storage medium may be a usb disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), a magnetic disk, or an optical disk, and the like.
Those of skill would further appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as electronic hardware, computer software, or combinations of both, and that the various illustrative elements and steps are described above generally in terms of functionality in order to clearly illustrate the interchangeability of hardware and software. Whether such functionality is implemented as hardware or software depends upon the particular application and design constraints imposed on the solution. Those skilled in the art may implement the described functionality using different approaches for each particular application, but such implementation is not intended to be limiting.
Claims (8)
1. A method for loading a page, comprising:
after detecting the start of the APP, creating a browser component instance;
extracting user operation information in the APP, inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and obtaining a predicted page;
the browser component instance is called to carry out background loading on the predicted page, and the loaded predicted page is added into a preloaded browser component pool;
after a page loading request is acquired, judging whether a target page of the page loading request exists in the preloading browser component pool;
if so, extracting the preloaded target page from the preloaded browser component pool, and performing output setting,
collecting frame operation information;
inputting the frame operation information into a configuration generation model for configuration parameter setting, and generating configuration parameters; wherein the configuration parameters include: at least one of the creation number and the preloading number of the browser component examples;
then, correspondingly, the creating a browser component instance includes: creating browser component instances corresponding to the created number;
inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and obtaining a predicted page, wherein the method comprises the following steps: inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and generating a predicted page list; and extracting high browsing probability pages corresponding to the preloading number from the predicted page list to serve as the predicted pages.
2. The page loading method of claim 1, wherein the configuration parameters further comprise: preloading page save time; inputting the frame operation information into a configuration generation model for configuration parameter setting, wherein the method comprises the following steps: inputting the frame operation information into a configuration generation model to set the preservation time of the preloaded page;
then correspondingly, further comprises: and if the storage time of the first page in the preloaded browser component pool exceeds the storage time of the preloaded page, destroying the first page from the preloaded browser component pool.
3. The page loading method of claim 1, further comprising, prior to said invoking the browser component instance to background load the predicted page:
judging whether the residual memory capacity of the preloaded browser component pool is lower than a lower threshold value;
if yes, sequentially destroying all the preloaded pages in the preloaded browser component pool according to the sequence from short to long of the remaining effective time until the remaining storage capacity is not lower than the lower threshold.
4. The page loading method as recited in claim 1, further comprising, after said creating the browser component instance: and loading an empty browsing page.
5. The page loading method as recited in claim 1, further comprising, after said determining whether the target page of the page loading request exists in the preloaded browser component pool:
if the target page of the page loading request does not exist in the pre-loading browser component pool, loading the target page;
extracting a loading file of the target page;
and adding the loading file into the preloaded browser component pool.
6. A page loading apparatus, comprising:
the instance pre-creation unit is used for creating a browser component instance after detecting the start of the APP;
the page prediction unit is used for extracting user operation information in the APP, inputting the user operation information to the intelligent prediction server for next-stage browsing page prediction, and obtaining a predicted page;
the preloading unit is used for calling the browser component instance to carry out background loading on the predicted page and adding the loaded predicted page into a preloading browser component pool;
the request processing unit is used for judging whether a target page of the page loading request exists in the preloading browser component pool after the page loading request is acquired; if yes, triggering an output unit;
the output unit is used for extracting the preloaded target page from the preloaded browser component pool and carrying out output setting,
the parameter intelligent configuration unit is used for collecting frame operation information after the APP is detected to be started; inputting the frame operation information into a configuration generation model for configuration parameter setting, and generating configuration parameters; wherein the configuration parameters include: at least one of the creation number and the preloading number of the browser component examples;
the instance pre-creation unit is accordingly configured to: after detecting the start of the APP, creating browser component instances corresponding to the created number;
the page prediction unit is used for: extracting user operation information in the APP, inputting the user operation information to an intelligent prediction server for next-stage browsing page prediction, and generating a predicted page list; and extracting high browsing probability pages corresponding to the preloading number from the predicted page list to serve as the predicted pages.
7. A computer device, comprising:
a memory for storing a computer program;
a processor for implementing the steps of the page loading method according to any one of claims 1 to 5 when executing said computer program.
8. A readable storage medium, characterized in that it has stored thereon a computer program which, when executed by a processor, implements the steps of the page loading method according to any of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210157822.5A CN114518912B (en) | 2022-02-21 | 2022-02-21 | Page loading method, device, equipment and readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202210157822.5A CN114518912B (en) | 2022-02-21 | 2022-02-21 | Page loading method, device, equipment and readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN114518912A CN114518912A (en) | 2022-05-20 |
| CN114518912B true CN114518912B (en) | 2023-04-25 |
Family
ID=81599858
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202210157822.5A Active CN114518912B (en) | 2022-02-21 | 2022-02-21 | Page loading method, device, equipment and readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114518912B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116627580B (en) * | 2023-07-25 | 2023-09-22 | 江苏正泰泰杰赛智能科技有限公司 | Multi-level cache three-dimensional model loading method for webpage end |
Citations (41)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103500186A (en) * | 2013-09-13 | 2014-01-08 | 北京奇虎科技有限公司 | Method and device for loading pictures in browser and browser |
| CN104346463A (en) * | 2014-11-07 | 2015-02-11 | 北京奇虎科技有限公司 | Loading method and device of page label and browser client |
| CN104461559A (en) * | 2014-12-19 | 2015-03-25 | 北京奇虎科技有限公司 | Method for communication between browser and mobile terminal and browser device |
| CN104731974A (en) * | 2015-04-13 | 2015-06-24 | 上海新炬网络信息技术有限公司 | Dynamic page loading method based on big data stream type calculation |
| CN104980311A (en) * | 2014-04-14 | 2015-10-14 | 腾讯科技（深圳）有限公司 | Method, device and system for predicting network access |
| CN105550356A (en) * | 2015-12-28 | 2016-05-04 | 魅族科技（中国）有限公司 | Preloading method of browsed contents, and terminal |
| JP2016107490A (en) * | 2014-12-05 | 2016-06-20 | キヤノン株式会社 | Image forming apparatus, control method, and program |
| CN106708967A (en) * | 2016-11-30 | 2017-05-24 | 北京小米移动软件有限公司 | Page display method and device |
| CN106933640A (en) * | 2017-04-26 | 2017-07-07 | 携程旅游网络技术（上海）有限公司 | The method and system of Web page are loaded in the browser of mobile terminal |
| CN107102877A (en) * | 2017-04-26 | 2017-08-29 | 国网辽宁省电力有限公司信息通信分公司 | A kind of adaptive approach of browser-cross plug-in unit |
| CN107908399A (en) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | A kind of page development method and device |
| CN108279880A (en) * | 2018-01-26 | 2018-07-13 | 长春玖佰软件技术有限公司 | A kind of configuration method of enterprise's application framework |
| CN108363815A (en) * | 2015-07-20 | 2018-08-03 | 广州市动景计算机科技有限公司 | A kind of pre-reading method of Webpage, device and intelligent terminal |
| CN108647032A (en) * | 2018-03-29 | 2018-10-12 | 珠海市魅族科技有限公司 | Using loading method and device, computer installation and computer readable storage medium |
| CN108804056A (en) * | 2018-05-18 | 2018-11-13 | 北京票通信息技术有限公司 | Method that is a kind of while supporting browser and client printing invoice |
| CN108920645A (en) * | 2018-06-29 | 2018-11-30 | 广州视源电子科技股份有限公司 | Method, apparatus, smart machine and the storage medium that the smart machine page is shown |
| CN108920147A (en) * | 2018-06-11 | 2018-11-30 | 京信通信系统（中国）有限公司 | A kind of Web page construction method, calculates equipment and storage medium at device |
| CN109145241A (en) * | 2018-09-30 | 2019-01-04 | 百度在线网络技术（北京）有限公司 | The content of browser and browser shows management method |
| CN109190067A (en) * | 2018-07-06 | 2019-01-11 | 平安科技（深圳）有限公司 | Browser input frame methods of exhibiting, device, computer equipment and storage medium |
| CN109189642A (en) * | 2018-09-04 | 2019-01-11 | 广州供电局有限公司 | Application system business conduct characteristic-acquisition method and monitoring system based on plug-in unit |
| CN109284464A (en) * | 2018-08-29 | 2019-01-29 | 网宿科技股份有限公司 | Page loading method and terminal, page response method and server |
| CN109325195A (en) * | 2018-07-23 | 2019-02-12 | 招银云创（深圳）信息技术有限公司 | Rendering method and system, computer equipment, the computer storage medium of browser |
| CN109598634A (en) * | 2018-12-20 | 2019-04-09 | 焦点科技股份有限公司 | A kind of real-time fining sales promotion information put-on method of internet insurance based on machine learning |
| CN109740081A (en) * | 2018-12-27 | 2019-05-10 | 新华三技术有限公司合肥分公司 | Page loading method and device |
| CN109753615A (en) * | 2018-12-24 | 2019-05-14 | 北京三快在线科技有限公司 | The method and apparatus for preloading webpage, storage medium and electronic equipment |
| CN109871500A (en) * | 2019-01-24 | 2019-06-11 | 平安科技（深圳）有限公司 | Page loading method, device, computer equipment and storage medium |
| CN109933737A (en) * | 2019-03-22 | 2019-06-25 | 中国工商银行股份有限公司 | Webpage processing method, apparatus and system |
| CN109948085A (en) * | 2017-11-23 | 2019-06-28 | 广州市动景计算机科技有限公司 | Browser kernel initial method, calculates equipment and storage medium at device |
| CN110020304A (en) * | 2017-11-29 | 2019-07-16 | 北京京东尚科信息技术有限公司 | A kind of method and apparatus of loading page |
| CN110209378A (en) * | 2019-04-26 | 2019-09-06 | 平安科技（深圳）有限公司 | Page generation method, device, terminal and storage medium |
| CN110287432A (en) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | Network information processing method and device and electronic equipment |
| CN110309451A (en) * | 2018-03-02 | 2019-10-08 | 拉扎斯网络科技（上海）有限公司 | A kind of web preloads the generation method and device of the page |
| CN110569437A (en) * | 2019-09-05 | 2019-12-13 | 腾讯科技（深圳）有限公司 | click probability prediction and page content recommendation methods and devices |
| CN110806856A (en) * | 2019-10-30 | 2020-02-18 | 亚信科技（中国）有限公司 | Data loading method and device and electronic equipment |
| CN111026396A (en) * | 2019-12-13 | 2020-04-17 | 北京小米移动软件有限公司 | Page rendering method and device, electronic equipment and storage medium |
| CN111783019A (en) * | 2020-08-04 | 2020-10-16 | 腾讯科技（深圳）有限公司 | Browser sub-page creation method and device, computer equipment and storage medium |
| CN111898053A (en) * | 2020-07-31 | 2020-11-06 | 平安普惠企业管理有限公司 | Page browsing method, device, equipment and computer readable storage medium |
| CN112182452A (en) * | 2020-09-27 | 2021-01-05 | 中国平安财产保险股份有限公司 | Page component rendering processing method, device, equipment and computer readable medium |
| CN113238850A (en) * | 2021-06-01 | 2021-08-10 | 平安科技（深圳）有限公司 | RPA implementation method, device, equipment and medium based on browser |
| CN113420243A (en) * | 2020-07-01 | 2021-09-21 | 阿里巴巴集团控股有限公司 | Page processing method and device and electronic equipment |
| CN114003307A (en) * | 2021-10-28 | 2022-02-01 | 平安普惠企业管理有限公司 | Dynamic component loading registration method, device, equipment and medium based on UMD mode |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140100956A1 (en) * | 2012-10-05 | 2014-04-10 | Redfin Corporation | Providing fast alerts for rapidly changing real estate data |
| US20140136337A1 (en) * | 2013-10-18 | 2014-05-15 | Zenovia Digital Exchange Corporation | Systems and Methods for Self-Monitoring Ad Tags that Solicit Real-Time Advertising Bids |
| US20180205627A1 (en) * | 2016-01-04 | 2018-07-19 | Microsoft Technology Licensing, Llc | Calculating percentage service contribution in a service call tree |
| US10911370B2 (en) * | 2017-09-26 | 2021-02-02 | Facebook, Inc. | Systems and methods for providing predicted web page resources |
-
2022
- 2022-02-21 CN CN202210157822.5A patent/CN114518912B/en active Active
Patent Citations (41)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103500186A (en) * | 2013-09-13 | 2014-01-08 | 北京奇虎科技有限公司 | Method and device for loading pictures in browser and browser |
| CN104980311A (en) * | 2014-04-14 | 2015-10-14 | 腾讯科技（深圳）有限公司 | Method, device and system for predicting network access |
| CN104346463A (en) * | 2014-11-07 | 2015-02-11 | 北京奇虎科技有限公司 | Loading method and device of page label and browser client |
| JP2016107490A (en) * | 2014-12-05 | 2016-06-20 | キヤノン株式会社 | Image forming apparatus, control method, and program |
| CN104461559A (en) * | 2014-12-19 | 2015-03-25 | 北京奇虎科技有限公司 | Method for communication between browser and mobile terminal and browser device |
| CN104731974A (en) * | 2015-04-13 | 2015-06-24 | 上海新炬网络信息技术有限公司 | Dynamic page loading method based on big data stream type calculation |
| CN108363815A (en) * | 2015-07-20 | 2018-08-03 | 广州市动景计算机科技有限公司 | A kind of pre-reading method of Webpage, device and intelligent terminal |
| CN105550356A (en) * | 2015-12-28 | 2016-05-04 | 魅族科技（中国）有限公司 | Preloading method of browsed contents, and terminal |
| CN106708967A (en) * | 2016-11-30 | 2017-05-24 | 北京小米移动软件有限公司 | Page display method and device |
| CN106933640A (en) * | 2017-04-26 | 2017-07-07 | 携程旅游网络技术（上海）有限公司 | The method and system of Web page are loaded in the browser of mobile terminal |
| CN107102877A (en) * | 2017-04-26 | 2017-08-29 | 国网辽宁省电力有限公司信息通信分公司 | A kind of adaptive approach of browser-cross plug-in unit |
| CN107908399A (en) * | 2017-11-14 | 2018-04-13 | 山东浪潮通软信息科技有限公司 | A kind of page development method and device |
| CN109948085A (en) * | 2017-11-23 | 2019-06-28 | 广州市动景计算机科技有限公司 | Browser kernel initial method, calculates equipment and storage medium at device |
| CN110020304A (en) * | 2017-11-29 | 2019-07-16 | 北京京东尚科信息技术有限公司 | A kind of method and apparatus of loading page |
| CN108279880A (en) * | 2018-01-26 | 2018-07-13 | 长春玖佰软件技术有限公司 | A kind of configuration method of enterprise's application framework |
| CN110309451A (en) * | 2018-03-02 | 2019-10-08 | 拉扎斯网络科技（上海）有限公司 | A kind of web preloads the generation method and device of the page |
| CN108647032A (en) * | 2018-03-29 | 2018-10-12 | 珠海市魅族科技有限公司 | Using loading method and device, computer installation and computer readable storage medium |
| CN108804056A (en) * | 2018-05-18 | 2018-11-13 | 北京票通信息技术有限公司 | Method that is a kind of while supporting browser and client printing invoice |
| CN108920147A (en) * | 2018-06-11 | 2018-11-30 | 京信通信系统（中国）有限公司 | A kind of Web page construction method, calculates equipment and storage medium at device |
| CN108920645A (en) * | 2018-06-29 | 2018-11-30 | 广州视源电子科技股份有限公司 | Method, apparatus, smart machine and the storage medium that the smart machine page is shown |
| CN109190067A (en) * | 2018-07-06 | 2019-01-11 | 平安科技（深圳）有限公司 | Browser input frame methods of exhibiting, device, computer equipment and storage medium |
| CN109325195A (en) * | 2018-07-23 | 2019-02-12 | 招银云创（深圳）信息技术有限公司 | Rendering method and system, computer equipment, the computer storage medium of browser |
| CN109284464A (en) * | 2018-08-29 | 2019-01-29 | 网宿科技股份有限公司 | Page loading method and terminal, page response method and server |
| CN109189642A (en) * | 2018-09-04 | 2019-01-11 | 广州供电局有限公司 | Application system business conduct characteristic-acquisition method and monitoring system based on plug-in unit |
| CN109145241A (en) * | 2018-09-30 | 2019-01-04 | 百度在线网络技术（北京）有限公司 | The content of browser and browser shows management method |
| CN109598634A (en) * | 2018-12-20 | 2019-04-09 | 焦点科技股份有限公司 | A kind of real-time fining sales promotion information put-on method of internet insurance based on machine learning |
| CN109753615A (en) * | 2018-12-24 | 2019-05-14 | 北京三快在线科技有限公司 | The method and apparatus for preloading webpage, storage medium and electronic equipment |
| CN109740081A (en) * | 2018-12-27 | 2019-05-10 | 新华三技术有限公司合肥分公司 | Page loading method and device |
| CN109871500A (en) * | 2019-01-24 | 2019-06-11 | 平安科技（深圳）有限公司 | Page loading method, device, computer equipment and storage medium |
| CN109933737A (en) * | 2019-03-22 | 2019-06-25 | 中国工商银行股份有限公司 | Webpage processing method, apparatus and system |
| CN110209378A (en) * | 2019-04-26 | 2019-09-06 | 平安科技（深圳）有限公司 | Page generation method, device, terminal and storage medium |
| CN110287432A (en) * | 2019-06-28 | 2019-09-27 | 北京金山安全软件有限公司 | Network information processing method and device and electronic equipment |
| CN110569437A (en) * | 2019-09-05 | 2019-12-13 | 腾讯科技（深圳）有限公司 | click probability prediction and page content recommendation methods and devices |
| CN110806856A (en) * | 2019-10-30 | 2020-02-18 | 亚信科技（中国）有限公司 | Data loading method and device and electronic equipment |
| CN111026396A (en) * | 2019-12-13 | 2020-04-17 | 北京小米移动软件有限公司 | Page rendering method and device, electronic equipment and storage medium |
| CN113420243A (en) * | 2020-07-01 | 2021-09-21 | 阿里巴巴集团控股有限公司 | Page processing method and device and electronic equipment |
| CN111898053A (en) * | 2020-07-31 | 2020-11-06 | 平安普惠企业管理有限公司 | Page browsing method, device, equipment and computer readable storage medium |
| CN111783019A (en) * | 2020-08-04 | 2020-10-16 | 腾讯科技（深圳）有限公司 | Browser sub-page creation method and device, computer equipment and storage medium |
| CN112182452A (en) * | 2020-09-27 | 2021-01-05 | 中国平安财产保险股份有限公司 | Page component rendering processing method, device, equipment and computer readable medium |
| CN113238850A (en) * | 2021-06-01 | 2021-08-10 | 平安科技（深圳）有限公司 | RPA implementation method, device, equipment and medium based on browser |
| CN114003307A (en) * | 2021-10-28 | 2022-02-01 | 平安普惠企业管理有限公司 | Dynamic component loading registration method, device, equipment and medium based on UMD mode |
Also Published As
| Publication number | Publication date |
|---|---|
| CN114518912A (en) | 2022-05-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP7013466B2 (en) | Application data processing methods, equipment, and computer programs | |
| CN111881401B (en) | WebAssemble-based browser deep learning method and system | |
| CN104981800A (en) | Delivery and display of page previews during page retrieval events | |
| CN103246739A (en) | Web browsing control method of multiple Web Views and browser | |
| US20230013601A1 (en) | Program trial method, system, apparatus, and device, and medium | |
| US11240290B2 (en) | Application download method and apparatus, application sending method and apparatus, and system | |
| CN114518912B (en) | Page loading method, device, equipment and readable storage medium | |
| CN109684000B (en) | APP data display method, device, equipment and computer readable storage medium | |
| CN108762837A (en) | Application program preloads method, apparatus, storage medium and terminal | |
| CN111026490A (en) | Page rendering method and device, electronic equipment and storage medium | |
| CN104965914A (en) | Page display method and apparatus | |
| CN101937335B (en) | Method for generating Widget icon, method for generating Widget summary document and Widget engine | |
| CN115599478A (en) | Method and device for preloading data and electronic equipment | |
| CN107463313A (en) | A kind of method of preloaded list | |
| US20210334113A1 (en) | Method and device for lazy loading of js scripts | |
| CN112417336B (en) | Page display method and device, electronic equipment and storage medium | |
| CN111459686A (en) | Queue message storing and forwarding method and system and computer device with operating system | |
| CN112632917B (en) | Online document processing method and device, electronic equipment and storage medium | |
| CN115186207A (en) | Method and device for loading page resources and electronic equipment | |
| CN113010766B (en) | Information searching method, device and storage medium | |
| CN112287261A (en) | Resource loading method and electronic equipment | |
| CN112052001A (en) | UI dynamic display design framework, method, equipment and storage medium of APP client | |
| CN113934959A (en) | Program preview method and device, computer equipment and storage medium | |
| CN110287397B (en) | Content searching method and device based on screen saver and electronic equipment | |
| CN117235398B (en) | Webpage loading method, equipment and readable storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |