Web page similarity-based browser rendering optimization method
An optimization method, browser technology, applied in the direction of instrumentation, calculation, electrical digital data processing, etc., can solve the problems of redundant calculation, CSS style and layout recalculation, without considering the similarity of web page browsing, etc., to reduce redundancy Calculate, increase loading speed, enhance performance effects
- Summary
- Abstract
- Description
- Claims
- Application Information
AI Technical Summary
Problems solved by technology
Method used
Image
Examples
specific Embodiment approach
[0026] A. When caching the CSS style tree, perform the following operations (such as figure 1 shown):
[0027] A1. Establish a CSS style tree similar to the DOM tree structure to cache the CSS style corresponding to each DOM node; the nodes in each CSS style tree are uniquely marked with triple ID, Class, Tag; CSS style The root node of the tree does not record the style, but is used to record the domain name of the webpage cached by the style tree;
[0028] A2. Cache the triplet ID, Class, Tag and CSS style of the root node of the DOM tree to the child node of the root node of the CSS style tree;
[0029] A3. According to the parent-child relationship of nodes in the DOM tree, other non-root nodes create nodes in the CSS style tree and cache the triplet ID, Class, Tag and CSS style to the corresponding nodes.
[0030] B. When the browser needs to calculate the style of the DOM tree node of the web page, perform the following operations (such as figure 2 shown):
[0031] ...
Embodiment 1
[0035] Example 1: Caching the CSS style tree
[0036]Assuming that a news webpage www.mywebsite.com / news001 is opened in the browser, and the browser has never visited the webpage under this domain name before, then the cached CSS style tree cannot be found in the browser. The browser will normally calculate the CSS style of the DOM node of the newly opened web page, and create a CSS style tree. The root node of the www.mywebsite.com / news001 webpage is, there are two nodes below the node and, there are nodes below .
[0037] The process of caching the CSS style tree is as follows: image 3 shown, including the following steps:
[0038] 1) Establish the root node of the CSS style tree. The root node does not cache any styles, and the property of the root node is set to www.mywebsite.com, that is, all web pages under this domain name share this style tree;
[0039] 2) Calculate the CSS style of the root node of the DOM tree, and create node C under the root node of th...
Embodiment 2
[0044] Example 2: Reusing CSS Style Trees
[0045] The purpose of this embodiment is to reuse the CSS style tree cached in Embodiment 1.
[0046] Assuming that the news page www.mywebsite.com / news001 is opened in the browser and then the news page www.mywebsite.com / news002 is opened, then the browser will reuse the corresponding style tree when calculating the CSS style of the web page elements. The root node of the www.mywebsite.com / news002 web page is, there are two nodes below the node and, there are nodes below and node .
[0047] The process of reusing the CSS style tree is as follows Figure 4 shown, including the following steps:
[0048] (1) Determine whether there is a style tree of the same domain name, and find the CSS style tree of www.mywebsite.com cached before;
[0049] (2) Determine whether the root node of the DOM tree follows C root The child nodes have the same triplet ID, Class, Tag, find C html is the same as the triplet ID, Class, ...
PUM
![No PUM](https://static-eureka.patsnap.com/ssr/23.2.0/_nuxt/noPUMSmall.5c5f49c7.png)
Abstract
Description
Claims
Application Information
![application no application](https://static-eureka.patsnap.com/ssr/23.2.0/_nuxt/application.06fe782c.png)
- R&D Engineer
- R&D Manager
- IP Professional
- Industry Leading Data Capabilities
- Powerful AI technology
- Patent DNA Extraction
Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.
© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap