[发明专利]首屏时间计算方法及装置

说明书

本公开是关于首屏时间计算方法及装置。该方法包括：对页面DOM变化进行监视，计算每次渲染的DOM结构分值；根据所述DOM结构分值获取DOM结构的最大变化时刻；根据预设规则和所述最大变化时刻获取目标图片资源；获取所述目标图片资源的平均加载时间；获取所述最大变化时刻和所述目标图片资源的平均加载时间中的最大值作为首屏时间，从而可以很好的解决以上问题。通过上述方案，无需改动业务代码，无需侵入业务逻辑，也不影响业务迭代维护，只需接入性能采集脚本，即可自动获取首屏时间，新旧项目接入成本极低。

技术领域

本公开涉及计算机技术领域，尤其涉及首屏时间计算方法及装置。

背景技术

网页的加载性能受网络网速和终端性能影响，这就需要关注真实用户移动端上的首屏内容的展示时间(以下简称首屏时间)。从用户体验来说，首屏时间是用户对网页的重要体验因素，很大程度影响着用户对产品的使用满意度。用户的满意度会影响到用户的转化和留存，进而影响公司的商业价值。

目前计算首屏时间较普遍的做法是：开发人员根据页面的业务逻辑，判断首屏内容所在的位置，并对相应的位置打点记录时间，再调用相关的API将记录的时间手动上报。

但该种方式，手动上报的首屏时间与业务逻辑强耦合，对业务代码有较强侵入性，不利于后续业务的迭代和维护。

发明内容

为克服相关技术中存在的问题，本公开实施例提供首屏时间计算方法及装置。所述技术方案如下：

根据本公开实施例的第一方面，提供一种首屏时间计算方法，包括：

对页面DOM变化进行监视，计算每次渲染的DOM结构分值；

根据所述DOM结构分值获取DOM结构的最大变化时刻；

根据预设规则和所述最大变化时刻获取目标图片资源；

获取所述目标图片资源的平均加载时间；

获取所述最大变化时刻和所述目标图片资源的平均加载时间中的最大值作为首屏时间。

本公开的实施例提供的技术方案可以包括以下有益效果：本公开实施例提提供首屏时间计算方法，包括：对页面DOM变化进行监视，计算每次渲染的DOM结构分值；根据所述DOM结构分值获取DOM结构的最大变化时刻；根据预设规则和所述最大变化时刻获取目标图片资源；获取所述目标图片资源的平均加载时间；获取所述最大变化时刻和所述目标图片资源的平均加载时间中的最大值作为首屏时间，从而可以很好的解决以上问题。通过上述方案，无需改动业务代码，无需侵入业务逻辑，也不影响业务迭代维护，只需接入性能采集脚本，即可自动获取首屏时间，新旧项目接入成本极低。

在一个实施例中，所述对页面DOM变化进行监视，计算每次渲染的DOM结构分值，包括：

监视文档对象内的DOM变化，其中，DOM变化包括整个节点树中的所有节点，以及所有节点添加或删除子节点的情况；

当监视到DOM变化且页面上存在body元素后则停止监视文档对象，并计算body元素内的DOM结构分值。

在一个实施例中，所述根据所述DOM结构分值获取DOM结构的最大变化时刻，包括：

检测所述DOM结构分值是否大于预设DOM结构最小完成分；

若所述DOM结构分值大于所述预设DOM结构最小完成分，则确定所述DOM结构分值与所述预设DOM结构最小完成分得出比较结果的时间点为所述DOM结构的最大变化时刻。

在一个实施例中，所述方法还包括：

若所述DOM结构分值小于或等于所述预设DOM结构最小完成分，则在页面加载并解析完成后，记录body元素内的快照，所述快照包括：当前body元素内的DOM结构分值和当前时间；