网络应用的前端页面性能测试方法以及相关设备与流程

本发明涉及计算机，尤其涉及一种网络应用的前端页面性能测试方法以及相关设备。

背景技术：

1、随着网络应用的前端技术的不断发展，web(万维网)、小程序等应用所能承载的业务形态越来越多样化、复杂化，用户对前端页面性能的要求不断提升，因此前端页面测试人员在项目需求的迭代开发中，针对前端页面会进行性能检测，其采用检测工具在不考虑前端页面的复杂度的情况下，对前端页面性能进行笼统地检测，使用同一套规则作为性能好坏的评判标准，导致其性能检测结果判断不准确。

技术实现思路

1、为克服现有技术中的至少一个技术问题，本公开提供一种网络应用的前端页面性能测试方法以及相关设备。

2、根据本公开的第一方面，一种网络应用的前端页面性能测试方法，包括：

3、获取经配置的目标性能测试场景，所述目标性能测试场景是针对网络应用的前端页面级别的测试场景；

4、调用动态阈值器获取所述目标性能测试场景下的前端页面对应的页面性能动态阈值，所述页面性能动态阈值用于检测所述目标性能测试场景下的前端页面的性能；

5、触发所述目标性能测试场景，并收集和保存指定的性能关键指标数据；

6、根据所述性能关键指标数据和所述页面性能动态阈值确定所述网络应用的前端页面的性能测试结果。

7、可选的，所述调用动态阈值器获取所述目标性能测试场景相关的页面性能动态阈值，包括：

8、当所述网络应用的前端页面为已上线的页面，则调用动态阈值器获取并基于所述前端页面的历史性能指标数据确定页面性能动态阈值；或者，

9、当所述网络应用的前端页面为未上线的页面，则调用动态阈值器基于神经网络模型通过所述前端页面的页面特性确定页面性能动态阈值，所述神经网络模型利用k折交叉验证根据训练样本集训练得到，所述训练样本集包括历史前端页面的页面特性和对应的页面性能动态阈值。

10、可选的，所述调用动态阈值器获取并基于所述前端页面的历史性能指标数据确定页面性能动态阈值，包括：

11、获取所述前端页面的文档对象模型的代码尺寸；

12、根据所述代码尺寸和所述前端页面的预设百分位的历史性能指标数据确定页面性能动态阈值，其中，所述页面性能动态阈值与所述代码尺寸以及所述预设百分位的历史性能指标数据成正比。

13、可选的，所述前端页面的页面特性包括包体积、后端接口耗时、静态资源尺寸、js函数中至少一种。

14、可选的，所述根据所述性能关键指标数据和所述页面性能动态阈值确定所述网络应用的前端页面的性能测试结果，包括：

15、对所述性能关键指标数据进行聚合处理，确定所述性能关键指标数据中的离群点；

16、剔除所述性能关键指标数据中的离群点，并对剩余的性能关键指标数据进行均值处理得到平均值；

17、对比所述平均值和所述页面性能动态阈值得到所述前端页面的页面性能测试结果。

18、可选的，所述触发所述目标性能测试场景，并收集和保存指定的性能关键指标数据，包括：

19、基于预设的测试次数，依次触发所述目标性能测试场景，并收集和保存每次测试所得的性能关键指标数据，所述性能关键指标数据包括白屏时间、首屏时间、用户可操作时间和总下载时间中至少一种；所述测试次数大于1。

20、可选的，所述方法还包括：

21、基于所述前端页面的页面性能测试结果生成所述前端页面的测试报告，并基于预设推送方式将所述测试报告推送给指定人员。

22、根据本公开的第二方面，一种网络应用的前端页面性能测试装置，包括：

23、第一获取模块，用于获取经配置的目标性能测试场景，所述目标性能测试场景是针对网络应用的前端页面级别的测试场景；

24、第二获取模块，用于调用动态阈值器获取所述目标性能测试场景下的前端页面对应的页面性能动态阈值，所述页面性能动态阈值用于检测所述目标性能测试场景下的前端页面的性能；

25、触发模块，用于触发所述目标性能测试场景，并收集和保存指定的性能关键指标数据；

26、确定模块，用于根据所述性能关键指标数据和所述页面性能动态阈值确定所述网络应用的前端页面的性能测试结果。

27、根据本公开的第三方面，一种电子设备，包括：

28、处理器；以及

29、存储程序的存储器，

30、其中，所述程序包括指令，所述指令在由所述处理器执行时使所述处理器执行根据本公开实施例中任一项所述的方法。

31、根据本公开的第四方面，一种存储有计算机指令的非瞬时计算机可读存储介质，所述计算机指令用于使所述计算机执行根据本公开实施例中任一项所述的方法。

32、本申请实施例中提供的一个或多个技术方案，通过触发目标性能测试场景得到的性能关键指标数据以及目标性能测试场景下的前端页面对应的页面性能动态阈值，确定网络应用的前端页面的性能测试结果，使得性能检测结果更准确。

技术特征：

1.一种网络应用的前端页面性能测试方法，其特征在于，包括：

2.根据权利要求1所述方法，其特征在于，所述调用动态阈值器获取所述目标性能测试场景相关的页面性能动态阈值，包括：

3.根据权利要求2所述方法，其特征在于，所述调用动态阈值器获取并基于所述前端页面的历史性能指标数据确定页面性能动态阈值，包括：

4.根据权利要求2所述方法，其特征在于，所述前端页面的页面特性包括包体积、后端接口耗时、静态资源尺寸、js函数中至少一种。

5.根据权利要求1至4任一项所述方法，其特征在于，所述根据所述性能关键指标数据和所述页面性能动态阈值确定所述网络应用的前端页面的性能测试结果，包括：

6.根据权利要求1至4任一项所述方法，其特征在于，所述触发所述目标性能测试场景，并收集和保存指定的性能关键指标数据，包括：

7.根据权利要求1至4任一项所述方法，其特征在于，所述方法还包括：

8.一种网络应用的前端页面性能测试装置，其特征在于，包括：

9.一种电子设备，其特征在于，包括：

10.一种存储有计算机指令的非瞬时计算机可读存储介质，其特征在于，所述计算机指令用于使所述计算机执行根据权利要求1-7中任一项所述的方法。

技术总结
本公开提供一种网络应用的前端页面性能测试方法以及相关设备。方法包括获取经配置的目标性能测试场景，目标性能测试场景是针对网络应用的前端页面级别的测试场景；调用动态阈值器获取目标性能测试场景下的前端页面对应的页面性能动态阈值，页面性能动态阈值用于检测目标性能测试场景下的前端页面的性能；触发目标性能测试场景，并收集和保存指定的性能关键指标数据；根据性能关键指标数据和页面性能动态阈值确定网络应用的前端页面的性能测试结果。实施本公开提供的技术方案，可以得到更为准确的性能检测结果。

技术研发人员：鲁庭勇
受保护的技术使用者：抖音视界有限公司
技术研发日：
技术公布日：2024/3/11