Method and device for rendering based on web page layout

Abstract

The invention relates to the field related to rendering scheduling of web pages, and discloses a method and device for rendering based on web page layout, which comprises the following steps of: establishing a rendering tree for representing rendering logic, and carrying out statistical evaluation according to access interaction inertia of different web page visitors so as to adopt different variable rendering trees in different periods for the web pages; different rendering successive logics are executed, so that when rendering resources of a user are limited, rendering output of high-demand effective content in the current period can still be completed more quickly, a user side can conveniently and quickly obtain the demand content and perform next-step demand action execution, and compared with a webpage rendering mode in the prior art, the webpage rendering method has the advantages that the rendering efficiency is improved, and the user experience is improved. A large amount of waiting time requirements can be effectively avoided when rendering resources are insufficient, and webpage interaction experience is optimized.

Description

Technical Field

[0001] This invention relates to the field of webpage rendering scheduling, specifically a method and apparatus for rendering webpage layout. Background Technology

[0002] In web page rendering, to avoid the complex issues of multi-threaded contention and scheduling, current technologies mostly adopt a single-process rendering scheme. At the same time, the event loop mechanism balances efficiency and security. Existing browsers, through multi-process architecture and single-threaded event loop in web page rendering, have to some extent made up for the limitations of a completely single thread, and can effectively improve overall performance.

[0003] In current rendering technologies, the queue problem of single-threaded rendering remains the most significant issue affecting rendering efficiency. While multi-process architectures and single-threaded event loops can optimize this to some extent, they do not completely solve the problem. When the amount of web page resources is large and the rendering resources available to the user are very limited, the rendering output efficiency of the web page remains low, resulting in varying degrees of or even severe lag and waiting during interaction, which affects the smoothness of the interaction. Summary of the Invention

[0004] The purpose of this invention is to provide a method and apparatus for rendering web page layout to solve the problems mentioned in the background art.

[0005] To achieve the above objectives, the present invention provides the following technical solution: A method for rendering web page layout, comprising: Obtain push data from the web page, parse the layout structure of the push data on the web page, and establish an initial rendering tree. The initial rendering tree is used to represent the rendering priority of graphic elements and data content in the web page. Historical click records are obtained based on the corresponding web sites, and these historical click records are filtered to establish an evaluation click database. The historical click records are used to characterize the click triggering status of multiple interactive nodes on the current page. Statistical analysis is performed on the evaluation click database to obtain the click volume ranking of the interactive nodes and information types of the webpage, which are used to represent the highest priority order of interactive nodes and the highest priority order of categories, respectively. The initial rendering tree is deconstructed and deformed according to the click volume of the interaction nodes and information types to obtain an optimized rendering tree for scheduling the current webpage rendering execution. The optimized rendering tree is based on the highest clicked interaction node as the main rendering branch.

[0006] As a further aspect of the present invention: the step of statistically analyzing the evaluation click database to obtain the click volume ranking of the interactive nodes and information types of the webpage further includes: The request accesses the cloud update information of the webpage to obtain the current webpage's content update cycle and content update ratio. The content update ratio is used to characterize the proportion of updated and replaced information to the total amount of webpage information within each update cycle. The content update cycle and content update ratio are evaluated based on a preset long and short cycle division threshold. The current webpage threshold update cycle is calculated. The threshold update cycle is used to characterize the content update cycle required for the total update ratio of webpage information to reach the division threshold. The minimum value of the threshold update cycle is equal to the content update cycle. The evaluation click library is screened according to the threshold update cycle to obtain short-cycle records and long-cycle records, which are then used for short-cycle statistical analysis and long-cycle statistical analysis, respectively.

[0007] As a further aspect of the present invention: the web page also includes multiple rendering trees, including a local rendering tree and a cloud rendering tree, wherein the local rendering tree includes an object rendering tree and a behavior rendering tree; The object rendering tree is used to represent the page rendering priority order based on user-side object authentication. The object authentication includes the user's guest status on the target page and the interaction completion status of special interaction targets. The behavior rendering tree is used to represent the page rendering priority order based on user interaction behavior preference statistics, where the interaction behavior preference is the user's historical interaction behavior pattern with respect to the target page. The cloud rendering tree is used to represent the page rendering priority order of the interactive behavior preferences recorded and statistically analyzed by the target webpage in the cloud. The interactive behavior preferences shown are established based on several user-end objects that interact with the webpage.

