[发明专利]页面加载方法、装置、电子设备及存储介质在审
| 申请号: | 202111584708.2 | 申请日: | 2021-12-22 |
| 公开(公告)号: | CN114491332A | 公开(公告)日: | 2022-05-13 |
| 发明(设计)人: | 刘桂林;李浩;程志;高新川 | 申请(专利权)人: | 北京达佳互联信息技术有限公司 |
| 主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F9/445 |
| 代理公司: | 北京润泽恒知识产权代理有限公司 11319 | 代理人: | 李娜 |
| 地址: | 100085 北京市海淀*** | 国省代码: | 北京;11 |
| 权利要求书: | 查看更多 | 说明书: | 查看更多 |
| 摘要: | |||
| 搜索关键词: | 页面 加载 方法 装置 电子设备 存储 介质 | ||
1.一种页面加载方法,其特征在于,所述方法包括:
响应于针对目标页面的加载请求,加载并渲染所述目标页面的基础元素;
分多个加载周期完成所述目标页面的各个业务组件的加载和渲染;其中,在每个加载周期内,所述目标页面的至少一个业务组件加载完成后,渲染所述加载完成的至少一个业务组件。
2.根据权利要求1所述的方法,其特征在于,
在分多个加载周期完成所述目标页面的各个业务组件的加载和渲染之前,所述方法还包括:
获取刷新帧率;
根据所述刷新帧率,确定每个加载周期的周期总时长。
3.根据权利要求2所述的方法,其特征在于,
分多个加载周期完成所述目标页面的各个业务组件的加载和渲染,包括:
根据所述周期总时长,确定第一加载时长阈值;
在每个加载周期内,按照多个业务组件的加载顺序,依次加载所述业务组件;
在每个业务组件加载完成后,获取当前加载周期的累积加载时长;
当所述累积加载时长大于所述第一加载时长阈值时,停止当前周期内的所述业务组件的加载,并在当前周期内渲染所述加载完成的至少一个业务组件。
4.根据权利要求2所述的方法,其特征在于,
分多个加载周期完成所述目标页面的各个业务组件的加载和渲染,包括:
根据所述周期总时长,确定第二加载时长阈值;
根据当前终端的性能参数,确定每个业务组件的加载耗时;
根据所述第二加载时长阈值、每个业务组件的加载耗时以及多个业务组件的加载顺序,将多个业务组件分为按序排列的多组;
按照每组业务组件的排列顺序,在每一加载周期内加载一组业务组件;
在每个加载周期内,所述目标页面的一组业务组件加载完成后,渲染所述加载完成的一组业务组件。
5.根据权利要求1-4任一所述的方法,其特征在于,分多个加载周期完成所述目标页面的各个业务组件的加载和渲染,包括:
分多个加载周期利用主线程依次完成所述目标页面的各个业务组件的加载和渲染,其中,在每个加载周期内,所述目标页面的至少一个业务组件加载完成后,释放主线程,以便渲染所述加载完成的至少一个业务组件。
6.一种页面加载装置,其特征在于,所述装置包括:
第一加载模块,被配置为响应于针对目标页面的加载请求,加载并渲染所述目标页面的基础元素;
第二加载模块,被配置为分多个加载周期完成所述目标页面的各个业务组件的加载和渲染;其中,在每个加载周期内,所述目标页面的至少一个业务组件加载完成后,渲染所述加载完成的至少一个业务组件。
7.根据权利要求6所述的装置,其特征在于,
在所述第二加载模块之前,所述装置还包括:
获取模块,被配置为确定模块,被配置为获取刷新帧率;
确定模块,被配置为根据所述刷新帧率,确定每个加载周期的周期总时长。
8.根据权利要求7所述的装置,其特征在于,
所述第二加载模块,包括:
第一确定子模块,被配置为根据所述周期总时长,确定第一加载时长阈值;
第一加载子模块,被配置为在每个加载周期内,按照多个业务组件的加载顺序,依次加载所述业务组件;
获取子模块,被配置为在每个业务组件加载完成后,获取当前加载周期的累积加载时长;
停止子模块,被配置为当所述累积加载时长大于所述第一加载时长阈值时,停止当前周期内的所述业务组件的加载,并在当前周期内渲染所述加载完成的至少一个业务组件。
9.一种电子设备,其特征在于,包括:
处理器;
用于存储所述处理器可执行指令的存储器;
其中,所述处理器被配置为执行所述指令,以实现如权利要求1至5中任一项所述的页面加载方法。
10.一种存储介质,当所述存储介质中的指令由电子设备的处理器执行时,使得电子设备能够执行如权利要求1至5中任一项所述的页面加载方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京达佳互联信息技术有限公司,未经北京达佳互联信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202111584708.2/1.html,转载请声明来源钻瓜专利网。
- 上一篇:一种阿海珐技术路线换流阀备用光纤敷设装置及方法
- 下一篇:一种袋子加工工艺





