CN112153375A - 基于视频信息的前端性能测试方法、装置、设备及介质 - Google Patents

Abstract

本发明公开了一种基于视频信息的前端性能测试方法，包括：对待测试前端进行测试，获取所述待测试前端对应的测试视频；获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图；从所述测试视频中获取所述性能指标对应的视频帧信息；当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储；当所述性能指标为第二类性能指标时，根据页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储；生成所述测试视频对应的测试结果。本发明解决了现有技术对前端性能进行测试时存在的测试结果复杂、可靠性不高、无法直观反映测试结果的问题。

Description

基于视频信息的前端性能测试方法、装置、设备及介质

技术领域

本发明涉及信息技术领域，尤其涉及一种基于视频信息的前端性能测试方法、装置、设备及介质。

背景技术

前端即网站前台部分，是运行在PC端、移动端等浏览器上展现给用户浏览的网页。前端性能的好坏关呼用户体验。如果前端性能很差，就会让用户失去耐心，甚至关闭页面，导致网站用户大量流失。前端性能差的原因可能是设备资源不足，也有可能是网页设计问题，还有可能是后端接口响应时间过长。

现有技术主要采用性能测试工具来查找前端性能差的原因。然而通过性能测试工具获取到的数据复杂，晦涩难懂，无法直观地体现出前端性能的测试结果。并且大部分性能测试工具收集和统计一次测试所得的数据，仅依靠单次测试数据，无法有效地反映出前端性能的测试结果，难以推动前端开发人员进行性能优化。

因此，寻找一种方法以解决现有技术采用性能测试工具对前端进行测试时存在的测试结果复杂、可靠性不高、无法直观反映测试结果的问题的方法成为本开发领域技术人员亟需解决的技术问题。

发明内容

本发明实施例提供了一种基于视频信息的前端性能测试方法、装置、设备及介质，以解决现有技术对前端性能进行测试时存在的测试结果复杂、可靠性不高、无法直观反映测试结果的问题。

一种基于视频信息的前端性能测试方法，包括：

对待测试前端进行测试，获取所述待测试前端对应的测试视频，所述测试视频中记录了所述待测试前端的加载全过程，包括若干个视频帧信息；

获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图；

从所述测试视频中获取所述性能指标对应的视频帧信息；

当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储；

当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储；

生成所述测试视频对应的测试结果。

一种基于视频信息的前端性能测试装置，包括：

测试模块，用于对所述待测试前端进行测试，获取所述待测试前端对应的测试视频，所述测试视频中记录了所述待测试前端的加载全过程，包括若干个视频帧信息；

第一获取模块，用于获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图；

第二获取模块，用于从所述测试视频中获取所述性能指标对应的视频帧信息；

第一关联模块，用于当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储；

第二关联模块，用于当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储；

生成模块，用于生成所述测试视频对应的测试结果。

一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述基于视频信息的前端性能测试方法。

一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现上述基于视频信息的前端性能测试方法。

本发明实施例在对所述待测试前端进行测试时，同步记录及获取所述待测试前端对应的测试视频，所述测试视频中记录了所述待测试前端的加载全过程；获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图；从所述测试视频中获取所述性能指标对应的视频帧信息；当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储；当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储；生成所述测试视频对应的测试结果。通过本发明实施例，可以提供包括性能指标和截图、页面可视化比例三者的测试结果，数据与图形结合，有效地解决了现有技术对前端性能进行测试时存在的测试结果复杂、无法直观反映测试结果的问题，还保证了测试结果的可靠性。

附图说明

为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例的描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本发明一实施例中基于视频信息的前端性能测试方法的一流程图；

图2是本发明一实施例中基于视频信息的前端性能测试方法中步骤S101的一流程图；

图3是本发明一实施例中基于视频信息的前端性能测试方法中步骤S103的一流程图；

图4是本发明一实施例中基于视频信息的前端性能测试方法中步骤S105的一流程图；

图5是本发明另一实施例中基于视频信息的前端性能测试方法的一流程图；