[0008] As a further aspect of the present invention: each webpage includes multiple cloud rendering trees, and the multiple cloud rendering trees correspond to different webpage attention biases; The webpage attention bias is used to characterize different emphasis preference routes when browsing webpages. Each webpage attention bias corresponds to a user style, which is used to characterize the historical interaction behavior characteristics of the user requesting the interaction. Once the user-side request interaction has been verified, the cloud rendering tree is matched based on the user's style, and user-side push and rendering scheduling are performed based on the cloud rendering tree.

[0009] As a further embodiment of the present invention: the interaction node further includes a data interaction node and a functional interaction node, wherein the data interaction node is used to represent the interaction interface for dynamically updating data information within the webpage, and the functional interaction node is used to represent the interaction interface for webpage function interaction and acquisition. When filtering historical click records, the functional interaction nodes and data interaction nodes are managed in groups.

[0010] This invention aims to provide an apparatus for rendering web page layout, comprising: The initial grading module is used to obtain push data from the web page, parse the layout structure of the push data on the web page, and establish an initial rendering tree. The initial rendering tree is used to represent the rendering priority of graphic elements and data content in the web page. The historical filtering module is used to obtain historical click records based on the corresponding web site and filter the historical click records to establish an evaluation click library. The historical click records are used to represent the click triggering situation of multiple interactive nodes on the current page. The historical evaluation module is used to perform statistical analysis on the evaluation click database, obtain the click volume ranking of the interactive nodes and information types of the webpage, and respectively represent the highest priority order of interactive nodes and the highest priority order of categories. The rendering optimization module is used to deconstruct and deform the initial rendering tree according to the click volume sorting of the interaction nodes and information types, so as to obtain an optimized rendering tree and use it for scheduling the rendering execution of the current webpage. The optimized rendering tree is based on the highest clicked interaction node as the main rendering branch.

[0011] As a further aspect of the present invention, it also includes the following steps: The webpage feature acquisition unit is used to request cloud update information of the accessed webpage, obtain the content update cycle and content update ratio of the current webpage, and the content update ratio is used to characterize the proportion of updated and replaced information to the total amount of webpage information in each update cycle. The update cycle evaluation unit is used to evaluate the content update cycle and content update ratio based on a preset long and short cycle division threshold, and calculate the current webpage threshold update cycle. The threshold update cycle is used to characterize the content update cycle required for the total update ratio of webpage information to reach the division threshold. The minimum value of the threshold update cycle is equal to the content update cycle. The evaluation cycle screening unit is used to screen the evaluation click library according to the threshold update cycle, obtain short cycle records and long cycle records, and use them for short cycle statistical analysis and long cycle statistical analysis, respectively.

[0012] As a further aspect of the present invention: the web page also includes multiple rendering trees, including a local rendering tree and a cloud rendering tree, wherein the local rendering tree includes an object rendering tree and a behavior rendering tree; The object rendering tree is used to represent the page rendering priority order based on user-side object authentication. The object authentication includes the user's guest status on the target page and the interaction completion status of special interaction targets. The behavior rendering tree is used to represent the page rendering priority order based on user interaction behavior preference statistics, where the interaction behavior preference is the user's historical interaction behavior pattern with respect to the target page. The cloud rendering tree is used to represent the page rendering priority order of the interactive behavior preferences recorded and statistically analyzed by the target webpage in the cloud. The interactive behavior preferences shown are established based on several user-end objects that interact with the webpage.

