一种页面渲染时长监控方法、装置、电子设备及存储介质制造方法及图纸

技术编号:32120569 阅读:13 留言:0更新日期:2022-01-29 19:06
本发明专利技术公开了一种页面渲染时长监控方法、装置、电子设备及存储介质,方法包括:记录加载当前页面的时刻作为渲染起始时刻;以预设周期检测当前页面内是否有新增页面元素;若无新增的页面元素,则记录当前检测时刻作为渲染结束时刻;根据所述渲染起始时刻和所述渲染结束时刻确定渲染时长。从开始加载页面的时刻作为渲染起始时刻,并通过检测页面内是否有新增的页面元素确定渲染结束时刻,提高获得渲染完成时刻的准确性,从而提高渲染时长确定的准确性,为开发者进行界面优化提供更加准确的数据基础,保证页面渲染对用户的友好度。并且检测页面元素的变化方案,无需进行复杂计算,只需要遍历页面上的页面元素,因此时间复杂度低。因此时间复杂度低。因此时间复杂度低。

【技术实现步骤摘要】
一种页面渲染时长监控方法、装置、电子设备及存储介质


[0001]本专利技术涉及计算机
,具体涉及一种页面渲染时长监控方法、装置、电子设备及存储介质。

技术介绍

[0002]页面渲染时长是手机应用程序APP性能的一个重要指标。打开一个应用程序的页面的一般流程是:发起网络请求,页面加载等待,请求结果回来之后,开始渲染至结束,这个时间段称之为页面渲染时长。用户对页面的渲染时长是有一定的忍受度,如果过久,可能会影响用户体验,因此需要对页面渲染时长进行监测,以便于开发者进行应用程序的页面优化。

技术实现思路