图6是本发明一实施例中多次测试对应的测试追踪曲线的示意图；

图7是本发明一实施例中基于视频信息的前端性能测试装置的一原理框图；

图8是本发明一实施例中计算机设备的一示意图。

具体实施方式

下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

为解决现有技术中，采用性能测试工具对前端进行测试时存在的测试结果复杂、可靠性不高、无法直观反映测试结果的问题，本发明实施例引入测试视频，通过录制测试视频记录待测试前端的测试过程，并基于所述测试视频生成所述待测试前端的测试结果。以下将对本实施例提供的基于视频信息的前端性能测试方法进行详细的描述，如图1所示，所述基于视频信息的前端性能测试方法包括：

在步骤S101中，对待测试前端进行测试，获取所述待测试前端对应的测试视频，所述测试视频中记录了所述待测试前端的加载全过程，包括若干个视频帧信息。

本实施例提供的前端性能测试方法，通过录制视频记录待测试前端的展示效果。所述待测试前端对应的测试视频包括若干个视频帧信息，用于产生对所述待测试前端的性能测试结果。可选地，如图2所示，所述步骤S101还包括：

在步骤S201中，设置录制背景色，启动录制功能。

在步骤S202中，获取所述待测试前端的URL，并按照所述待测试前端的URL加载网页。

在步骤S203中，当网页加载结束后，停止录制，获取原始视频信息。

在步骤S204中，解析所述原始视频信息，删除带有背景色的视频帧信息，将剩余的视频帧信息进行保存，作为所述待测试前端对应的测试视频。

在这里，由于启动视频录制与打开所述待测试前端对应的URL不能同步进行，因此，本实施例先启动视频录制，然后再打开所述待测试前端对应的URL。其中，在录制视频之前，设置录制的背景色。所述背景色应当与待测试前端形成强烈的比对。然后打开所述待测试前端的URL，以加载所述待测试前端。在所述待测试前端加载完毕时停止录制视频，获取原始视频信息。所述原始视频信息是指通过视频录制软件得到的未编辑的视频信息。由于本实施例是先启动视频录制再打开URL，因此所得到的原始视频信息存在一些无用视频帧信息，这些无用视频帧信息未落在所述待测试前端的加载时间范围内，不包含任何待测试前端的加载信息。对于这些无用视频帧信息，本实施例通过所述背景色筛选出来，并对其进行删除，从而缩减了用于测试的视频帧信息的数量，以提高对所述待测试前端进行测试的效率。

在步骤S102中，获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图。

可选地，所述性能指标是指浏览器加载所述待测试前端时关于感知加载速度、加载响应、运行时响应、视觉稳定性、流畅性的客观的、可量化的标准。在本实施例中，根据是否需要计算页面可视比例，所述性能指标划分为第一类性能指标和第二类性能指标，其中第一类性能指标无需计算页面可视比例，第二类性能指标需要计算页面可视比例。

在这里，本实施例还需要获取所述待测试前端在加载结束后的目标效果图，即按照所述待测试前端对应的URL所获得的最终的加载结果。

在步骤S103中，从所述测试视频中获取所述性能指标对应的视频帧信息。

在这里，本实施例根据所述性能指标在所述待测试前端的加载全过程中的发生时间获取对应的视频帧信息。如图3所示，所述步骤S103还包括：

在步骤S301中，获取所性能指标在加载全过程中的发生时间。

在本实施例中，所述发生时间是指所述性能指标，如上述提到的第一类性能指标和第二类性能指标，在所述待测试前端的加载过程中出现的时间节点。所述发生时间可通过浏览器本身提供的Web Performance API获取。本实施例通过使用工具调用WebPerformance API获取到所述性能指标的发生时间。

可选地，所述第一类性能指标的发生时间包括但不限于重导向时间(RedirectionTime)、域名查找时间(Domain Lookup Time)、DOM内容加载时间(DOM Content LoadedTime)、页面加载时间(Page Load Time)、首绘时间(First Paint Time)、首次视觉变化时间(First Visual Change Time)、加载完成时间(Fully Loaded Time)。