[0013] As a further aspect of the present invention: each webpage includes multiple cloud rendering trees, and the multiple cloud rendering trees correspond to different webpage attention biases; The webpage attention bias is used to characterize different emphasis preference routes when browsing webpages. Each webpage attention bias corresponds to a user style, which is used to characterize the historical interaction behavior characteristics of the user requesting the interaction. Once the user-side request interaction has been verified, the cloud rendering tree is matched based on the user's style, and user-side push and rendering scheduling are performed based on the cloud rendering tree.

[0014] As a further embodiment of the present invention: the interaction node further includes a data interaction node and a functional interaction node, wherein the data interaction node is used to represent the interaction interface for dynamically updating data information within the webpage, and the functional interaction node is used to represent the interaction interface for webpage function interaction and acquisition. When filtering historical click records, the functional interaction nodes and data interaction nodes are managed in groups.

[0015] Compared with existing technologies, the beneficial effects of this invention are: by establishing a rendering tree that represents the rendering logic, and by statistically evaluating the access and interaction habits of different webpage visitors, different variable rendering trees are used for webpages at different times, and different rendering sequence logics are executed. This allows for faster rendering output of high-demand and effective content within the current period, even when users have limited rendering resources. This enables users to quickly obtain the required content and perform the next required action. Compared with existing webpage rendering methods, this effectively avoids the need for a large amount of waiting time when rendering resources are insufficient, thus optimizing the webpage interaction experience. Attached Figure Description

[0016] Figure 1 This is a flowchart of a method for rendering web page layout.

[0017] Figure 2 This is a flowchart of the long and short cycle division steps in a web page layout rendering method.

[0018] Figure 3 This is an architecture diagram of a device based on web page layout rendering. Detailed Implementation

[0019] To make the objectives, technical solutions, and advantages of this invention clearer, the invention will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative and not intended to limit the invention.

[0020] The specific implementation of the present invention will be described in detail below with reference to specific embodiments.

[0021] like Figure 1 The method for rendering web page layout, as provided in one embodiment of the present invention, includes the following steps: S10, obtain push data from the web page, parse the layout structure of the push data on the web page, and establish an initial rendering tree. The initial rendering tree is used to characterize the rendering priority of graphic elements and data content in the web page. S20, obtain historical click records based on the corresponding web site, and filter the historical click records to establish an evaluation click library. The historical click records are used to characterize the click triggering status of multiple interactive nodes on the current page. S30, Perform statistical analysis on the evaluation click library to obtain the click volume ranking of the interactive nodes and information types of the webpage, which are used to represent the highest priority order of interactive nodes and the highest priority order of categories, respectively. S40, the initial rendering tree is deconstructed and deformed according to the click volume sorting of the interaction nodes and information types to obtain an optimized rendering tree for scheduling the current webpage rendering execution. The optimized rendering tree is based on the highest clicked interaction node as the main rendering branch.

[0022] This embodiment presents a method for rendering web page layout. By establishing a rendering tree representing the rendering logic and statistically evaluating the interaction habits of different web page visitors, different variable rendering trees are applied to the web page at different times, executing different rendering order logics. This allows for faster rendering output of high-demand content within the current period, even when rendering resources are limited. This enables users to quickly obtain the required content and perform the next required action. Compared to existing web page rendering methods, this effectively avoids long waiting times when rendering resources are insufficient, optimizing the web page interaction experience. In web page rendering, to avoid the complexity of multi-threaded competition and scheduling, current technologies mostly adopt single-process rendering schemes, balancing efficiency and security through event loop mechanisms. Although current browsers compensate for the limitations of a completely single-threaded approach in web page rendering through multi-process architecture and single-threaded event loops, effectively improving overall performance, the queue problem of single-threaded rendering still exists. However, rendering efficiency remains a significant issue. When webpage resources are large and user-end rendering resources are limited, the rendering output efficiency remains low, leading to varying degrees or even severe lag during interaction and affecting the smoothness of the interaction. In this embodiment, the solution is to establish a variable rendering tree based on webpage features or interaction habits. The main branches of the rendering tree correspond to the most important rendering targets, while the secondary branches and other related branches correspond to different rendering importance and relevance (for example, on a download page, the download button is the most important interaction node in this webpage interaction, corresponding to the main branch, while the download description content is secondary). The rendering tree is used to represent the rendering process order and priority. For different web pages, completely corresponding and different rendering trees are used. For the same web page, the rendering tree is transformed and evolved based on historical click records within a certain time range, so that the rendering priority of different content on the page is continuously optimized to obtain the fastest interactive rendering feedback effect when the user requests interaction.

