预览加载中,请您耐心等待几秒...
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲,该文档总共16页,到这已经超出免费预览范围,如果喜欢就直接下载吧~

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN114417212A(43)申请公布日2022.04.29(21)申请号202111455029.5(22)申请日2021.12.01(71)申请人广州酷狗计算机科技有限公司地址510000广东省广州市天河区黄埔大道中315号自编1-17(72)发明人梁嘉辉(74)专利代理机构深圳中创智财知识产权代理有限公司44553代理人李春林文言(51)Int.Cl.G06F16/958(2019.01)G06F16/906(2019.01)权利要求书2页说明书10页附图3页(54)发明名称页面首屏生成方法、装置、设备及存储介质(57)摘要本发明涉及计算机应用技术领域,公开了一种页面首屏生成方法、装置、设备及存储介质。页面首屏生成方法包括:在构建页面时,向无头浏览器注入预置页面数据与指标收集SDK,并唤醒无头浏览器进行页面预渲染;获取页面预渲染时SDK收集的一个或多个页面性能指标;基于页面性能指标,确定预渲染页面的页面类型;基于预渲染页面的页面类型,确定首屏生成策略,并基于首屏生成策略生成页面首屏。本发明基于页面性能指标实现了对页面类型的自动区分,提高了页面首屏生成的效率,降低了首屏开发的时间成本。CN114417212ACN114417212A权利要求书1/2页1.一种页面首屏生成方法,其特征在于,所述页面首屏生成方法包括:在构建页面时,向无头浏览器注入预置页面数据与指标收集SDK,并唤醒无头浏览器进行页面预渲染;获取页面预渲染时所述SDK收集的一个或多个页面性能指标;基于所述页面性能指标,确定预渲染页面的页面类型,其中,所述页面类型包括静态页面与动态页面;基于所述预渲染页面的页面类型,确定首屏生成策略,并基于所述首屏生成策略生成页面首屏。2.根据权利要求1所述的页面首屏生成方法,其特征在于,所述基于所述页面性能指标,确定预渲染页面的页面类型包括:将所述页面性能指标代入预置页面性能评价公式进行计算,得到预渲染页面的页面性能评价值;根据所述页面性能评价值与预置页面类型判断规则,确定所述预渲染页面的页面类型。3.根据权利要求2所述的页面首屏生成方法,其特征在于,所述页面性能指标包括:首次页面内容渲染耗时、最大页面内容渲染耗时;所述页面性能评价公式为:P=Y‑X;其中,P为页面性能评价值;X为预渲染页面的首次页面内容渲染耗时;Y为预渲染页面的最大页面内容渲染耗时。4.根据权利要求3所述的页面首屏生成方法,其特征在于,所述根据所述页面性能评价值与预置页面类型判断规则,确定所述预渲染页面的页面类型包括:比较所述页面性能评价值与预置第一性能阈值的大小;若所述页面性能评价值小于或等于所述第一性能阈值,且所述最大页面内容渲染耗时小于或等于预置第二性能阈值,则确定所述预渲染页面的页面类型为静态页面;若所述页面性能评价值大于所述第一性能阈值,且所述最大页面内容渲染耗时大于所述第二性能阈值,则确定所述预渲染页面的页面类型为动态页面,其中,所述第一性能阈值小于所述第二性能阈值。5.根据权利要求4所述的页面首屏生成方法,其特征在于,所述页面首屏生成方法还包括:每隔预置间隔时长,获取预置统计时长内采集的历史页面性能指标;对所述历史页面性能指标进行聚类分析,得到静态页面的各页面性能指标聚类簇与动态页面的各页面性能指标聚类簇;分别对所述静态页面和动态页面的各页面性能指标聚类簇进行统计,对应得到第三性能阈值和第四性能阈值;分别采用所述第三性能阈值、所述第四性能阈值对应更新所述第一性能阈值、所述第二性能阈值。6.根据权利要求1所述的页面首屏生成方法,其特征在于,所述基于所述预渲染页面的页面类型,确定首屏生成策略,并基于所述首屏生成策略生成页面首屏包括:若所述预渲染页面的页面类型为静态页面,则确定利用预渲染技术生成页面首屏;2CN114417212A权利要求书2/2页保留所述无头浏览器的页面预渲染结果,并将所述页面预渲染结果作为页面首屏。7.根据权利要求1‑6中任一项所述的页面首屏生成方法,其特征在于,所述基于所述预渲染页面的页面类型,确定首屏生成策略,并基于所述首屏生成策略生成页面首屏包括:若所述预渲染页面的页面类型为动态页面,则确定利用骨架屏技术生成页面首屏;基于所述页面数据,利用预置骨架屏生成工具生成骨架屏,并将所述骨架屏作为页面首屏。8.一种页面首屏生成装置,其特征在于,所述页面首屏生成装置包括:预渲染模块,用于在构建页面时,向无头浏览器注入预置页面数据与指标收集SDK,并唤醒无头浏览器进行页面预渲染;指标收集模块,用于获取页面预渲染时所述SDK收集的一个或多个页面性能指标;页面判别模块,用于基于所述页面性能指标,确定预渲染页面的页面类型,其中,所述页面类型包括静态页面与动态页面;首屏生成