页面异步渲染方法及装置制造方法及图纸

本申请公开了一种页面异步渲染方法及装置，该方法涉及网络技术领域，包括：分别接收当前页面包括的各个区块发送的各自的区块信息，各个区块的区块信息是对应区块分别从服务器获取的，并根据获取的区块信息对自身区块进行渲染后发送的；保存接收到的区块信息；监控是否已保存所述当前页面包括的所有区块的区块信息；若已保存所述当前页面包括的所有区块的区块信息，则将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块，以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染。该方案节省了CPU资源，提高了整个当前页面的渲染效率。

Asynchronous page rendering method and device

The invention discloses a device and a page asynchronous rendering method, which relates to the technical field of network, including: the respective information block respectively receive send the current page includes the various blocks, each block block information is corresponding blocks are obtained from the server, and based on their own rendering block acquisition block information is sent; save the received block information; monitoring are saved all the blocks including the current page block information; if saved all the blocks including the current page information block, the current page includes all the blocks of block information were sent to the each block including the current page and to make the each block of the current page including access to the area from all blocks of the current page includes the block of information Block information, and complete the rendering of its own block. The scheme saves CPU resources and improves the rendering efficiency of the current page.

【技术实现步骤摘要】

本申请涉及网络
，尤其涉及一种页面异步渲染方法及装置。
技术介绍
随着网络技术的飞速发展，越来越多的用户通过网络获取信息。用户可以在终端上安装浏览器，然后通过浏览器向服务器请求信息，服务器向浏览器发送请求的信息，浏览器打开页面展示接收到的信息，其中，浏览器打开页面的过程就是渲染页面的过程。通常，一个页面会包括多个区块，区块之间采用异步渲染的方式，并且一个区块进行渲染时可能需要依赖另一个区块的区块信息。如图1所示为一个页面的结构示意图，该页面包括区块A和区块B，区块B还包括一个子区块，区块B需要依赖区块A的区块信息完成对子区块的渲染，下面说明该页面的异步渲染过程：区块A和区块B分别从服务器获取各自的区块信息并进行渲染，区块A将自身的区块信息发送给区块B，区块B继续根据区块A的区块信息对子区块进行渲染，从而完成整个页面的渲染。为了及时获取区块A的区块信息，区块B需要定期轮询区块A，检测到区块A获取区块信息后，从区块A获取区块A的区块信息，然后根据区块A的区块信息完成渲染。上述页面异步渲染方法中，区块B需要定期轮询区块A来检测区块A是否接收到区块信息，这就会过多消耗中央处理器(CentralProcessingUnit，CPU)资源，影响整个页面渲染效率。
技术实现思路
本申请实施例提供一种页面异步渲染方法及装置，用以解决相关技术中存在的过多消耗CPU资源，影响整个页面渲染效率的问题。根据本申请实施例，提供一种页面异步渲染方法，包括：分别接收当前页面包括的各个区块发送的各自的区块信息，各个区块的区块信息是对应区块分别从服务器获取的，并根据获取的区块信息对自身区块进行渲染后发送的；保存接收到的区块信息；监控是否已保存所述当前页面包括的所有区块的区块信息；若已保存所述当前页面包括的所有区块的区块信息，则将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块，以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染。具体的，保存接收到的区块信息，具体包括：确定数据变量中是否已保存接收到的区块信息；若数据变量中未保存接收到的区块信息，则根据接收到的区块信息的数量更新数量变量，并将接收到的区块信息保存在所述数据变量中。具体的，监控是否已保存所述当前页面包括的所有区块的区块信息，具体包括：获取所述当前页面包括的区块的数量；确定所述数量变量的数值是否等于所述当前页面包括的区块的数量；若所述数量变量的数值等于所述当前页面包括的区块的数量，则确定已保存所述当前页面包括的所有区块的区块信息；若所述数量变量的数值小于所述当前页面包括的区块的数量，则确定未保存所述当前页面包括的所有区块的区块信息。具体的，将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块，具体包括：组合所述当前页面包括的所有区块的区块信息，得到所述当前页面的区块信息集合；将所述区块信息集合分别发送给所述当前页面包括的每个区块。具体的，组合所述当前页面包括的所有区块的区块信息，得到所述当前页面的区块信息集合，具体包括：获取所述当前页面包括的所有区块的区块信息；随机组合或者按照接收区块信息的时间先后顺序组合所述当前页面包括的所有区块的区块信息，得到所述当前页面的区块信息集合。具体的，以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染，具体包括：以使所述当前页面包括的每个区块确定自身区块是否完成渲染；对于已完成渲染的区块，则忽略接收到的所述当前页面包括的所有区块的区块信息；对于未完成渲染的区块，则接收所述当前页面包括的所有区块的区块信息，从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染。根据本申请实施例，还提供一种页面异步渲染方法，包括：分别接收当前页面包括的各个区块发送的各自的区块信息，各个区块的区块信息是对应区块分别从服务器获取的，并根据获取的区块信息对自身区块进行渲染后发送的；确定接收到的每个区块信息关联的区块；将存在关联区块的区块信息发送给关联的区块，以使接收到区块信息的区块完成对自身区块的渲染。具体的，确定接收到的每个区块信息关联的区块，具体包括：获取区块信息与区块的关联关系表；从所述关联关系表中查找包括每个区块信息的表项；从查找到的表项中获取每个区块信息对应的区块。根据本申请实施例，还提供一种页面异步渲染装置，包括：接收单元，用于分别接收当前页面包括的各个区块发送的各自的区块信息，各个区块的区块信息是对应区块分别从服务器获取的，并根据获取的区块信息对自身区块进行渲染后发送的；保存单元，用于保存接收到的区块信息；监控单元，用于监控是否已保存所述当前页面包括的所有区块的区块信息；发送单元，用于若已保存所述当前页面包括的所有区块的区块信息，则将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块，以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染。具体的，所述保存单元，用于保存接收到的区块信息，具体用于：确定数据变量中是否已保存接收到的区块信息；若数据变量中未保存接收到的区块信息，则根据接收到的区块信息的数量更新数量变量，并将接收到的区块信息保存在所述数据变量中。具体的，所述监控单元，用于监控是否已保存所述当前页面包括的所有区块的区块信息，具体用于：获取所述当前页面包括的区块的数量；确定所述数量变量的数值是否等于所述当前页面包括的区块的数量；若所述数量变量的数值等于所述当前页面包括的区块的数量，则确定已保存所述当前页面包括的所有区块的区块信息；若所述数量变量的数值小于所述当前页面包括的区块的数量，则确定未保存所述当前页面包括的所有区块的区块信息。具体的，所述发送单元，用于将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块，具体用于：组合所述当前页面包括的所有区块的区块信息，得到所述当前页面的区块信息集合；将所述区块信息集合分别发送给所述当前页面包括的每个区块。具体的，所述发送单元，用于组合所述当前页面包括的所有区块的区块信息，得到所述当前页面的区块信息集合，具体用于：获取所述当前页面包括的所有区块的区块信息；随机组合或者按照接收区块信息的时间先后顺序组合所述当前页面包括的所有区块的区块信息，得到所述当前页面的区块信息集合。具体的，所述发送单元，用于以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染，具体用于：以使所述当前页面包括的每个区块确定自身区块是否完成渲染；对于已完成渲染的区块，则忽略接收到的所述当前页面包括的所有区块的区块信息；对于未完成渲染的区块，则接收所述当前页面包括的所有区块的区块信息，从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染。根据本申请实施例，还提供一种页面异步渲染装置，包括：接收单元，用于分别接收当前页面包括的各个区块发送的各自的区块信息，各个区块的区块信息是对应区块分别从服务器获取的，并根据获取的区块信息对自身区本文档来自技高网...