[0023] like Figure 2 As shown, in another preferred embodiment of the present invention, the step of statistically analyzing the evaluation click database to obtain the click volume ranking of the interactive nodes and information types of the webpage further includes: S51, request access to the cloud update information of the webpage, obtain the current webpage content update cycle and content update ratio, wherein the content update ratio is used to characterize the proportion of updated and replaced information to the total amount of webpage information in each update cycle; S52, evaluate the content update cycle and content update ratio based on the preset long and short cycle division threshold, calculate the current webpage threshold update cycle, the threshold update cycle is used to characterize the content update cycle required for the total update ratio of webpage information to reach the division threshold, and the minimum value of the threshold update cycle is equal to the content update cycle. S53, the evaluation click library is screened according to the threshold update cycle to obtain short-cycle records and long-cycle records, which are then used for short-cycle statistical analysis and long-cycle statistical analysis, respectively.

[0024] In this embodiment, when using historical click records to build an optimized rendering tree, two methods can be used: short-cycle fitting and long-cycle fitting. The reason for dividing into short and long cycles is to optimize the interactive rendering experience of web pages with different data update frequencies. For some types of web pages, the data update cycle is relatively long, and there may not be much data content update for several months. In this case, the historical click record data is valid and reliable for a long period of time. However, for some web pages, the update ratio of their data may be close to 100% in just a few days. Therefore, the effective time of the click record data of this type of web page is short, and only the short-cycle method can be used to evaluate and update the rendering tree. The division of short and long cycles used here is based on the standard that the data update ratio reaches the division threshold, that is, the time taken for the data volume of a certain web page content update to reach the division threshold.

[0025] In another preferred embodiment of the present invention, the web page further includes multiple rendering trees, including a local rendering tree and a cloud rendering tree, wherein the local rendering tree includes an object rendering tree and a behavior rendering tree; The object rendering tree is used to represent the page rendering priority order based on user-side object authentication. The object authentication includes the user's guest status on the target page and the interaction completion status of special interaction targets. The behavior rendering tree is used to represent the page rendering priority order based on user interaction behavior preference statistics, where the interaction behavior preference is the user's historical interaction behavior pattern with respect to the target page. The cloud rendering tree is used to represent the page rendering priority order of the interactive behavior preferences recorded and statistically analyzed by the target webpage in the cloud. The interactive behavior preferences shown are established based on several user-end objects that interact with the webpage.

[0026] This embodiment supplements several types of rendering trees. Among them, the cloud rendering tree is based on the cloud, i.e., the web page, and is built based on a large number of user request records (click records of interaction with the web page during the request process). It represents the interaction preferences of most users for the web page within a certain period of time, and has broad representativeness and reasonable applicability to most user terminals. The object rendering tree is built based on the user's local click records or identity characteristics, such as whether the user is visiting the web page for the first time, whether login is required, and other such object characteristics. The behavior rendering tree is based on the fact that if a local user has multiple access records for the web page in their local history when requesting the web page, the logical preferences of the access can be determined based on these records, and then a rendering tree with individual characteristics can be built.

[0027] In another preferred embodiment of the present invention, each webpage includes multiple cloud rendering trees, and the multiple cloud rendering trees correspond to different webpage attention biases; The webpage attention bias is used to characterize different emphasis preference routes when browsing webpages. Each webpage attention bias corresponds to a user style, which is used to characterize the historical interaction behavior characteristics of the user requesting the interaction. Once the user-side request interaction has been verified, the cloud rendering tree is matched based on the user's style, and user-side push and rendering scheduling are performed based on the cloud rendering tree.

