The invention provides a webpage loading method based on
layout zoning, belonging to the technical field of browsers. The webpage loading method comprises the following steps that: a
client sends a request to a
server; the
client establishes TCP (
Transmission Control Protocol) connection together with the
server and obtains an
HTML (Hyper Text Mark-up Language) file, a CSS (Cascading
Style Sheet) file and various resource files; a browser analyzes various kinds of files to respectively generate a DOM (
Document Object Model) tree and a
style sheet, and generates a render tree; a
layout manager carries out
layout on the render tree, and starts to generate render layout tree nodes; and when one render layout
tree node is generated, a browser interface is drawn by using an increment drawing mode until the whole render layout tree is completely drawn. According to the method, by fully utilizing the characteristic of a small screen of a
mobile device, the method of carrying out loading and layout on all webpage contents and then displaying is changed, increment drawing is carried out when one render layout
tree node is generated, thus long-time interface blank caused by loading all webpages when a user opens the webpages is avoided, the
waiting time is greatly reduced, and the user experience is greatly promoted.