Search

CN-121996315-A - APP container-oriented H5 page preloading acceleration method

CN121996315ACN 121996315 ACN121996315 ACN 121996315ACN-121996315-A

Abstract

The invention belongs to the technical field of mobile application, and particularly relates to an APP container-oriented H5 page preloading acceleration method, which comprises the steps of collecting H5 page interface configuration information and page resource data, constructing a resource management platform, judging data loading priority by utilizing a parallel request optimization algorithm, if the risk is high, preferentially returning local data through a memory caching mechanism, pushing loading state information to the resource management platform in real time, automatically recording page performance indexes at regular intervals, synchronizing the page resource data to a memory caching area in real time, reading and rendering pages through the caching area by a user, feeding back loading progress and hit rate through a preloading engine, generating an optimization report by a performance analysis algorithm, pushing the optimization report to a monitoring end in real time, and enabling the user to communicate with a development end in real time through checking the optimization report by the platform, so as to perform performance collaborative optimization and personalized tuning. Therefore, the problems of repeated data request, low cache utilization rate, low page loading efficiency and the like in the prior art are solved.

Inventors

  • ZHAO XIN

Assignees

  • 北京白龙马云行科技有限公司

Dates

Publication Date
20260508
Application Date
20251106

Claims (10)

  1. 1. An APP container-oriented H5 page preloading acceleration method is characterized by comprising the following steps: Collecting H5 page interface configuration information and page resource data; Based on the H5 page interface configuration information and the page resource data, constructing a resource management platform through a preloading scheduling algorithm, judging the data loading priority by utilizing a parallel request optimization algorithm, if a high delay risk is detected, preferentially returning local data through a memory caching mechanism, pushing loading state information to the resource management platform in real time, and automatically recording page performance indexes at regular intervals; According to the page performance index, synchronizing the page resource data to a memory buffer area in real time, reading and rendering a page by a user through the buffer area, feeding back the loading progress and the hit rate through a preloading engine, automatically generating an optimization report according to a performance analysis algorithm, and pushing the optimization report to a monitoring end in real time; And the user checks the optimization report through the monitoring end, and can communicate with the development end in real time through the platform to perform performance collaborative optimization and personalized tuning.
  2. 2. The H5 page preloading acceleration method for an APP container according to claim 1, wherein the constructing a resource management platform by a preloading scheduling algorithm, and determining the data loading priority by using a parallel request optimization algorithm, comprises: constructing a resource management platform; based on the resource management platform, judging the data loading priority by using a parallel request optimization algorithm, and combining with high-delay risk detection to obtain a data loading priority evaluation result; And according to the data loading priority evaluation result, performing real-time optimization on data loading through a memory caching mechanism, identifying high delay risk and cache hit rate, and generating a local data return signal and corresponding loading state pushing information.
  3. 3. The H5 page preloading acceleration method for an APP container according to claim 1, wherein pushing loading status information to the resource management platform in real time and automatically recording page performance indexes at regular intervals simultaneously comprises: Constructing a loading state pushing and performance index recording mechanism; Based on the loading state pushing and performance index recording mechanism, real-time processing and format conversion are carried out on the collected loading state information, and loading state data capable of being pushed in real time is obtained by combining with the resource management platform data interaction specification; and according to the loading state data capable of being pushed in real time, periodically collecting and storing page performance indexes through a timing recording algorithm, pushing loading state information to the resource management platform, and generating a performance index periodic recording document.
  4. 4. The H5 page preloading acceleration method for an APP container according to claim 1, wherein the loading progress and hit rate are fed back by a preloading engine, and an optimization report is automatically generated according to a performance analysis algorithm and pushed to a monitoring end in real time, and the method comprises the following steps: constructing a loading state and performance data acquisition feedback module; Based on the loading state and performance data acquisition feedback module, setting the loading progress and hit rate as core nodes, and combining page resource loading logs and memory cache state data to obtain a multi-dimensional evaluation result of resource loading performance; and according to the multi-dimensional evaluation result of the resource loading performance, carrying out deep analysis on the resource preloading efficiency, the cache utilization condition and the delay risk point through a performance analysis algorithm, automatically generating an optimization report, and pushing the optimization report to a monitoring end in real time.
  5. 5. The method for accelerating the preloading of the H5 page for the APP container according to claim 1, wherein the performance collaborative optimization and the personalized tuning are performed through the real-time communication between the platform and the development terminal, and the method comprises the following steps: Constructing a performance collaborative optimization and personalized tuning model; Based on the performance collaborative optimization and personalized tuning model, combining the performance short-board data in the optimization report and the technical adaptation information fed back by the development end, judging whether tuning execution conditions are met, and generating a judging result; And according to the judging result, performing accurate repair of the performance problem and personalized loading strategy customization through a platform real-time interactive interface and a parameter configuration module.
  6. 6. The H5 page preloading acceleration method for an APP container of claim 1, wherein the preloading scheduling algorithm formula: ; Wherein, the Scoring the preload priority; The probability of accessing the resource for the user; Is the size of the resource; time is consumed for average loading of resources; Is a resource dependent coefficient; is a network state coefficient; the weight of the access probability for the user; a weight that is the inverse of the resource size; to load the weight of the time consuming reciprocal; the weight of the resource dependence coefficient; is the weight of the network state coefficient.
  7. 7. An APP container-oriented H5 page preloading acceleration system, comprising: the data acquisition module is used for acquiring H5 page interface configuration information and page resource data; The resource management module is used for constructing a resource management platform through a preloading scheduling algorithm based on the H5 page interface configuration information and page resource data, judging the data loading priority by utilizing a parallel request optimization algorithm, if a high delay risk is detected, preferentially returning local data through a memory caching mechanism, pushing loading state information to the resource management platform in real time, and automatically recording page performance indexes at regular intervals; the cache feedback analysis module is used for synchronizing the page resource data to a memory cache area in real time according to the page performance index, a user reads and renders a page through the cache area, feeds back the loading progress and hit rate through a preloading engine, and automatically generates an optimization report according to a performance analysis algorithm and pushes the optimization report to a monitoring end in real time; And the collaborative optimization module is used for a user to check the optimization report through the monitoring end, and can communicate with the development end in real time through a platform to perform performance collaborative optimization and personalized tuning.
  8. 8. An electronic device comprising a memory, a processor and a computer program stored on the memory and executable on the processor, the processor executing the program to implement an APP container oriented H5 page preloading acceleration method of claims 1-6.
  9. 9. A computer readable storage medium having stored thereon a computer program or instructions, which when executed, is adapted to carry out an APP container oriented H5 page preloading acceleration method as claimed in claims 1-6.
  10. 10. A computer program product comprising a computer program or instructions which, when executed, implements an APP container oriented H5 page preloading acceleration method as claimed in claims 1-6.