【技术保护点】
一种页面异步渲染方法，其特征在于，包括：分别接收当前页面包括的各个区块发送的各自的区块信息，各个区块的区块信息是对应区块分别从服务器获取的，并根据获取的区块信息对自身区块进行渲染后发送的；保存接收到的区块信息；监控是否已保存所述当前页面包括的所有区块的区块信息；若已保存所述当前页面包括的所有区块的区块信息，则将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块，以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染。

【技术特征摘要】
1.一种页面异步渲染方法，其特征在于，包括：分别接收当前页面包括的各个区块发送的各自的区块信息，各个区块的区块信息是对应区块分别从服务器获取的，并根据获取的区块信息对自身区块进行渲染后发送的；保存接收到的区块信息；监控是否已保存所述当前页面包括的所有区块的区块信息；若已保存所述当前页面包括的所有区块的区块信息，则将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块，以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染。2.如权利要求1所述的方法，其特征在于，保存接收到的区块信息，具体包括：确定数据变量中是否已保存接收到的区块信息；若数据变量中未保存接收到的区块信息，则根据接收到的区块信息的数量更新数量变量，并将接收到的区块信息保存在所述数据变量中。3.如权利要求2所述的方法，其特征在于，监控是否已保存所述当前页面包括的所有区块的区块信息，具体包括：获取所述当前页面包括的区块的数量；确定所述数量变量的数值是否等于所述当前页面包括的区块的数量；若所述数量变量的数值等于所述当前页面包括的区块的数量，则确定已保存所述当前页面包括的所有区块的区块信息；若所述数量变量的数值小于所述当前页面包括的区块的数量，则确定未保存所述当前页面包括的所有区块的区块信息。4.如权利要求1-3任一所述的方法，其特征在于，将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块，具体包括：组合所述当前页面包括的所有区块的区块信息，得到所述当前页面的区块信息集合；将所述区块信息集合分别发送给所述当前页面包括的每个区块。5.如权利要求4所述的方法，其特征在于，组合所述当前页面包括的所有区块的区块信息，得到所述当前页面的区块信息集合，具体包括：获取所述当前页面包括的所有区块的区块信息；随机组合或者按照接收区块信息的时间先后顺序组合所述当前页面包括的所有区块的区块信息，得到所述当前页面的区块信息集合。6.如权利要求1所述的方法，其特征在于，以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染，具体包括：以使所述当前页面包括的每个区块确定自身区块是否完成渲染；对于已完成渲染的区块，则忽略接收到的所述当前页面包括的所有区块的区块信息；对于未完成渲染的区块，则接收所述当前页面包括的所有区块的区块信息，从所述当前页面包括的所有区块的区块信息中获取需要的区块信息，并完成对自身区块的渲染。7.一种页面异步渲染方法，其特征在于，包括：分别接收当前页面包括的各个区块发送的各自的区块信息，各个区块的区块信息是对应区块分别从服务器获取的，并根据获取的区块信息对自身区块进行渲染后发送的；确定接收到的每个区块信息关联的区块；将存在关联区块的区块信息发送给关联的区块，以使接收到区块信息的区块完成对自身区块的渲染。8.如权利要求7所述的方法，其特征在于，确定接收到的每个区块信息关联的区块，具体包括：获取区块信息与区块的关联关系表；从所述关联关系表中查找包括每个区块信息的表项；从查找到的表项中获取每个区块信息对应的区块。9.一种页面异步渲染装置，其特征在于，包括：接收单元，用于分别接收当前页面包括的各个区块发送的各自的区块信息，各个区块的...

【专利技术属性】
技术研发人员：瞿宝明，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛;KY