WEB页面优化方法、页面优化设备及可读存储介质与流程

本技术实施例涉及web页面优化领域，更具体的，是web页面优化方法、页面优化设备及可读存储介质。

背景技术：

1、随着互联网的快速发展，web工程应用体量愈发庞大，对web页面质量的要求也越来越高，因此，为了保障web页面质量，需要对web页面进行优化。

2、现有的web页面优化方法中，软件开发人员需要对web页面编写一定数量的测试用例，其中，每个测试用例包括至少一个测试用例事件，通过测试用例事件对web页面进行测试，得到测试结果，根据测试结果对web页面进行优化。

3、但是，在测试过程中，大量的次重要的web页面迭代较频繁，每次的迭代都需要对测试用例进行维护，即根据迭代的情况适应性编写对应的测试用例，比如添加一个新的测试用例事件、修改某一个测试用例事件、删除某一个测试用例事件等，每一次迭代，都需要重新编写web页面的测试用例，及测试用例中每个测试用例事件对应的用例断言，因此，在web页面优化过程中，web页面的优化效率较低。

技术实现思路

1、本技术实施例提供了一种web页面优化方法、页面优化设备以及可读存储介质，用于在业务上所需要的功能已经预先设置好对应的测试用例参数时，需要重新维护web页面的测试用例的情况下，提高web页面的优化效率。

2、第一方面，本技术实施例提供了一种web页面优化方法，包括:

3、部署第一web页面的测试环境；

4、在所述测试环境中，从预设的测试用例参数组中确定所述第一web页面对应的第一测试用例参数；

5、根据所述第一测试用例参数进行回归测试得到第一测试结果；

6、根据所述第一测试结果对所述第一web页面进行功能优化；

7、当所述第一web页面迭代为第二web页面后，在所述测试环境中，从所述预设的测试用例参数组中确定所述第二web页面对应的第二测试用例参数；

8、根据所述第二测试用例参数进行回归测试得到第二测试结果；

9、根据所述第二测试结果对所述第二web页面进行功能优化。

10、可选的，所述从所述预设的测试用例参数组中确定所述第二web页面对应的第二测试用例参数，包括：

11、确定所述第二web页面的预设运行环境；

12、从所述预设的测试用例参数组中确定所述第二web页面在所述预设运行环境下的第二测试用例断言，所述第二测试用例断言为所述第二测试用例参数。

13、可选的，所述从所述预设的测试用例参数组中确定所述第二web页面对应的第二测试用例参数，包括：

14、确定所述第二web页面的预设运行环境；

15、从所述预设的测试用例参数组中确定所述第二web页面在所述预设运行环境下的第二测试用例事件和所述第二测试用例事件对应的第二测试用例断言，所述第二测试用例事件和所述第二测试用例断言为所述第二测试用例参数。

16、可选的，所述部署第一web页面的测试环境之前，所述方法还包括：

17、在所述第一web页面的开发环境中，获得所述第一web页面的代码；

18、根据预设静态代码规则，利用静态分析工具对所述第一web页面的代码进行静态代码分析，得到分析结果；

19、根据所述分析结果对所述第一web页面的代码进行优化，得到代码优化后的第一web页面；

20、所述部署第一web页面的测试环境，包括：

21、部署所述代码优化后的第一web页面的测试环境。

22、可选的，所述根据所述第二测试结果对所述第二web页面进行功能优化之后，所述方法还包括：

23、部署第三web页面的生产环境，所述第三web页面为所述第二web页面经过功能优化后的web页面；

24、在所述生产环境中采集所述第三web页面的基础性能数据和网络性能数据；

25、根据预设基础性能规则对所述基础性能数据进行检测，得到基础性能检测结果，及根据预设网络性能规则对所述网络性能数据进行检测，得到网络性能检测结果；

26、根据所述基础性能检测结果和所述网络性能检测结果，对所述第三web页面进行基础性能优化以及网络性能优化，得到第四web页面。

27、可选的，所述根据所述基础性能检测结果和所述网络性能检测结果，对所述第三web页面进行基础性能优化以及网络性能优化，得到第四web页面，包括：