[0028] In this embodiment, based on the previous embodiment, the cloud rendering tree is built according to the interaction records in the cloud. However, the interaction records in the cloud are retained by all interactive users. Therefore, there may be situations where different users have significantly different interaction styles. Thus, users can also be divided into styles to build multiple types of cloud rendering trees, so that more accurate rendering logic and smoother interactive feedback can be obtained during actual interaction.

[0029] In another preferred embodiment of the present invention, the interaction node further includes a data interaction node and a functional interaction node. The data interaction node is used to represent the interaction interface for dynamically updating data information within the webpage, and the functional interaction node is used to represent the interaction interface for webpage function interaction and acquisition. When filtering historical click records, the functional interaction nodes and data interaction nodes are managed in groups.

[0030] In this embodiment, interactive nodes of a webpage are defined. This definition is based on the functions and data content of the nodes on the webpage. For a webpage, some interactive nodes may be functional, such as page switching and webpage function interaction, while some nodes are used for the output and display of data information. Therefore, by dividing the functional type and data type of interactive nodes, classification, filtering and management can be carried out to further optimize the evaluation accuracy of the rendering tree.

[0031] like Figure 3 As shown, the present invention also provides an apparatus for rendering web page layout, comprising: The initial grading module 100 is used to obtain push data from the web page, parse the layout structure of the push data on the web page, and establish an initial rendering tree. The initial rendering tree is used to represent the rendering priority of graphic elements and data content in the web page. The historical filtering module 200 is used to obtain historical click records based on the corresponding web site and filter the historical click records to establish an evaluation click library. The historical click records are used to represent the click triggering situation of multiple interactive nodes on the current page. The historical evaluation module 300 is used to perform statistical analysis on the evaluation click library, obtain the click volume ranking of the interactive nodes and information types of the webpage, and respectively represent the highest priority order of interactive nodes and the highest priority order of categories. The rendering optimization module 400 is used to deconstruct and deform the structure of the initial rendering tree according to the click volume sorting of the interaction nodes and information types, so as to obtain an optimized rendering tree and use it for scheduling the rendering execution of the current webpage. The optimized rendering tree is based on the highest clicked interaction node as the main rendering branch.

[0032] As another preferred embodiment of the present invention, the method further includes the following steps: The webpage feature acquisition unit is used to request cloud update information of the accessed webpage, obtain the content update cycle and content update ratio of the current webpage, and the content update ratio is used to characterize the proportion of updated and replaced information to the total amount of webpage information in each update cycle. The update cycle evaluation unit is used to evaluate the content update cycle and content update ratio based on a preset long and short cycle division threshold, and calculate the current webpage threshold update cycle. The threshold update cycle is used to characterize the content update cycle required for the total update ratio of webpage information to reach the division threshold. The minimum value of the threshold update cycle is equal to the content update cycle. The evaluation cycle screening unit is used to screen the evaluation click library according to the threshold update cycle, obtain short cycle records and long cycle records, and use them for short cycle statistical analysis and long cycle statistical analysis, respectively.

[0033] In another preferred embodiment of the present invention, the web page further includes multiple rendering trees, including a local rendering tree and a cloud rendering tree, wherein the local rendering tree includes an object rendering tree and a behavior rendering tree; The object rendering tree is used to represent the page rendering priority order based on user-side object authentication. The object authentication includes the user's guest status on the target page and the interaction completion status of special interaction targets. The behavior rendering tree is used to represent the page rendering priority order based on user interaction behavior preference statistics, where the interaction behavior preference is the user's historical interaction behavior pattern with respect to the target page. The cloud rendering tree is used to represent the page rendering priority order of the interactive behavior preferences recorded and statistically analyzed by the target webpage in the cloud. The interactive behavior preferences shown are established based on several user-end objects that interact with the webpage.

[0034] In another preferred embodiment of the present invention, each webpage includes multiple cloud rendering trees, and the multiple cloud rendering trees correspond to different webpage attention biases; The webpage attention bias is used to characterize different emphasis preference routes when browsing webpages. Each webpage attention bias corresponds to a user style, which is used to characterize the historical interaction behavior characteristics of the user requesting the interaction. Once the user-side request interaction has been verified, the cloud rendering tree is matched based on the user's style, and user-side push and rendering scheduling are performed based on the cloud rendering tree.

