WO2016150324A1

WO2016150324A1 - Page module rendering method, apparatus and display device

Info

Publication number: WO2016150324A1
Application number: PCT/CN2016/076449
Authority: WO
Inventors: 朱敏琪
Original assignee: 阿里巴巴集团控股有限公司
Priority date: 2015-03-24
Filing date: 2016-03-16
Publication date: 2016-09-29
Also published as: CN106155602A

Abstract

A page module rendering method, apparatus and display device, used for periodically rendering a page module, so that a plurality of modules can be rendered at a time, thereby effectively reducing CPU consumption. The page module rendering method comprises: when it is determined that a page module needs to be rendered, detecting whether there is a rendering task of the page module in a task queue (S101); and when it is detected that there is a rendering task of the page module in the task queue, executing the rendering task of the page module in the task queue (S102).

Description

Method, device and display device for rendering page module

The present application claims the priority of the Chinese Patent Application No. 201510131848.2, filed on March 24, 2015, entitled,,,,,,,,,,,,,,,,, in.

Technical field

The present invention relates to the field of computer application technologies, and in particular, to a method, an apparatus, and a display device for rendering a page module.

Background technique

Regarding the page display on mobile phones or computers, the popularity of single-page applications and modularization brings about an improvement in product performance and user experience. Once the modularity of the application is thinned, it is inevitable that multiple modules are concurrently rendered. In the case, each rendering will result in a lot of CPU consumption.

The rendering refers to a process of converting an object model and data inside a computer into a visual object through algorithm instructions; during the running of the software, some modules are visually visible (or can generate corresponding visual effects), The rendering of the module is to use the interface form to render these visualization modules, convert them into text or graphics, and output them to the display screen for users to view.

With the popularity of computer applications, users' requirements for software are not limited to functional implementation. The quality of the screen has become one of the important factors for evaluating software. In order to provide users with a more convenient and beautiful visual operation interface, a large number of visualization modules need to be used. Accordingly, when the software is running, the rendering of these modules requires a large amount of system resources, and therefore has high requirements on system performance. Referring to FIG. 1 , in the existing rendering mode, each page module is rendered by itself, and each time the rendering triggers the CPU consumption of the page, so the module consumption is increased, that is, how many modules are rendered, In Figure 1, there are ten page modules from M0 to M9, so they correspond to rendering tasks starting from ten times t0 to t9 respectively. When the system performance cannot meet the requirements, the display speed of the screen will be slow. In severe cases, the execution of the basic functions will be affected, resulting in a poor user experience.

In summary, in the prior art, each module for a page performs an independent rendering process when it needs to be rendered. If there are many modules, the number of renderings will be correspondingly large, resulting in excessive CPU consumption.

Summary of the invention

The embodiment of the invention provides a method, a device and a display device for rendering a page module, which are used to implement a page. The periodic rendering of the face module allows multiple modules to be completed in one pass, effectively reducing CPU consumption.

A method for rendering a page module according to an embodiment of the present invention includes:

When it is determined that the rendering of the page module is required, detecting whether there is a rendering task of the page module in the task queue;

When it is detected that there is a rendering task of the page module in the task queue, the rendering task of the page module in the task queue is executed.

By the method, when a rendering period of the preset page module arrives, detecting whether there is a rendering task of the page module in the preset task queue; when detecting that the rendering task of the page module is in the task queue, performing the task The rendering task of the page module in the queue, so that the periodic rendering of the page module can be implemented, so that multiple modules can complete rendering of the multiple modules through one rendering process, thereby effectively reducing CPU consumption.

Preferably, when the rendering period of the preset page module arrives, it is determined that the rendering of the page module is required.

Preferably, before the rendering period of the preset page module arrives, the method further includes:

The page module is loaded.

Preferably, the rendering task of the page module in the task queue is a rendering task of the loaded page module.

Preferably, when the rendering period of the preset page module arrives, detecting whether there is a rendering task of the page module in the preset task queue includes:

When the preset timer expires, detecting whether there is a rendering task of the page module in the preset task queue; wherein the timing duration of the timer is a rendering period of the preset page module;

When it is detected that there is a rendering task of the page module in the task queue, the method further includes: restarting the timer.

Preferably, when the rendering task of the page module is not detected in the task queue, the method further includes: restarting the timer.

Preferably, after performing the rendering task of the page module in the task queue, the method further includes:

Release the rendering task of the page module in the task queue.

Preferably, after the rendering task of the page module in the task queue is released, the method further includes:

The rendering task of the page module in the task queue is dumped into a preset cache queue.

Preferably, the rendering task of the page module in the task queue is performed, including:

The rendering task of the page module in the task queue is executed according to a preset rule.

A rendering device of a page module provided by the embodiment of the invention includes:

The first unit is configured to detect whether there is a page module in the task queue when it is determined that the rendering of the page module is required Block rendering task;

The second unit is configured to execute a rendering task of the page module in the task queue when detecting a rendering task of the page module in the task queue.

Preferably, when the rendering period of the preset page module arrives, the first unit determines that rendering of the page module is required.

Preferably, the first unit is further configured to: load the page module before a rendering period of the preset page module arrives.

Preferably, the first unit is configured to: when a preset timer expires, detecting whether there is a rendering task of the page module in the preset task queue; wherein the timer duration of the timer is The rendering period of the preset page module;

The first unit is further configured to restart the timer when detecting a rendering task of the page module in the task queue.

Preferably, when the rendering task of the page module is not detected in the task queue, the first unit is further configured to: restart the timer.

Release the rendering task of the page module in the task queue.

A display device provided by the embodiment of the present invention includes the rendering device of the page module provided by the embodiment of the present invention.

The rendering method of the second page module provided by the embodiment of the present invention includes:

Triggering the rendering task of the page module, at the same time point, rendering at least two loaded page modules.

The rendering method of the third page module provided by the embodiment of the present invention includes:

Loading the first page module at the first time interval;

Loading the second page module at the second time interval;

At least one of the first page module and the second page module is rendered after a certain delay time after the loading is completed.

DRAWINGS

1 is a schematic diagram of a rendering mode in the prior art;

2 is a schematic flowchart of a method for rendering a page module according to an embodiment of the present invention;

FIG. 3 is a schematic diagram of a rendering mode according to an embodiment of the present disclosure;

FIG. 4 is a schematic structural diagram of a rendering apparatus of a page module according to an embodiment of the present invention.

detailed description

The embodiment of the invention provides a method, a device and a display device for rendering a page module, so as to implement periodic rendering of the page module, so that multiple modules can be completed by one rendering, thereby effectively reducing CPU consumption.

The embodiment of the present invention adds a timing function. Each time the timer is executed, it can be understood as one frame (ie, triggering one rendering). The rendering process of each module is not directly rendered after the pre-task is completed, but is waited until the timer expires. Rendering, therefore, compared to the prior art, after the original multiple renderings, only a fixed number of renderings occur, which greatly reduces the CPU rendering consumption.

The technical solutions provided by the embodiments of the present invention are described in detail below with reference to the accompanying drawings.

Referring to FIG. 2, a method for rendering a page module according to an embodiment of the present invention includes the following steps:

S101. When it is determined that the rendering of the page module is required, detecting whether there is a rendering task of the page module in the task queue;

The page described in the embodiment of the present invention may be a webpage; the page module is a structural element frequently used by the page, and is a main content constituting the page.

S102. When a rendering task of the page module is detected in the task queue, perform a rendering task of the page module in the task queue.

The period is a fixed time interval, and the actual implementation may also be a non-fixed time interval, that is, not periodically. Test if rendering is required, for example, as long as 3 rendering tasks are loaded and rendering begins.

Loading the page module, the so-called loading, for example, specifically includes pre-task tasks such as initializing data used by the page module, requesting data of the page module, and the like.

