前端页面性能测量数据分析方法、装置、设备及介质与流程

本发明涉及软件测试，尤其涉及一种前端页面性能测量数据分析方法、装置、设备及介质。

背景技术：

1、一般来说，前端性能测量数据通常包含录屏、测量页面的执行情况、页面各项渲染时间指标、网络请求情况以及测量使用浏览器的相关数据等。由此可见，一份较为完整的前端性能测量数据包含的内容非常之多。

2、但是当前的前端性能测试在很多情况下无法给出准确的前端页面加载时长，并且还存在整体测试效率较低、测试结果不可靠等缺陷。

技术实现思路

1、有鉴于此，本发明的目的是为了克服现有技术中的不足，提供一种前端页面性能测量数据分析方法、装置、设备及介质。

2、本发明提供如下技术方案：

3、第一方面，本公开实施例中提供了一种前端页面性能测量数据分析方法，所述方法包括：

4、获取前端页面执行性能测试生成的操作性能测量数据，并判断所述操作性能测量数据是否达到页面测量预期；

5、若达到所述页面测量预期，则接收测量者在测量页面上发起的网络请求，并通过所述网络请求的数据信息，定位所述网络请求的网络异常性能；

6、获取所述前端页面响应所述网络请求时的cpu进程，并通过所述cpu进程中的长任务，定位所述测量页面中存在的页面漏洞；

7、通过从所述前端获取的浏览器数据对所述网络异常性能和所述页面漏洞进行复现。

8、进一步地，所述操作性能测量数据包括所述测量页面的测量录屏和渲染指标，所述判断所述操作性能测量数据是否达到页面测量预期，包括：

9、判断所述测量录屏是否达到录屏测量预期；

10、若达到所述录屏测量预期，则判断所述测量页面是否可访问；

11、若可访问，则通过分析所述测量录屏和所述渲染指标，得到所述测量页面在多个渲染阶段的渲染时间，并判断各所述渲染阶段的渲染时间是否均达到预设渲染时间阈值；

12、若均小于所述预设渲染时间阈值，则确定所述操作性能测量数据达到所述页面测量预期。

13、进一步地，所述数据信息包括所述网络请求的接口名称、请求状态、启动器和响应时间，所述通过所述网络请求的数据信息，定位所述网络请求的网络异常性能，包括：

14、通过查看各所述网络请求的请求状态，确定请求失败的网络请求的接口名称，并通过所述启动器定位所述请求失败的网络请求的问题代码片段；

15、通过查看各所述网络请求的响应时间，确定超过预设响应时间阈值的网络请求。

16、进一步地，所述数据信息包括所述网络请求的瀑布流，所述通过所述网络请求的数据信息，定位所述网络请求的网络异常性能之后，还包括：

17、通过查看各所述网络请求的瀑布流，确定存在所述网络异常性能的网络请求的执行时机；

18、根据存在所述网络异常性能的网络请求的执行时机，确定阻塞所述测量页面的阻塞请求和所述测量页面中的异步请求。

19、进一步地，所述数据信息包括所述网络请求的瀑布流，所述通过所述网络请求的数据信息，定位所述网络请求的网络异常性能之后，还包括：

20、根据所述网络请求发起的先后顺序，对各所述网络请求对应的网络异常性能的优先级进行排序。

21、进一步地，所述通过所述cpu进程中的长任务，定位所述测量页面中存在的页面漏洞，包括：

22、通过所述长任务的数量和持续时间，确定所述前端的浏览器使用率增高的影响因素；

23、通过查看所述长任务的调用堆栈，定位所述测量页面中存在所述页面漏洞的网络请求的问题代码片段。

24、进一步地，所述通过从所述前端获取的浏览器数据对所述网络异常性能和所述页面漏洞进行复现之后，还包括：

25、判断所述网络异常性能和所述页面漏洞是否复现成功；

26、若复现失败，则确定复现失败原因，并将所述复现失败原因发送至所述前端，以使所述前端根据所述复现失败原因重新执行所述性能测试。

27、第二方面，本公开实施例中提供了一种性能测量数据分析装置，所述装置包括：

28、判断模块，用于获取前端页面执行性能测试生成的操作性能测量数据，并判断所述操作性能测量数据是否达到页面测量预期；

29、第一定位模块，用于若达到所述页面测量预期，则接收测量者在测量页面上发起的网络请求，并通过所述网络请求的数据信息，定位所述网络请求的网络异常性能；