所述第二类性能指标的发生时间包括但不限于界面可视化达85％的时间(VisualComplete 85％)、界面可视化达95％的时间(Visual Complete 95％)、界面可视化达99％的时间(Visual Complete 99％)、最后视觉变化时间(Last Visual Change)。

在步骤S302中，将所述测试视频中的每一个视频帧信息的时间戳与所述发生时间比较。

在得到性能指标的发生时间后，遍历所述测试视频中的每一个视频帧信息的时间戳，将每一个视频帧信息的时间戳与上述步骤S301中得到的发生时间进行比对。

在步骤S303中，获取并保留时间戳与所述发生时间一致的视频帧信息。

若某一视频帧信息的时间戳与所述步骤S301中得到的某一性能指标的发生时间相同时，则保留所述时间戳对应的视频帧信息，作为所述待测试前端的测试结果候选项，用于后续筛选所述性能指标对应的截图。

在步骤S104中，当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储。

对于第一类性能指标，直接以所述第一类性能指标的发生时间对应的视频帧信息作为所述第一类性能指标的截图，将所述第一类性能指标的发生时间及所述截图作为一条测试结果，对所述第一类性能指标及其对应的发生时间、截图进行关联存储。

在步骤S105中，当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储。

对于第二类性能指标，由于所述第二类性能指标与界面的可视化程度相关，为了测试页面内容显示变化的比例，这里通过计算所述第二类性能指标对应的视频帧信息的页面可视比例，来筛选出所述第二类性能指标对应的截图。在这里，所述页面可视比例是指前端在加载过程中显示的页面与加载完成后显示的页面之间的比例，即与目标效果图之间的比例。本实施例通过计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面之间的相似度，来得到所述页面可视比例。

可选地，如图4所示，所述步骤S105还包括：

在步骤S401中，当所述性能指标为第二类性能指标时，采用ImageMagick中的pHash算法计算所述第二类性能指标对应的视频帧信息与所述目标效果图之间的页面可视比例。

在这里，pHash算法中文叫感知哈希算法，ImageMagick中的pHash算法是对基于不变矩的彩色图像感知哈希算法的改进，采用均方根误差(RMSE)来计算两个图像的相似度距离。本实施例通过针对所述第二类性能指标的发生时间对应的视频帧信息与所述目标效果图，采用ImageMagick中的pHash算法计算两者之间的相似度距离，作为页面可视比例。

在步骤S402中，获取所述第二类性能指标的相似度阈值，将所述第二类性能指标对应的视频帧信息与所述目标效果图之间的页面可视比例与所述相似度阈值进行比较。

在这里，每一个第二类性能指标，分别对应一个相似度阈值，所述相似度阈值用于衡量所述第二类性能指标的发生时间对应的视频帧信息是否可作为所述第二类性能指标的截图。不同的第二类性能指标对应不同的相似度阈值。对于一个第二类性能指标，本实施例获取所述第二类性能指标的相似度阈值，然后获取所述第二类性能指标对应的视频帧信息与所述目标效果图之间的页面可视比例，将所述页面可视比例与所述相似度阈值进行比较。

在步骤S403中，当所述页面可视比例大于或等于所述相似度阈值时，将所述第二类性能指标及其对应的视频帧信息进行关联存储。

在这里，若所述页面可视化比例大于或等于所述相似度阈值时，则表明在所述第二类性能指标的发生时间到达时所述待测试前端已经满足所述第二类性能指标，则以所述视频帧信息作为所述第二类性能指标的截图；否则，丢弃所述第二类性能指标的发生时间以及所述发生时间上的视频帧信息。