Description

APP container-oriented H5 page preloading acceleration method Technical Field The invention belongs to the technical field of mobile application, and particularly relates to an APP container-oriented H5 page preloading acceleration method. Background In the conventional APP container H5 page loading scheme, page rendering relies on a serial flow of sequentially executing resource loading and data requests. Specifically, when a user opens an H5 page in an APP through a browser container, the system needs to preferentially complete downloading and analysis of page resources such as HTML/CSS/JS, and then obtains dynamic data from a remote server through initiating a network request, and after the data is returned, DOM rendering and page synthesis are performed. The loading mechanism based on the traditional Web standard can ensure the integrity and instantaneity of page content, but the white screen time is too long due to network delay in the mobile terminal network environment, so that the requirement of users on instant interaction experience is difficult to meet. In the prior art, when an APP container loads an H5 page, the method has the obvious defects that firstly, a serial interaction mode is adopted for acquiring data required by page resource loading and page rendering, the page resource loading and page rendering need to wait for page resource request and receive the data, then the rendering data can be synchronously requested to a remote service, the H5 page interface configuration information and the page resource data can not be collected in advance to prepare the data in advance, the data acquisition depends on a subsequent synchronous request, the time consumption of the loading is further prolonged due to network delay, secondly, a resource management platform constructed based on the interface configuration information and the resource data is lacked, a preloading scheduling algorithm and a parallel request optimization algorithm support are not adopted, the data loading priority cannot be judged, a memory caching mechanism is not used for returning local data when facing high delay risk, page performance indexes are not regularly and automatically recorded, thirdly, a mechanism for synchronizing the page resource data in real time by a preloading engine is lacked, an optimization report pushing to a monitoring end can not be automatically generated, the monitoring end and a development end are not communicated with a development end in real time, collaborative optimization and personalized tuning are carried out, the data repetition request is caused, the utilization rate is low, the development end positioning is difficult, the loading bottleneck of the page 5 page is difficult to be loaded, and the user experience is not poor, and the user experience cannot be continuously optimized. Disclosure of Invention The application provides an APP container-oriented H5 page preloading acceleration method, which aims to solve the problems of lack of data repeated requests, low cache utilization rate, low page loading efficiency and the like in the prior art. The embodiment of the first aspect of the application provides an APP container-oriented H5 page preloading acceleration method, which comprises the following steps of collecting H5 page interface configuration information and page resource data, constructing a resource management platform through a preloading scheduling algorithm based on the H5 page interface configuration information and the page resource data, judging the data loading priority by utilizing a parallel request optimization algorithm, preferentially returning local data through a memory caching mechanism if a high delay risk is detected, simultaneously pushing loading state information to the resource management platform in real time and automatically recording page performance indexes at regular intervals, synchronizing the page resource data to a memory caching area in real time according to the page performance indexes, reading and rendering pages through the caching area, feeding back loading progress and hit rate by a preloading engine, automatically generating an optimization report according to a performance analysis algorithm, and pushing the optimization report to a monitoring end by a user through the monitoring end, and carrying out performance collaborative optimization and personalized optimization through real-time communication between the platform and a development end. The method comprises the steps of constructing a resource management platform through a pre-loading scheduling algorithm, judging the data loading priority through a parallel request optimization algorithm, judging the data loading priority through the parallel request optimization algorithm based on the resource management platform, combining high-delay risk detection to obtain a data loading priority assessment result, optimizing the data loading in real time through a memory caching mechanism