[发明专利]页面异步渲染方法及装置有效
申请号: | 201510708490.5 | 申请日: | 2015-10-27 |
公开(公告)号: | CN106610832B | 公开(公告)日: | 2020-06-05 |
发明(设计)人: | 瞿宝明 | 申请(专利权)人: | 阿里巴巴集团控股有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451 |
代理公司: | 北京弘权知识产权代理事务所(普通合伙) 11363 | 代理人: | 逯长明;许伟群 |
地址: | 开曼群岛*** | 国省代码: | 暂无信息 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 页面 异步 渲染 方法 装置 | ||
本申请公开了一种页面异步渲染方法及装置,该方法涉及网络技术领域,包括:分别接收当前页面包括的各个区块发送的各自的区块信息,各个区块的区块信息是对应区块分别从服务器获取的,并根据获取的区块信息对自身区块进行渲染后发送的;保存接收到的区块信息;监控是否已保存所述当前页面包括的所有区块的区块信息;若已保存所述当前页面包括的所有区块的区块信息,则将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块,以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息,并完成对自身区块的渲染。该方案节省了CPU资源,提高了整个当前页面的渲染效率。
技术领域
本申请涉及网络技术领域,尤其涉及一种页面异步渲染方法及装置。
背景技术
随着网络技术的飞速发展,越来越多的用户通过网络获取信息。用户可以在终端上安装浏览器,然后通过浏览器向服务器请求信息,服务器向浏览器发送请求的信息,浏览器打开页面展示接收到的信息,其中,浏览器打开页面的过程就是渲染页面的过程。
通常,一个页面会包括多个区块,区块之间采用异步渲染的方式,并且一个区块进行渲染时可能需要依赖另一个区块的区块信息。如图1所示为一个页面的结构示意图,该页面包括区块A和区块B,区块B还包括一个子区块,区块B需要依赖区块A的区块信息完成对子区块的渲染,下面说明该页面的异步渲染过程:区块A和区块B分别从服务器获取各自的区块信息并进行渲染,区块A将自身的区块信息发送给区块B,区块B继续根据区块A的区块信息对子区块进行渲染,从而完成整个页面的渲染。为了及时获取区块A的区块信息,区块B需要定期轮询区块A,检测到区块A获取区块信息后,从区块A获取区块A的区块信息,然后根据区块A的区块信息完成渲染。
上述页面异步渲染方法中,区块B需要定期轮询区块A来检测区块A是否接收到区块信息,这就会过多消耗中央处理器(Central Processing Unit,CPU)资源,影响整个页面渲染效率。
发明内容
本申请实施例提供一种页面异步渲染方法及装置,用以解决相关技术中存在的过多消耗CPU资源,影响整个页面渲染效率的问题。
根据本申请实施例,提供一种页面异步渲染方法,包括:
分别接收当前页面包括的各个区块发送的各自的区块信息,各个区块的区块信息是对应区块分别从服务器获取的,并根据获取的区块信息对自身区块进行渲染后发送的;
保存接收到的区块信息;
监控是否已保存所述当前页面包括的所有区块的区块信息;
若已保存所述当前页面包括的所有区块的区块信息,则将所述当前页面包括的所有区块的区块信息分别发送给所述当前页面包括的每个区块,以使所述当前页面包括的每个区块从所述当前页面包括的所有区块的区块信息中获取需要的区块信息,并完成对自身区块的渲染。
具体的,保存接收到的区块信息,具体包括:
确定数据变量中是否已保存接收到的区块信息;
若数据变量中未保存接收到的区块信息,则根据接收到的区块信息的数量更新数量变量,并将接收到的区块信息保存在所述数据变量中。
具体的,监控是否已保存所述当前页面包括的所有区块的区块信息,具体包括:
获取所述当前页面包括的区块的数量;
确定所述数量变量的数值是否等于所述当前页面包括的区块的数量;
若所述数量变量的数值等于所述当前页面包括的区块的数量,则确定已保存所述当前页面包括的所有区块的区块信息;
若所述数量变量的数值小于所述当前页面包括的区块的数量,则确定未保存所述当前页面包括的所有区块的区块信息。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于阿里巴巴集团控股有限公司,未经阿里巴巴集团控股有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201510708490.5/2.html,转载请声明来源钻瓜专利网。
- 上一篇:网页截图方法和装置
- 下一篇:一种触发重叠HTML元素鼠标事件的方法及装置