[0035] In another preferred embodiment of the present invention, the interaction node further includes a data interaction node and a functional interaction node. The data interaction node is used to represent the interaction interface for dynamically updating data information within the webpage, and the functional interaction node is used to represent the interaction interface for webpage function interaction and acquisition. When filtering historical click records, the functional interaction nodes and data interaction nodes are managed in groups.

[0036] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. The program can be stored in a non-volatile computer-readable storage medium, and when executed, it can include the processes of the embodiments of the above methods. Any references to memory, storage, databases, or other media used in the embodiments provided in this application can include non-volatile and / or volatile memory. Non-volatile memory can include read-only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory. Volatile memory can include random access memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in various forms, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), dual data rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous link DRAM (SLDRAM), Rambus direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

[0037] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the disclosure in the specification and embodiments. This application is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and embodiments are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the claims.

[0038] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.

Claims

1. A method for web page layout-based rendering, the method comprising: Comprise: Obtain the push data of the web page, parse the layout structure of the web page based on the push data, establish an initial rendering tree, and the initial rendering tree is used to represent the rendering priority of the graphical elements and data content in the web page; Based on the historical click record of the corresponding web site, the historical click record is screened to establish an evaluation click library, and the historical click record is used to represent the click trigger condition of the multiple interactive nodes of the current page; Statistical analysis is performed on the evaluation click library to obtain the click volume ranking of the interactive nodes and information types of the web page, which are used to represent the optimal order of the interactive nodes and the optimal order of the categories, respectively; According to the click volume ranking of the interactive nodes and information types, the structure of the initial rendering tree is deformed to obtain an optimized rendering tree, which is used for scheduling of the current web page rendering execution, and the optimized rendering tree is based on the highest click interactive node as the rendering main branch.

2. The method for web page layout rendering based on, according to claim 1, characterized in that, When the step of statistical analysis on the evaluation click library to obtain the click volume ranking of the interactive nodes and information types of the web page, it also includes: Request to access the cloud update information of the web page, obtain the content update period and the content update proportion of the current web page, and the content update proportion is used to represent the proportion of the updated and replaced information in the total amount of web page information in each update period; Based on the pre-set long-short period division threshold, the content update period and the content update proportion are evaluated, and the threshold update period of the current web page is calculated, which is used to represent the content update period required for the total amount of web page information update proportion to reach the division threshold, and the minimum value of the threshold update period is equal to the content update period; According to the threshold update period, the evaluation click library is screened to obtain short-period records and long-period records, which are used for short-period statistical analysis and long-period statistical analysis, respectively.

3. The method of claim 2, wherein, The web page also includes a plurality of rendering trees, and the plurality of rendering trees include a local rendering tree and a cloud rendering tree, and the local rendering tree includes an object rendering tree and a behavior rendering tree; The object rendering tree is used to represent the page rendering priority order based on user-side object authentication, and the object authentication includes the visitor user state of the user side to the target page and the interaction completion state of the special interaction target; The behavior rendering tree is used to represent the page rendering priority order based on the user-side interaction behavior preference statistics, and the interaction behavior preference is the historical interaction behavior mode of the user side to the target page; The cloud rendering tree is used to represent the page rendering priority order of the interaction behavior preference recorded and counted in the cloud for the target web page, and the interaction behavior preference is established based on a plurality of user-side objects interacting with the web page.

4. The method of claim 3, wherein, Each of the web pages includes a plurality of cloud rendering trees, and the plurality of cloud rendering trees correspond to different web page attention biases; The web page attention bias is used to represent different emphasis preference routes during web browsing, and each of the web page attention biases corresponds to a user style, and the user style is used to represent the historical interaction behavior characteristics of the requesting interactive user side; When the user-side request interaction has been verified, a cloud-side rendering tree is matched based on user style, and user-side pushing and rendering scheduling are performed based on the cloud-side rendering tree.