Taking the browser loading page module as an example, the loading process of the page module by the general browser includes: when receiving a URL (Uniform/Universal Resource Locator, also referred to as a web address) request submitted by the user equipment ( For example, the user equipment inputs a web address in the address bar of the browser, requests data of the webpage module from the corresponding server, and downloads the data of the requested page module to the browser client, and then invokes the rendering module of the page module to the page module. The data is rendered and the rendered page is displayed through a browser window.

Specifically, the rendering device of the page module executes the process of the rendering task of the loaded page module in the task queue, for example, specifically: first, the rendering device of the page module parses the data of the loaded page module; and then, The rendering device of the page module formats the data of the page module according to the result of the data parsing; finally, the rendering device of the page module draws the page.

That is to say, in the embodiment of the present invention, when monitoring the rendering period of the page module, it is implemented by a timer, and the timing duration of the timer is the length of the rendering period of the page module, and when the timer expires, immediately Check whether there is a rendering task to be executed in the task queue. If there is any execution, if there is no rendering task in the task queue, you can wait for a period of time to restart the timer. The timer is restarted immediately after the timer expires, wherein the waiting time is the time required for the rendering task to execute.

Referring to FIG. 3, due to the added timing function of the embodiment of the present invention, each time the timer is executed, it can be understood as a frame (the gray dotted line perpendicular to the time axis in FIG. 3 indicates the rendering trigger of each frame), and each page The rendering process of the module is not directly rendered after the loading is completed, but is rendered after the frame time arrives, that is, all modules are periodically rendered according to the setting of the timer, so compared with the existing rendering mode in FIG. In the same page module, and the same length of time, the rendering process shown in FIG. 3 in the embodiment of the present invention occurs only three times, that is, the rendering process started at times t0, t1, and t2, respectively, so that the rendering process is greatly reduced. The consumption of CPU rendering. Specifically, referring to FIG. 3, at time t0, three rendering tasks of page modules M2, M3, and M4 are started, and two rendering tasks of page modules M2 and M4 are executed after a certain time delay; The three rendering tasks of the page modules M0, M1, and M5 are executed, and the three rendering tasks of the page modules M0, M1, and M5 are executed after a certain time delay; at time t2, there is a page module M6, The four rendering tasks of M7, M8, and M9 are executed, and the four rendering tasks of page modules M6, M7, M8, and M9 are executed after a certain time delay.

Release the rendering task of the page module in the task queue. Specifically, a rendering task of a part of the page module may be released, or a rendering task of all page modules in the task queue may be released. For example, according to the resource occupancy condition of the rendering device of the page module (for example, the occupancy of the CPU), it is determined whether the data of the rendered page module is released, and the size of the buffer space used by the data of the page module is compared, and the cache space can be preferentially released. The largest page module data. Or, according to the historical access times of the page, the data of the module corresponding to which page is released may be recorded, and the historical access times of the pages that have been rendered may be recorded in advance, and compared with the historical access times of other pages, and the historical access times of the pages may be preferentially released. The data of the modules included in the minimum page. This can further save memory usage and keep the page browser running smoothly.

Further, in order to reduce the network traffic generated when the page request is generated, the data of the loaded page module may be locally saved after the rendering module of the page module loads the data of the page module. In this way, if the user equipment requests to load the data of the module in the same page again, the data of the module of the page saved locally can be directly called. Therefore, after the rendering task of the page module in the task queue is released, the method further includes:

The rendering task of the page module in the task queue (including the data of the loaded page module) is dumped into a preset local cache queue.

For example, after the rendering task of the page module is completed, the rendering task of the page module in the task queue is released according to a preset rule, and it is assumed that the data of the released page module is the data of the first page module, and before the first page The module's data has been saved in the local cache queue, in which case if you want to browse again When the data of the first page module corresponds to the first page, the data of the first page module stored locally may be directly obtained from the cache queue, and the data of the first page module is reloaded according to the above steps.

Therefore, when the browser client obtains the data of the page module to be loaded, it may first determine whether the data of the page module to be loaded is saved locally, and if so, directly call the data of the locally saved page module to be loaded, otherwise, Download the data of the page module to be loaded from the network side. In this way, in the case that the data of the page module to be loaded is saved locally, the data of the local page module can be directly used without downloading, thereby effectively reducing the waste of network resources.

The rendering task of the page module in the task queue is executed according to a preset rule. For example, the task may be executed according to the order of page access requests, or according to the memory size required by the rendering task of the page module, or the number of rendering tasks of the page module that can be executed by each preset rendering task. A rendering task for some or all of the page modules in the queue. In general, the rendering task of all the page modules in the task queue can be executed at one time, that is, each time the timer expires, the rendering tasks of all the page modules in the task queue are retrieved at one time and parallelized. carried out.

For example, in the case where the timer is started continuously and the timing is 50 milliseconds, when a rendering task of a page module or a rendering task of another page module enters the task queue in the task queue within 50 milliseconds, Waiting in the task queue waits until all the rendering tasks in the task queue are executed together when the timer expires. If the test time is from 2 seconds to 7 seconds after the page starts running, to avoid performance interference such as initial frame loading, the rendering and redraw time is reduced by more than 40% compared with the prior art. After testing, CPU execution time increased by 28% and rendering time decreased by 42%.

The technical solution provided by the embodiment of the present invention can be used for scenes of frequently operating HTML elements such as web games, webpage animations, and web applications, and improves the fluency thereof.

Corresponding to the above method, referring to FIG. 4, a rendering apparatus of a page module according to an embodiment of the present invention includes:

The first unit 11 is configured to detect whether there is a rendering task of the page module in the task queue when it is determined that the rendering of the page module is required;

The second unit 12 is configured to execute a rendering task of the page module in the task queue when detecting a rendering task of the page module in the task queue.

Release the rendering task of the page module in the task queue.

Each of the above units, in particular, may be implemented by a physical device such as a processor.

Loading the first page module at the first time interval;

Loading the second page module at the second time interval;

The first time interval and the second time interval, and the delay time, may be determined according to specific actual needs.

In summary, in the technical solution provided by the embodiment of the present invention, when a rendering period of a preset page module arrives, it is detected whether there is a rendering task of the page module in the preset task queue; when the task queue is detected When there is a rendering task of the page module, the rendering task of the page module in the task queue is executed, so that the periodic rendering of the page module can be implemented, so that multiple modules can complete rendering of the multiple modules through one rendering process, thereby Effectively reduce CPU consumption.

Those skilled in the art will appreciate that embodiments of the present invention can be provided as a method, system, or computer program product. Accordingly, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment, or a combination of software and hardware. Moreover, the invention can take the form of a computer program product embodied on one or more computer-usable storage media (including but not limited to disk storage and optical storage, etc.) including computer usable program code.

The present invention has been described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (system), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flowchart illustrations and/or FIG. These computer program instructions can be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing device to produce a machine for the execution of instructions for execution by a processor of a computer or other programmable data processing device. Means for implementing the functions specified in one or more of the flow or in a block or blocks of the flow chart.

The computer program instructions can also be stored in a computer readable memory that can direct a computer or other programmable data processing device to operate in a particular manner, such that the instructions stored in the computer readable memory produce an article of manufacture comprising the instruction device. The apparatus implements the functions specified in one or more blocks of a flow or a flow and/or block diagram of the flowchart.

These computer program instructions can also be loaded onto a computer or other programmable data processing device such that a series of operational steps are performed on a computer or other programmable device to produce computer-implemented processing for execution on a computer or other programmable device. The instructions provide steps for implementing the functions specified in one or more of the flow or in a block or blocks of a flow diagram.

It is apparent that those skilled in the art can make various modifications and variations to the invention without departing from the spirit and scope of the invention. Thus, it is intended that the present invention cover the modifications and modifications of the invention

Claims

A method for rendering a page module, the method comprising:

When it is determined that the rendering of the page module is required, detecting whether there is a rendering task of the page module in the task queue;

When it is detected that there is a rendering task of the page module in the task queue, the rendering task of the page module in the task queue is executed.
The method according to claim 1, wherein when the rendering period of the preset page module arrives, it is determined that the rendering of the page module is required.
The method of claim 2, wherein before the rendering period of the preset page module arrives, the method further comprises:

The page module is loaded.
The method according to claim 3, wherein the rendering task of the page module in the task queue is a rendering task of the loaded page module.
The method according to claim 2, wherein when the rendering period of the preset page module arrives, detecting whether there is a rendering task of the page module in the preset task queue comprises:

When the preset timer expires, detecting whether there is a rendering task of the page module in the preset task queue; wherein the timing duration of the timer is a rendering period of the preset page module;

When it is detected that there is a rendering task of the page module in the task queue, the method further includes: restarting the timer.
The method according to claim 5, wherein when the rendering task of the page module is not detected in the task queue, the method further comprises: restarting the timer.
The method according to claim 1, wherein after performing the rendering task of the page module in the task queue, the method further comprises:

Release the rendering task of the page module in the task queue.
The method according to claim 7, wherein after releasing the rendering task of the page module in the task queue, the method further comprises:

The rendering task of the page module in the task queue is dumped into a preset cache queue.
The method according to claim 1, wherein the performing a rendering task of the page module in the task queue comprises:

The rendering task of the page module in the task queue is executed according to a preset rule.
A rendering device of a page module, comprising:

a first unit, configured to detect whether there is a rendering task of the page module in the task queue when it is determined that the rendering of the page module is required;

The second unit is configured to execute a rendering task of the page module in the task queue when detecting a rendering task of the page module in the task queue.
The apparatus according to claim 10, wherein when the rendering period of the preset page module arrives, the first unit determines that rendering of the page module is required.
The apparatus according to claim 11, wherein the first unit is further configured to: load the page module before a rendering period of the preset page module arrives.
The apparatus according to claim 12, wherein the rendering task of the page module in the task queue is a rendering task of the loaded page module.
The device according to claim 11, wherein the first unit is configured to: when a preset timer expires, detecting whether a rendering task of a page module exists in a preset task queue; The timing duration of the timer is a rendering period of the preset page module;

The first unit is further configured to restart the timer when detecting a rendering task of the page module in the task queue.
The apparatus according to claim 14, wherein the first unit is further configured to: restart the timer when the rendering task of the page module is not detected in the task queue.
The apparatus according to claim 10, wherein after performing the rendering task of the page module in the task queue, the method further comprises:

Release the rendering task of the page module in the task queue.
The apparatus according to claim 16, wherein after the rendering task of the page module in the task queue is released, the method further comprises:

The rendering task of the page module in the task queue is dumped into a preset cache queue.
The apparatus according to claim 10, wherein the performing a rendering task of the page module in the task queue comprises:

The rendering task of the page module in the task queue is executed according to a preset rule.
A display device comprising the device of any of claims 10-18.
A method for rendering a page module, the method comprising:

Triggering the rendering task of the page module, at the same time point, rendering at least two loaded page modules.
A method for rendering a page module, the method comprising:

Loading the first page module at the first time interval;

Loading the second page module at the second time interval;

At least one of the first page module and the second page module is rendered after a certain delay time after the loading is completed.