30、第二定位模块，用于获取所述前端页面响应所述网络请求时的cpu进程，并通过所述cpu进程中的长任务，定位所述测量页面中存在的页面漏洞；

31、复现模块，用于通过从所述前端获取的浏览器数据对所述网络异常性能和所述页面漏洞进行复现。

32、第三方面，本公开实施例中提供了一种计算机设备，所述计算机设备包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现第一方面中所述的前端页面性能测量数据分析方法的步骤。

33、第四方面，本公开实施例中提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现第一方面中所述的前端页面性能测量数据分析方法的步骤。

34、本申请的实施例具有如下优点：

35、本申请实施例提供的前端页面性能测量数据分析方法，所述方法包括：获取前端页面执行性能测试生成的操作性能测量数据，并判断所述操作性能测量数据是否达到页面测量预期；若达到所述页面测量预期，则接收测量者在测量页面上发起的网络请求，并通过所述网络请求的数据信息，定位所述网络请求的网络异常性能；获取所述前端页面响应所述网络请求时的cpu进程，并通过所述cpu进程中的长任务，定位所述测量页面中存在的页面漏洞；通过从所述前端获取的浏览器数据对所述网络异常性能和所述页面漏洞进行复现。通过上述方法，可合理地筛选出当前测量页面的性能问题，以使研发人员能够对性能问题及时进行处理。

36、为使本发明的所述目的、特征和优点能更明显和易懂，下文特举较佳实施例，并配合所附附图，做详细说明如下。

技术特征：

1.一种前端页面性能测量数据分析方法，其特征在于，所述方法包括：

2.根据权利要求1所述的前端页面性能测量数据分析方法，其特征在于，所述操作性能测量数据包括所述测量页面的测量录屏和渲染指标，所述判断所述操作性能测量数据是否达到页面测量预期，包括：

3.根据权利要求1所述的前端页面性能测量数据分析方法，其特征在于，所述数据信息包括所述网络请求的接口名称、请求状态、启动器和响应时间，所述通过所述网络请求的数据信息，定位所述网络请求的网络异常性能，包括：

4.根据权利要求1所述的前端页面性能测量数据分析方法，其特征在于，所述数据信息包括所述网络请求的瀑布流，所述通过所述网络请求的数据信息，定位所述网络请求的网络异常性能之后，还包括：

5.根据权利要求1所述的前端页面性能测量数据分析方法，其特征在于，所述数据信息包括所述网络请求的瀑布流，所述通过所述网络请求的数据信息，定位所述网络请求的网络异常性能之后，还包括：

6.根据权利要求1所述的前端页面性能测量数据分析方法，其特征在于，所述通过所述cpu进程中的长任务，定位所述测量页面中存在的页面漏洞，包括：

7.根据权利要求1所述的前端页面性能测量数据分析方法，其特征在于，所述通过从所述前端获取的浏览器数据对所述网络异常性能和所述页面漏洞进行复现之后，还包括：

8.一种前端页面性能测量数据分析装置，其特征在于，所述装置包括：

9.一种计算机设备，其特征在于，包括存储器和处理器，所述存储器存储有计算机程序，所述处理器执行所述计算机程序时实现权利要求1-7中任一项所述的前端页面性能测量数据分析方法的步骤。

10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现权利要求1-7中任一项所述的前端页面性能测量数据分析方法的步骤。

技术总结
本发明涉及软件测试领域，公开了一种前端页面性能测量数据分析方法、装置、设备及介质。所述方法包括：获取前端页面执行性能测试生成的操作性能测量数据，并判断操作性能测量数据是否达到页面测量预期；若达到页面测量预期，则接收测量者在测量页面上发起的网络请求，并通过网络请求的数据信息，定位网络请求的网络异常性能；获取前端页面响应性能测试时的CPU进程，并通过CPU进程中的长任务，定位测量页面中存在的页面漏洞；通过从前端获取的浏览器数据对网络异常性能和页面漏洞进行复现。本申请可以合理地筛选出当前测量页面的性能问题，以使研发人员能够对性能问题及时进行处理。

技术研发人员：孙帅,李雅堂,林群贺,黎广鑫,张玉成
受保护的技术使用者：深圳复临科技有限公司
技术研发日：
技术公布日：2024/1/13