示例性地，对于第二类性能指标中的Visual Complete 85％，其对应的相似度阈值为85％。获取待测试前端在Visual Complete 85％的发生时间上的视频帧信息，计算所述视频帧信息与所述目标效果图之间的页面可视化比例，若所述页面可视化比例大于或等于所述相似度阈值85％时，则表明在Visual Complete 85％的发生时间到达时所述待测试前端的已加载的界面达到85％，满足所述指标Visual Complete 85％，则以所述视频帧信息作为所述第二类性能指标Visual Complete 85％的截图进行关联存储。

在步骤S106中，生成所述测试视频对应的测试结果。

以上述步骤S104得到的所述第一类性能指标及其对应的发生时间、截图和步骤S105得到的所述第二类性能指标及其对应的发生时间、截图，生成所述待测试前端在本次测试的一组测试结果。

综上所述，本发明实施例在对所述待测试前端进行测试时，同步记录及获取所述待测试前端对应的测试视频，所述测试视频中记录了所述待测试前端的加载全过程；获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图；从所述测试视频中获取所述性能指标对应的视频帧信息；当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储；当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储；生成所述测试视频对应的测试结果。通过本发明实施例，可以提供包括性能指标和截图、页面可视化比例三者的测试结果，数据与图形结合，有效地解决了现有技术对前端性能进行测试时存在的测试结果复杂、无法直观反映测试结果的问题，还保证了测试结果的可靠性。

可选地，作为本发明的一个优选示例，如图5所示，在通过步骤S106得到所述测试视频对应的测试结果后，所述方法还包括：

在步骤S107中，根据所述测试视频对应的测试结果，以所述第一类性能指标和第二类性能指标作为横坐标，以所述第一类性能指标和第二类性能指标的发生时间作为纵坐标，绘制所述待测试前端在本次测试中的测试追踪图。

在这里，每一个测试结果包括第一类性能指标及其对应的发生时间和截图、第二类性能指标及其对应的发生时间和截图。本实施例进一步根据每一次测试的测试结果，以所述第一类性能指标和第二类性能指标作为横坐标，并以所述第一类性能指标和第二类性能指标的发生时间作为纵坐标，对于每一次测试，根据每一个第一类性能指标/第二类性能指标及其对应的发生时间绘制散点图，连接本次测试对应的所有散点，从而得到本次测试对应的一条测试追踪曲线。

可选地，作为本发明的一个优选示例，所述方法还包括：

对所述待测试前端进行多次测试，获取所述待测试前端对应的多个测试视频；

遍历所述多个测试视频，将每一个测试视频对应的测试结果进行关联存储，生成所述待测试前端的测试报告。

在本实施例中，每一次测试时录制的测试视频对应一组测试结果。重复执行上述步骤S101至步骤S107，当对所述待测试前端进行若干次测试，得到若干个测试视频时，则可得到多个测试视频及其对应的一组测试结果。根据所述多个测试视频及其对应的一组测试结果，生成所述待测试前端的测试报告。在所述测试报告中，包括所述待测试前端在若干次测试中的基于测试视频的测试结果。

本实施例提供的基于视频信息的前端性能测试方法，操作简单，只需要运行一次就可以获取到浏览器多次访问待测试前端的测试结果以及加载过程中的截图，测试报告中数据与图形结合，简单易懂，有效地提高了前端性能测试的可靠性以及测试结果的说服力。

可选地，为了便于理解，图6为本发明实施例提供的多次测试对应的测试追踪曲线的示意图。在图6中，包括若干次测试对应的测试追踪曲线。

本实施例提出的基于视频信息的前端性能测试方法不仅可以收集、统计业内通用的前端，而且还提供了包括性能指标和截图、页面可视化比例三者的测试结果，让测试人员以及相关人员可以直观的感受对待测试前端的优化效果，测试结果更有说服力。且所述测试方法操作简单，只需要运行一次就可以获取到浏览器多次访问待测试前端的测试结果以及加载过程中的截图，测试报告简单易懂，数据与图形结合，更加具有说服力。进一步地，通过录制浏览器加载待测试前端的视频信息，借助视频信息保证了测试结果的可靠性，也可帮助前端开发人员迅速定位性能问题，还有助于推动前端网页性能的优化，提高工作效率。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本发明实施例的实施过程构成任何限定。