[0003]本专利技术的目的是针对上述现有技术的不足提出的一种页面渲染时长监控方法、装置、电子设备及存储介质,该目的是通过以下技术方案实现的。
[0004]本专利技术的第一方面提出了一种页面渲染时长监控方法,所述方法包括:
[0005]记录加载当前页面的时刻作为渲染起始时刻;
[0006]以预设周期检测当前页面内是否有新增页面元素;
[0007]若无新增的页面元素,则记录当前检测时刻作为渲染结束时刻;
[0008]根据所述渲染起始时刻和所述渲染结束时刻确定渲染时长。
[0009]在本申请的一些实施例中,所述记录加载当前页面的时刻作为渲染起始时刻,包括:
[0010]通过重写页面渲染方法,以使所述页面渲染方法具备记录加载当前页面的时刻的功能;通过调用所述页面渲染方法获取所述渲染起始时刻。
[0011]在本申请的一些实施例中,所述以预设周期检测当前页面内是否有新增页面元素,包括:
[0012]获取当前页面内页面元素的对象地址;将获取的对象地址与上个预设周期获取的对象地址进行比较;若比较一致,则确定当前页面内无新增的页面元素;若比较不一致,则确定当前页面内有新增的页面元素。
[0013]在本申请的一些实施例中,所述获取当前页面内页面元素的对象地址,包括:
[0014]读取第一预设可变字符串的内容作为当前页面内页面元素的对象地址;其中,在当前页面内每渲染一个页面元素,将该页面元素的对象地址拼接到所述第一预设可变字符串中。
[0015]在本申请的一些实施例中,所述以预设周期检测当前页面内是否有新增页面元素,包括:
[0016]获取当前页面内页面元素的元素标识;将获取的元素标识与上个预设周期获取的元素标识进行比较;若比较一致,则确定当前页面内无新增的页面元素;若比较不一致,则
确定当前页面内有新增的页面元素。
[0017]在本申请的一些实施例中,所述获取当前页面内页面元素的元素标识,包括:
[0018]读取第二预设可变字符串的内容作为当前页面内页面元素的元素标识;其中,在当前页面内每渲染一个页面元素,将该页面元素的元素标识拼接到所述第二预设可变字符串中。
[0019]在本申请的一些实施例中,在记录加载当前页面的时刻作为渲染起始时刻之后,所述方法还包括:
[0020]监听针对当前页面的网络请求;记录监听到的网络请求携带的URL地址、网络请求的发送时刻、以及接收到响应的接收时刻。
[0021]在本申请的一些实施例中,在记录加载当前页面的时刻作为渲染起始时刻之后,所述方法还包括:
[0022]在当前页面内每渲染一个页面元素,判定所述页面元素是否为可视状态;如果为不可视状态,则记录当前时刻作为渲染不可视元素起始时刻。
[0023]在本申请的一些实施例中,所述根据所述渲染起始时刻和所述渲染结束时刻确定渲染时长,包括:
[0024]判断是否记录有渲染不可视元素起始时刻;若记录有,则将所述渲染起始时刻与记录的渲染不可视元素起始时刻之间的时间差作为渲染时长;若未记录,则将所述渲染起始时刻与所述渲染结束时刻之间的时间差作为渲染时长。
[0025]在本申请的一些实施例中,在记录加载当前页面的时刻作为渲染起始时刻之后,所述方法还包括:
[0026]判断当前页面是否有渲染前的动画播放;若有,则监听并记录动画播放时长。
[0027]在本申请的一些实施例中,所述根据所述渲染起始时刻和所述渲染结束时刻确定渲染时长,包括:
[0028]获取所述渲染起始时刻与所述渲染结束时刻之间的时间差;判断是否记录有动画播放时长;若记录有,则将所述时间差与记录的动画播放时长的差值作为渲染时长;若未记录,则将所述时间差确定为渲染时长。
[0029]在本申请的一些实施例中,在根据所述渲染起始时刻和所述渲染结束时刻确定渲染时长之后,所述方法还包括:
[0030]当检测到当前页面离开时,将当前页面的页面标识、当前页面所属的AAP版本号、所述渲染起始时刻、所述渲染结束时刻、所述渲染时长上传至后台服务器。
[0031]在本申请的一些实施例中,检测当前页面离开,包括:
[0032]通过重写页面离开方法,以使所述页面离开方法具备上报页面相关信息的功能;通过调用所述页面离开方法上传当前页面的页面标识、当前页面所属的AAP版本号、所述渲染起始时刻、所述渲染结束时刻、所述渲染时长。
[0033]本专利技术的第二方面提出了一种页面渲染时长监控装置,所述装置包括:
[0034]第一记录模块,用于记录加载当前页面的时刻作为渲染起始时刻;
[0035]检测模块,用于以预设周期检测当前页面内是否有新增页面元素;
[0036]第二记录模块,用于在检测无新增的页面元素时,记录当前检测时刻作为渲染结束时刻;
[0037]时长确定模块,用于根据所述渲染起始时刻和所述渲染结束时刻确定渲染时长。
[0038]本专利技术的第三方面提出了一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如上述第一方面所述方法的步骤。
[0039]本专利技术的第四方面提出了一种计算机可读存储介质,其上存储有计算机程序,所述程序被处理器执行时实现如上述第一方面所述方法的步骤。
[0040]基于上述第一方面和第二方面所述的页面渲染时长监控方法及装置,本专利技术至少具有如下有益效果或优点:
[0041]从开始加载页面的时刻作为渲染起始时刻,并通过检测页面内是否有新增的页面元素确定渲染结束时刻,提高获得渲染完成时刻的准确性,从而提高渲染时长确定的准确性,为开发者进行界面优化提供更加准确的数据基础,保证页面渲染对用户的友好度。并且检测页面元素的变化方案,无需进行复杂计算,只需要遍历页面上的页面元素,因此时间复杂度低。
附图说明
[0042]此处所说明的附图用来提供对本专利技术的进一步理解,构成本专利技术的一部分,本专利技术的示意性实施例及其说明用于解释本专利技术,并不构成对本专利技术的不当限定。在附图中:
[0043]图1为本专利技术根据一示例性实施例示出的一种页面渲染时长监控方法的实施例流程图;
[0044]图2为本专利技术根据图1所示实施例示出的一种当前页面内是否有新增的页面元素的检测流程示意图;
[0045]图3本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种页面渲染时长监控方法,其特征在于,所述方法包括:记录加载当前页面的时刻作为渲染起始时刻;以预设周期检测当前页面内是否有新增页面元素;若无新增的页面元素,则记录当前检测时刻作为渲染结束时刻;根据所述渲染起始时刻和所述渲染结束时刻确定渲染时长。2.根据权利要求1所述的方法,其特征在于,所述记录加载当前页面的时刻作为渲染起始时刻,包括:通过重写页面渲染方法,以使所述页面渲染方法具备记录加载当前页面的时刻的功能;通过调用所述页面渲染方法获取所述渲染起始时刻。3.根据权利要求1所述的方法,其特征在于,所述以预设周期检测当前页面内是否有新增页面元素,包括:获取当前页面内页面元素的对象地址;将获取的对象地址与上个预设周期获取的对象地址进行比较;若比较一致,则确定当前页面内无新增的页面元素;若比较不一致,则确定当前页面内有新增的页面元素。4.根据权利要求3所述的方法,其特征在于,所述获取当前页面内页面元素的对象地址,包括:读取第一预设可变字符串的内容作为当前页面内页面元素的对象地址;其中,在当前页面内每渲染一个页面元素,将该页面元素的对象地址拼接到所述第一预设可变字符串中。5.根据权利要求1所述的方法,其特征在于,所述以预设周期检测当前页面内是否有新增页面元素,包括:获取当前页面内页面元素的元素标识;将获取的元素标识与上个预设周期获取的元素标识进行比较;若比较一致,则确定当前页面内无新增的页面元素;若比较不一致,则确定当前页面内有新增的页面元素。6.根据权利要求5所述的方法,其特征在于,所述获取当前页面内页面元素的元素标识,包括:读取第二预设可变字符串的内容作为当前页面内页面元素的元素标识;其中,在当前页面内每渲染一个页面元素,将该页面元素的元素标识拼接到所述第二预设可变字符串中。7.根据权利要求1所述的方法,其特征在于,在记录加载当前页面的时刻作为渲染起始时刻之后,所述方法还包括:监听针对当前页面的网络请求;记录监听到的网络请求携带的URL地址、网络请求的发送时刻、以及接收到响应的接收时刻。8.根据权利要求1所述的方法,其特征在于,在记录加载当前页面的时刻作为渲染起始时刻之后,所述方法还包括:
在当前页面内每渲染一个页面元素,判定所述页面元素是否为可视状态;如果为不可视状态,则记录当前时刻作为渲染不可视元素起始时刻。9.根据权利...

【专利技术属性】
技术研发人员:李慧锋
申请(专利权)人:北京新氧万维科技咨询有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1