Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Webpage rendering method, device and equipment

A network page and data technology, applied in the field of page rendering, can solve problems such as low efficiency and slow browser data rendering speed

Inactive Publication Date: 2013-11-20
XIAOMI INC
View PDF5 Cites 33 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0007] The embodiment of the present invention provides a method for rendering web pages to solve the problems of slow data rendering speed and low efficiency in browsers

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
  • Webpage rendering method, device and equipment
  • Webpage rendering method, device and equipment
  • Webpage rendering method, device and equipment

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0095] In order to make the above objects, features and advantages of the embodiments of the present invention more comprehensible, the embodiments of the present invention will be further described in detail below in conjunction with the accompanying drawings and specific implementation methods.

[0096] A core idea of ​​the embodiment of the present invention is: based on the HTML5Canvas technology, load all the rendering data of the web site or web page requested by the current user, and then create a Canvas (canvas space) of a corresponding height according to the data volume of the rendering data, and then The first screen page is rendered in the Canvas; when other designated area other than the first screen page is located, the designated area is directly rendered in the Canvas.

[0097] refer to figure 1 , which shows a flow chart of the steps of Embodiment 1 of a web page rendering method according to an embodiment of the present invention, which may include the follow...

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

An embodiment of the invention provides a webpage rendering method, device and equipment. The method includes the following steps: data volume of rendering data of a current loading webpage is determined; the rendering data comprises at least one rendering data subitem; a canvas space with the corresponding height is built in the webpage according to the data volume of the rendering data; a rendering data subitem corresponding to a first screen area is rendered in the canvas space; when a designated area except the first screen area is positioned, a rendering data subitem corresponding to the designated area is rendered in the canvas space. According to the webpage rendering method, device and equipment, operations that a large number of DOM nodes are added in the webpage can be avoided when the rendering data volume is large, and therefore the problem that a browser reflows frequently is solved, and rendering speed slow-down caused by reflowing of the browser is avoided.

Description

technical field [0001] The present invention relates to the technical field of page rendering, in particular to a method for rendering a web page, a device for rendering a web page and a device. Background technique [0002] With the development of Internet industry technology, more and more data are displayed on browsers (such as browsers located on mobile devices and PCs), rich media information and low browser script execution speed and rendering efficiency In stark contrast, how to quickly render and display a large amount of data has become an urgent technical problem to be solved. [0003] The most important part of the browser is the "Rendering Engine", which can be roughly translated as "interpretation engine", and it is generally used to be called "browser kernel". The browser kernel is responsible for interpreting web page syntax (such as HTML, JavaScript) and rendering (displaying or displaying) web pages. Therefore, the so-called browser kernel is usually the e...

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 XIAOMI INC
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com