在一实施例中，提供一种基于视频信息的前端性能测试装置，该基于视频信息的前端性能测试装置与上述实施例中基于视频信息的前端性能测试方法一一对应。如图7所示，该基于视频信息的前端性能测试装置包括测试模块71、第一获取模块72、第二获取模块73、第一关联模块74、第二关联模块75、生成模块76。各功能模块详细说明如下：

测试模块71，用于对所述待测试前端进行测试，获取所述待测试前端对应的测试视频，所述测试视频中记录了所述待测试前端的加载全过程，包括若干个视频帧信息；

第一获取模块72，用于获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图；

第二获取模块73，用于从所述测试视频中获取所述性能指标对应的视频帧信息；

第一关联模块74，用于当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储；

第二关联模块75，用于当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储；

生成模块76，用于生成所述测试视频对应的测试结果。

可选地，所述测试模块71还包括：

启动单元，用于设置录制背景色，启动录制功能；

测试单元，用于获取所述待测试前端的URL，并按照所述待测试前端的URL加载网页；

获取单元，用于当网页加载结束后，停止录制，获取原始视频信息；

保存单元，用于解析所述原始视频信息，删除带有背景色的视频帧信息，将剩余的视频帧信息进行保存，作为所述待测试前端对应的测试视频。

可选地，所述第二获取模块73包括：

第一获取单元，用于获取所性能指标在加载全过程中的发生时间；

时间比较单元，用于将所述测试视频中的每一个视频帧信息的时间戳与所述发生时间比较；

第二获取单元，用于获取并保留时间戳与所述发生时间一致的视频帧信息。

可选地，所述第二关联模块75包括：

计算单元，用于当所述性能指标为第二类性能指标时，采用ImageMagick中的pHash算法计算所述第二类性能指标对应的视频帧信息与所述目标效果图之间的页面可视比例；

相似度比较单元，用于获取所述第二类性能指标的相似度阈值，将所述第二类性能指标对应的视频帧信息与所述目标效果图之间的页面可视比例与所述相似度阈值进行比较；

关联存储单元，用于当所述页面可视比例大于或等于所述相似度阈值时，将所述第二类性能指标及其对应的视频帧信息进行关联存储。

可选地，所述装置还包括：

绘制模块，用于根据所述测试视频对应的测试结果，以所述第一类性能指标和第二类性能指标作为横坐标，以所述第一类性能指标和第二类性能指标的发生时间作为纵坐标，绘制所述待测试前端在本次测试中的测试追踪图。

可选地，所述装置还包括：

报告生成模块，用于对所述待测试前端进行多次测试，获取所述待测试前端对应的多个测试视频；遍历所述多个测试视频，将每一个测试视频对应的测试结果进行关联存储，生成所述待测试前端的测试报告。

关于基于视频信息的前端性能测试装置的具体限定可以参见上文中对于基于视频信息的前端性能测试方法的限定，在此不再赘述。上述基于视频信息的前端性能测试装置中的各个模块可全部或部分通过软件、硬件及其组合来实现。上述各模块可以硬件形式内嵌于或独立于计算机设备中的处理器中，也可以以软件形式存储于计算机设备中的存储器中，以便于处理器调用执行以上各个模块对应的操作。

在一个实施例中，提供了一种计算机设备，该计算机设备可以是服务器，其内部结构图可以如图8所示。该计算机设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机程序和数据库。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的终端通过网络连接通信。该计算机程序被处理器执行时以实现一种基于视频信息的前端性能测试方法。

在一个实施例中，提供了一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现以下步骤：

对待测试前端进行测试，获取所述待测试前端对应的测试视频，所述测试视频中记录了所述待测试前端的加载全过程，包括若干个视频帧信息；

获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图；

从所述测试视频中获取所述性能指标对应的视频帧信息；

当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储；

当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储；

生成所述测试视频对应的测试结果。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。其中，本发明所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。

以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。

Claims (10)

