一种网页开启耗时确定方法及装置与流程

专利2026-06-19  12


本发明涉及计算机,尤其涉及一种网页开启耗时确定方法及装置。


背景技术:

1、随着网络应用的日益发达,用户上网已经成为了及其普遍的习惯,因此,在前端技术不断发展的情况下,前端工程也越来越复杂,因此,网页的性能问题越来越受到关注,如网页的开启耗时等性能,即网页从开始加载到渲染完成的时长。

2、目前,相关技术中通常通过监听元素进入页面的时间以及首次绘制(fp,firstpaint)、首次内容绘制(fcp,first contentful paint)等性能指标所对应的时间,在将上述统计的时间进行加和以得到网页首次渲染完成需要的时间,即网页的开启耗时,然而,上述方式仅能对一些页面中仅包含文字、图片的简单网页的开启耗时进行估算确定,当面对页面中包含图表或者依赖较多ajax请求等的复杂页面时(特别是网页具备渲染较耗时的场景,例如图表的渲染等),容易导致计算的网页开启耗时不准确,进而影响后续对网页性能的评估。


技术实现思路

1、鉴于上述问题,本发明提供一种网页开启耗时确定方法及装置,主要目的是提升网页开启耗时确定的准确性,以避免影响后续对网页性能的评估。

2、为解决上述技术问题,本发明提出以下方案:

3、第一方面,本发明提供了一种网页开启耗时确定方法,所述方法包括:

4、在测试环境下接收对目标页面的开启指令,所述开启指令包括所述目标页面对应的开启时间戳;

5、根据预设的截取频率和截取时长对所述目标页面进行截图处理,以获得所述目标页面在不同状态下的截取图像;

6、在所述截图处理过程中判断所述截取图像与预置图像库中包含的预置目标图像是否匹配,其中,所述预置目标图像为所述目标页面在加载并渲染完成状态下的完整页面;

7、将首个匹配成功的所述截取图像作为指定图像,并基于所述指定图像对应的截取时间戳和所述目标页面对应的开启时间戳确定所述目标页面的开启耗时。

8、第二方面,本发明提供了一种网页开启耗时确定装置,所述装置包括:

9、接收单元,用于在测试环境下接收对目标页面的开启指令,所述开启指令包括所述目标页面对应的开启时间戳;

10、第一处理单元,用于在所述接收单元之后根据预设的截取频率和截取时长对所述目标页面进行截图处理,以获得所述目标页面在不同状态下的截取图像;

11、判断单元,用于在所述截图处理过程中判断所述第一处理单元过获得的所述截取图像与预置图像库中包含的预置目标图像是否匹配,其中,所述预置目标图像为所述目标页面在加载并渲染完成状态下的完整页面;

12、确定单元,用于将所述判断单元判定的首个匹配成功的所述截取图像作为指定图像,并基于所述指定图像对应的截取时间戳和所述目标页面对应的开启时间戳确定所述目标页面的开启耗时。

13、为了实现上述目的,根据本发明的第三方面,提供了一种存储介质,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行上述第一方面的网页开启耗时确定方法。

14、为了实现上述目的,根据本发明的第四方面,提供了一种电子设备,设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,处理器、存储器通过总线完成相互间的通信;处理器用于调用存储器中的程序指令,以执行上述第一方面的网页开启耗时确定方法。

15、借由上述技术方案,本发明提供的一种网页开启耗时确定方法及装置,是在需要对网页开启耗时进行确定时,首先在测试环境下接收对目标页面的开启指令,开启指令包括目标页面对应的开启时间戳,然后根据预设的截取频率和截取时长对目标页面进行截图处理,以获得目标页面在不同状态下的截取图像,接着在截图处理过程中判断截取图像与预置图像库中包含的预置目标图像是否匹配,其中,预置目标图像为目标页面在加载并渲染完成状态下的完整页面,最后,将首个匹配成功的截取图像作为指定图像,并基于指定图像对应的截取时间戳和目标页面对应的开启时间戳确定目标页面的开启耗时,即目标页面从开始加载到渲染完成所需要消耗的时间。通过本发明提供的技术方案,能够在接收目标页面的开启指令时就对加载和渲染过程中的目标页面按照截取频率和截取时长进行截图处理,并通过逐一将截取图像与目标页面在加载并渲染完成状态下的完整页面进行匹配的方式确定目标页面是否已经处于加载并渲染完成状态,从而基于首个匹配成功的截取图像,即指定图像对应的截取时间戳和目标页面对应的开启时间戳准确确定目标页面从开始加载到渲染完成所需要消耗的时间,无需依赖相关技术中存在的性能指标,进而能够适用页面中包含图表或者依赖较多ajax请求等的复杂页面的开启耗时确定,从而提升页开启耗时不准确,进而影响后续对网页性能的评估。

16、上述说明仅是本发明技术方案的概述,为了能够更清楚了解本发明的技术手段,而可依照说明书的内容予以实施,并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂,以下特举本发明的具体实施方式。



技术特征:

1.一种网页开启耗时确定方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,将首个匹配成功的所述截取图像作为指定图像之前,所述方法还包括:

3.根据权利要求2所述的方法,其特征在于,检测所述截取时长是否满足预设延时规则,包括:

4.根据权利要求2所述的方法,其特征在于,检测所述截取时长是否满足预设延时规则,包括:

5.根据权利要求1所述的方法,其特征在于,根据预设的截取频率和截取时长对所述目标页面进行截图处理,以获得所述目标页面在不同状态下的截取图像,包括:

6.根据权利要求1所述的方法,其特征在于,在所述截图处理过程中判断所述截取图像与预置图像库中包含的预置目标图像是否匹配,包括:

7.根据权利要求1-6中任一项所述的方法,其特征在于,将首个匹配成功的所述截取图像作为指定图像,并基于所述指定图像对应的截取时间戳和所述目标页面对应的开启时间戳确定所述目标页面的开启耗时之后,所述方法还包括:

8.一种网页开启耗时确定装置,其特征在于,所述装置包括:

9.一种存储介质,其特征在于,所述存储介质包括存储的程序,其中,在所述程序运行时控制所述存储介质所在设备执行如权利要求1-7中任一项所述的网页开启耗时确定方法。

10.一种电子设备,设备包括至少一个处理器、以及与处理器连接的至少一个存储器、总线;其中,所述处理器、所述存储器通过所述总线完成相互间的通信;所述处理器用于调用所述存储器中的程序指令,以执行如权利要求1-7中任一项所述的网页开启耗时确定方法。


技术总结
本发明公开了一种网页开启耗时确定方法及装置,涉及计算机技术领域。本发明主要的技术方案为:在测试环境下接收对目标页面的开启指令,所述开启指令包括所述目标页面对应的开启时间戳;根据预设的截取频率和截取时长对所述目标页面进行截图处理,以获得所述目标页面在不同状态下的截取图像;在所述截图处理过程中判断所述截取图像与预置图像库中包含的预置目标图像是否匹配,其中,所述预置目标图像为所述目标页面在加载并渲染完成状态下的完整页面;将首个匹配成功的所述截取图像作为指定图像,并基于所述指定图像对应的截取时间戳和所述目标页面对应的开启时间戳确定所述目标页面的开启耗时。本发明用于网页开启耗时的确定。

技术研发人员:张标光
受保护的技术使用者:北京国双科技有限公司
技术研发日:
技术公布日:2024/6/26
转载请注明原文地址:https://doc.8miu.com/read-1830421.html

最新回复(0)