[发明专利]首屏时间计算方法及装置在审
申请号: | 202011508713.0 | 申请日: | 2020-12-18 |
公开(公告)号: | CN112507261A | 公开(公告)日: | 2021-03-16 |
发明(设计)人: | 龙佳;谭兵琴 | 申请(专利权)人: | 无线生活(杭州)信息科技有限公司 |
主分类号: | G06F16/957 | 分类号: | G06F16/957;G06F16/958 |
代理公司: | 北京尚伦律师事务所 11477 | 代理人: | 李蔚 |
地址: | 310000 浙江省杭州市*** | 国省代码: | 浙江;33 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 时间 计算方法 装置 | ||
1.一种首屏时间计算方法,其特征在于,包括:
对页面DOM变化进行监视,计算每次渲染的DOM结构分值;
根据所述DOM结构分值获取DOM结构的最大变化时刻;
根据预设规则和所述最大变化时刻获取目标图片资源;
获取所述目标图片资源的平均加载时间;
获取所述最大变化时刻和所述目标图片资源的平均加载时间中的最大值作为首屏时间。
2.根据权利要求1所述的方法,其特征在于,所述对页面DOM变化进行监视,计算每次渲染的DOM结构分值,包括:
监视文档对象内的DOM变化,其中,DOM变化包括整个节点树中的所有节点,以及所有节点添加或删除子节点的情况;
当监视到DOM变化且页面上存在body元素后则停止监视文档对象,并计算body元素内的DOM结构分值。
3.根据权利要求2所述的方法,其特征在于,所述根据所述DOM结构分值获取DOM结构的最大变化时刻,包括:
检测所述DOM结构分值是否大于预设DOM结构最小完成分;
若所述DOM结构分值大于所述预设DOM结构最小完成分,则确定所述DOM结构分值与所述预设DOM结构最小完成分得出比较结果的时间点为所述DOM结构的最大变化时刻。
4.根据权利要求3所述的方法,其特征在于,所述方法还包括:
若所述DOM结构分值小于或等于所述预设DOM结构最小完成分,则在页面加载并解析完成后,记录body元素内的快照,所述快照包括:当前body元素内的DOM结构分值和当前时间;
监视body元素内的DOM变化;
若在最大等待时间内监视到了DOM变化,重新计算body元素内的DOM结构分值;
计算新DOM结构分值与所述快照中的所述DOM结构分值的差值;
若所述差值小于最小分值差,继续等待DOM变化;
若所述差值大于所述最小分值差,则最大结构变化次数加1,并更新最小分值差;
若最大结构变化次数是1或者本次DOM变化内容均在首屏范围内,则更新所述快照内容;
若在最大等待时间内未监视到了DOM变化,则根据最大结构变化次数获取所述DOM结构的最大变化时刻。
5.根据权利要求4所述的方法,其特征在于,所述根据最大结构变化次数获取所述DOM结构的最大变化时刻,包括:
若所述最大结构变化次数为0,则确定页面加载完成时间为所述DOM结构的最大变化时刻;
若所述最大结构变化次数非0,则确定快照中记录的所述当前时间为所述DOM结构的最大变化时刻。
6.根据权利要求1-5任一项所述的方法,其特征在于,根据预设规则和所述最大变化时刻获取目标图片资源,包括:
筛选出满足以下所有条件的图片资源为所述目标图片资源:
所述图片资源位于所述最大变化时刻前预设时刻到所述最大变化时刻后预设时刻的时间范围内;
所述图片资源解压后的大小大于0;
所述图片资源的加载时长小于最大加载时间;
所述图片资源的图片格式满足预设格式。
7.根据权利要求6所述的方法,其特征在于,获取所述目标图片资源的平均加载时间,包括:
获取筛选出的所有所述目标图片资源的总数量以及总加载时长;
根据所述总数量和所述总加载时长获取所述图片资源的平均加载时间。
8.一种首屏时间计算装置,其特征在于,包括:
计算模块,用于对页面DOM变化进行监视,计算每次渲染的DOM结构分值;
第一获取模块,用于根据所述DOM结构分值获取DOM结构的最大变化时刻;
第二获取模块,用于根据预设规则和所述最大变化时刻获取目标图片资源;
第三获取模块,用于获取所述目标图片资源的平均加载时间;
第四获取模块,用于获取所述最大变化时刻和所述目标图片资源的平均加载时间中的最大值作为首屏时间。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于无线生活(杭州)信息科技有限公司,未经无线生活(杭州)信息科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202011508713.0/1.html,转载请声明来源钻瓜专利网。