1.一种基于视频信息的前端性能测试方法，其特征在于，包括：

对待测试前端进行测试，获取所述待测试前端对应的测试视频，所述测试视频中记录了所述待测试前端的加载全过程，包括若干个视频帧信息；

获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图；

从所述测试视频中获取所述性能指标对应的视频帧信息；

当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储；

当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储；

生成所述测试视频对应的测试结果。

2.如权利要求1所述的基于视频信息的前端性能测试方法，其特征在于，所述对所述待测试前端进行测试，获取所述待测试前端对应的测试视频包括：

设置录制背景色，启动录制功能；

获取所述待测试前端的URL，并按照所述待测试前端的URL加载网页；

当网页加载结束后，停止录制，获取原始视频信息；

解析所述原始视频信息，删除带有背景色的视频帧信息，将剩余的视频帧信息进行保存，作为所述待测试前端对应的测试视频。

3.如权利要求1或2所述的基于视频信息的前端性能测试方法，其特征在于，所述从所述测试视频中获取所述性能指标对应的视频帧信息包括：

获取所性能指标在加载全过程中的发生时间；

将所述测试视频中的每一个视频帧信息的时间戳与所述发生时间比较；

获取并保留时间戳与所述发生时间一致的视频帧信息。

4.如权利要求3所述的基于视频信息的前端性能测试方法，其特征在于，当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储包括：

当所述性能指标为第二类性能指标时，采用ImageMagick中的pHash算法计算所述第二类性能指标对应的视频帧信息和所述目标效果图之间的页面可视比例；

获取所述第二类性能指标的相似度阈值，将所述第二类性能指标对应的视频帧信息和所述目标效果图之间的页面可视比例与所述相似度阈值进行比较；

当所述页面可视比例大于或等于所述相似度阈值时，将所述第二类性能指标及其对应的视频帧信息进行关联存储。

5.如权利要求1或2所述的基于视频信息的前端性能测试方法，其特征在于，所述方法还包括：

根据所述测试视频对应的测试结果，以所述第一类性能指标和第二类性能指标作为横坐标，以所述第一类性能指标和第二类性能指标的发生时间作为纵坐标，绘制所述待测试前端在本次测试中的测试追踪图。

6.如权利要求1或2所述的基于视频信息的前端性能测试方法，其特征在于，所述方法还包括：

对所述待测试前端进行多次测试，获取所述待测试前端对应的多个测试视频；

遍历所述多个测试视频，将每一个测试视频对应的测试结果进行关联存储，生成所述待测试前端的测试报告。

7.一种基于视频信息的前端性能测试装置，其特征在于，所述装置包括：

测试模块，用于对所述待测试前端进行测试，获取所述待测试前端对应的测试视频，所述测试视频中记录了所述待测试前端的加载全过程，包括若干个视频帧信息；

第一获取模块，用于获取所述待测试前端在加载全过程中的性能指标和在加载结束后的目标效果图；

第二获取模块，用于从所述测试视频中获取所述性能指标对应的视频帧信息；

第一关联模块，用于当所述性能指标为第一类性能指标时，将所述第一类性能指标及其对应的发生时间、视频帧信息进行关联存储；

第二关联模块，用于当所述性能指标为第二类性能指标时，计算所述第二类性能指标对应的视频帧信息与所述目标效果图的页面可视比例，根据所述页面可视比例对所述第二类性能指标及其对应的发生时间、视频帧信息进行关联存储；

生成模块，用于生成所述测试视频对应的测试结果。

8.如权利要求7所述的基于视频信息的前端性能测试装置，其特征在于，所述第二获取模块包括：

第一获取单元，用于获取所性能指标在加载全过程中的发生时间；

比较单元，用于将所述测试视频中的每一个视频帧信息的时间戳与所述发生时间比较；

第二获取单元，用于获取并保留时间戳与所述发生时间一致的视频帧信息。

9.一种计算机设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述的基于视频信息的前端性能测试方法。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述的基于视频信息的前端性能测试方法。

Images