5. The method of claim 4, wherein, The interaction nodes further include a data interaction node and a functional interaction node, the data interaction node is used to represent an interactive interface for dynamically updating data information in a webpage, and the functional interaction node is used to represent an interactive interface for webpage function interaction and acquisition. When the historical click record is screened, the functional interaction node and the data interaction node are grouped and managed.

6. An apparatus for web page layout-based rendering, the apparatus comprising: Comprise: An initial grading module is configured to obtain pushing data of a web page, parse the pushing data based on a layout structure of the web page, and establish an initial rendering tree, the initial rendering tree is used to represent a rendering priority of a graphical element and data content in the web page; A historical screening module is configured to obtain historical click records based on a corresponding webpage site, and screen the historical click records to establish an evaluation click library, the historical click records are used to represent a click triggering condition of a plurality of interaction nodes of the current page; A historical evaluation module is configured to statistically analyze the evaluation click library, obtain a click volume ranking of the interaction nodes and information types of the webpage, and represent an optimal order of the interaction nodes and an optimal order of the categories, respectively; A rendering optimization module is configured to deconstruct and deform a structure of the initial rendering tree according to the click volume ranking of the interaction nodes and information types, obtain an optimized rendering tree, and schedule a rendering execution of the current webpage, the optimized rendering tree is based on a highest-click interaction node as a rendering main branch.

7. The apparatus for web page layout rendering based on according to claim 6, wherein, Further comprising steps: A webpage feature acquisition unit is configured to request to access cloud-side update information of a webpage, obtain a content update period and a content update proportion of the current webpage, and the content update proportion is used to represent a proportion of updated and replaced information to a total amount of webpage information in each update period; An update period evaluation unit is configured to evaluate the content update period and the content update proportion based on a preset long-short period division threshold, calculate a threshold update period of the current webpage, the threshold update period is used to represent a content update period required for a webpage information total amount update proportion to reach a division threshold, and a minimum value of the threshold update period is equal to the content update period; An evaluation period screening unit is configured to screen the evaluation click library according to the threshold update period, obtain short-period records and long-period records, and perform short-period statistical analysis and long-period statistical analysis, respectively.

8. The apparatus for web page layout rendering based on according to claim 7, wherein, The web page further comprises a plurality of rendering trees, and the plurality of rendering trees comprise a local rendering tree and a cloud-side rendering tree, the local rendering tree comprises an object rendering tree and a behavior rendering tree; The object rendering tree is used to represent a page rendering priority order based on user-side object authentication, the object authentication includes a visitor user state of a target page and an interaction completion state of a special interaction target of the user side; The behavior rendering tree is used to represent a page rendering priority order based on a user-side interaction behavior preference statistic, the interaction behavior preference is a historical interaction behavior mode of the user side for the target page. The cloud rendering tree is used to represent the page rendering priority order of the interaction behavior preference recorded and counted by the cloud for the target webpage, and the interaction behavior preference is established based on a plurality of user terminal objects interacting with the webpage.

9. The apparatus for web page layout rendering based on according to claim 8, wherein, Each of the webpages includes a plurality of cloud rendering trees, and the plurality of cloud rendering trees correspond to different webpage attention biases respectively. The webpage attention bias is used to represent different emphasis preference routes during webpage browsing, each of the webpage attention biases corresponds to a user style, and the user style is used to represent a historical interaction behavior feature of a request interaction user terminal. When the user terminal request interaction is verified, a cloud rendering tree is matched based on the user style, and user terminal pushing and rendering scheduling are performed based on the cloud rendering tree.

10. The apparatus for web page layout rendering based on according to claim 9, wherein, The interaction node further includes a data interaction node and a functional interaction node, the data interaction node is used to represent an interaction interface for dynamically updating data information in the webpage, and the functional interaction node is used to represent an interaction interface for webpage function interaction and acquisition. When the historical click record is screened, the functional interaction node and the data interaction node are grouped and managed.

Images