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

Active Publication Date: 2013-12-25
PEKING UNIV
View PDF6 Cites 12 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

On the one hand, many webpages are frequently visited. Although the current browsers have caches for webpage resources, CSS styles and layouts will be recalculated each time the same webpage is accessed.
On the other hand, different web pages under many websites have strong similarities, including the use of the same style sheet and similar layout structure, resulting in many redundant calculations when the browser loads these web pages.
[0004] These redundant calculations account for a large proportion of browser rendering calculations, but previous research work did not consider redundant calculations during browser processing, nor did they consider the similarity of web browsing

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Web page similarity-based browser rendering optimization method
  • Web page similarity-based browser rendering optimization method
  • Web page similarity-based browser rendering optimization method

Examples

Experimental program
Comparison scheme
Effect test

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, ...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention relates to a web page similarity-based browser rendering optimization method. The method comprises the steps of: in the web page processing course of a browser, caching the CSS (Cascading Style Sheets) of processed web pages, all web pages under a same domain name to sharing and commonly maintaining a CSS tree; when accessing one webpage under the same domain name next time, reusing the same CSS part in the cached result, and adding a new CSS into the CSS tree as cache. By utilizing the technical scheme, the redundancy computation of the browser in loading the web page can be reduced, the loading rate of the web page can be increased, and the performance of the browser can be enhanced.

Description

technical field [0001] The invention provides a browser rendering optimization method, in particular to a method for caching and reusing browser intermediate calculation results based on the similarity between web pages. Background technique [0002] With the development of mobile platforms and HTML5, the functions of browsers are becoming more and more powerful, but the performance of browsers has not been satisfactory. There are two main factors that affect the performance of the browser, one is the network bandwidth, and the other is the local calculation and processing speed of the browser. Network bandwidth affects network round-trip time, and longer network round-trip times result in longer resource load times. The local calculation and processing process of the browser is mainly to parse the webpage and calculate the CSS (cascading style sheet) style and layout, which requires a lot of calculation-intensive operations. In order to improve the performance of the brow...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
IPC IPC(8): G06F17/30
Inventor 郭耀王浩宇刘梦馨吕骁博陈向群
Owner PEKING UNIV
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

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