28、针对所述基础性能检测结果中的每个基础性能指标，获得所述基础性能指标对应的基础性能优化策略；

29、针对所述网络性能检测结果中的每个网络性能指标，获得所述网络性能指标对应的网络性能优化策略；

30、根据所述基础性能优化策略和所述网络性能优化策略，对所述第三web页面进行基础性能优化以及网络性能优化，得到第四web页面。

31、可选的，所述根据所述基础性能检测结果和所述网络性能检测结果，对所述第三web页面进行基础性能优化以及网络性能优化，得到第四web页面之后，所述方法还包括：

32、定期对所述第四web页面进行异常监控，得到目标监控结果；

33、若所述目标监控结果为异常，则根据所述目标监控结果对所述第四web页面的异常进行优化，得到第五web页面。

34、可选的，所述定期对所述第四web页面进行异常监控，得到目标监控结果，包括：

35、定期监控所述第四web页面的程序在执行的过程中是否报错，得到程序监控结果；其中，所述程序监控结果为报错，则代表所述目标监控结果为异常，所述程序监控结果为无报错，则代表所述目标监控结果为正常；和/或

36、定期监控所述第四web页面是否具有异常请求，得到请求监控结果；其中，所述请求监控结果为有异常请求，则代表所述目标监控结果为异常，所述请求监控结果为无异常请求，则代表所述目标监控结果为正常；

37、将所述程序监控结果和/或所述请求监控结果作为所述目标监控结果。

38、可选的，所述定期对所述第四web页面进行异常监控，得到目标监控结果，包括：

39、定期截图所述第四web页面，得到目标页面截图；

40、针对每个目标页面截图，将所述目标页面截图与所述目标页面截图对应的预设页面样式图进行对比，得到页面对比相似度；

41、若所述页面对比相似度小于或等于预设相似度阈值，则确定所述目标监控结果为异常；

42、若所述页面对比相似度大于所述预设相似度阈值，则确定所述目标监控结果为正常。

43、第二方面，本技术实施例提供了一种页面优化设备，包括：

44、部署单元，用于部署第一web页面的测试环境；

45、确定单元，用于在所述测试环境中，从预设的测试用例参数组中确定所述第一web页面对应的第一测试用例参数；

46、回归测试单元，用于根据所述第一测试用例参数进行回归测试得到第一测试结果；

47、优化单元，用于根据所述第一测试结果对所述第一web页面进行功能优化；

48、所述确定单元，还用于当所述第一web页面迭代为第二web页面后，在所述测试环境中，从所述预设的测试用例参数组中确定所述第二web页面对应的第二测试用例参数；

49、所述回归测试单元，还用于根据所述第二测试用例参数进行回归测试得到第二测试结果；

50、所述优化单元，还用于根据所述第二测试结果对所述第二web页面进行功能优化。

51、第三方面，本技术实施例提供了一种页面优化设备，包括：

52、中央处理器，存储器，输入输出接口，有线或无线网络接口以及电源；

53、所述存储器为短暂存储存储器或持久存储存储器；

54、所述中央处理器配置为与所述存储器通信，并执行所述存储器中的指令操作以执行前述web页面优化方法。

55、第四方面，本技术实施例提供了一种计算机可读存储介质，计算机可读存储介质包括指令，当指令在计算机上运行时，使得计算机执行前述web页面优化方法。

56、第五方面，本技术实施例提供了一种包含指令的计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行前述web页面优化方法。

57、从以上技术方案可以看出，本技术实施例具有以下优点：可以从预设的测试用例参数组中确定web页面对应的测试用例参数，根据测试用例参数进行回归测试得到测试结果，根据测试结果对web页面进行优化，可以对web页面预先设置好在业务上可能需要的功能对应的测试用例参数，当迭代后的web页面在业务上所需要的功能已经预先设置好对应的测试用例参数时，可以直接确定web页面对应的测试用例参数，就可以直接根据确定的测试用例参数进行回归测试，减少了在业务上所需要的功能已经预先设置好对应的测试用例参数时，需要重新维护web页面的测试用例的情况，提高了web页面的优化效率。