CN110688602A - 网页加载速度的测试方法、装置及系统 - Google Patents

Abstract

本发明提供了一种网页加载速度的测试方法、装置及系统，涉及计算机的技术领域，包括：先利用图像采集设备进行摄像，得到固定帧率的视频流；再将视频流中所有视频图像均输入至预设图像识别模型，提取视频图像的特征信息；然后比对特征信息，并根据比对结果确定视频图像对应的网页运行界面所在阶段；计算网页运行界面所在阶段的加载速度；最后综合各个网页运行界面所在阶段的加载速度计算，得到网页加载速度。本发明可以保证视频流中的视频图像不失真，基于图像识别并对网页运行界面的运行阶段进行划分，可以细化得到各个网页运行界面所在阶段的加载速度，得到的网页加载速度更接近实际，提高了数据的精确度。

Description

网页加载速度的测试方法、装置及系统

技术领域

本发明涉及计算机技术领域，尤其是涉及一种网页加载速度的测试方法、装置及系统。

背景技术

现如今互联网领域对用户体验越来越重视，产品的各项性能成为评价产品是否高质量高可用性的依据。一般测试人员往往只关注后端接口的性能和响应时间，针对前端页面的加载速度并没有很好的方式去得到准确的数据，而前端页面的加载速度又会直接影响到用户对产品的友好度感知，所以非常有必要测试页面加载速度。

目前网页加速速度的测试方法大部分依靠软件录制，而软件录制容易出现由帧率不稳定导致数据失真的情况，而且现有的网页加速速度的测试方法缺乏阶段性划分，计算得到的网页加载速度与实际网页加载速度之间存在一定的误差。

发明内容

本发明的目的在于提供一种网页加载速度的测试方法、装置及系统，可以提高网页加载速度测试的精确度。

本发明提供的一种网页加载速度的测试方法，其中，包括：利用图像采集设备对网页运行界面进行摄像，得到固定帧率的视频流；将所述视频流中所有视频图像均输入至预设图像识别模型，提取所述视频图像的特征信息；依次将相邻帧的视频图像的特征信息进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于所述网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为所述网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为所述网页运行界面所在阶段在终止位置对应的视频图像；针对每个所述网页运行界面所在阶段，基于所述第一视频图像的时间戳和所述第二视频图像的时间戳，计算所述网页运行界面所在阶段的加载速度；综合各个所述网页运行界面所在阶段的加载速度计算，得到网页加载速度。

进一步的，测试方法还包括：基于所述网页加载速度和预设效率指标，确定网页运行效率。

进一步的，所述特征信息包括以下至少一种信息：帧编号、时间戳、文字信息和图标信息。

进一步的，所述网页运行界面所在阶段包括网页启动阶段或页面切换阶段。

本发明提供的一种网页加载速度的测试装置，其中，包括：摄像模块，用于利用图像采集设备对网页运行界面进行摄像，得到固定帧率的视频流；提取模块，用于将所述视频流中所有视频图像均输入至预设图像识别模型，提取所述视频图像的特征信息；比对模块，用于将相邻帧的视频图像的特征信息依次进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于所述网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为所述网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为所述网页运行界面所在阶段在终止位置对应的视频图像；第一计算模块，用于针对每个所述网页运行界面所在阶段，基于所述第一视频图像的时间戳和所述第二视频图像的时间戳，计算所述网页运行界面所在阶段的加载速度；第二计算模块，用于综合各个所述网页运行界面所在阶段的加载速度计算，得到网页加载速度。

进一步的，测试装置还包括：确定模块，用于基于所述网页加载速度和预设效率指标，确定网页运行效率。

本发明提供的一种网页加载速度的测试系统，其中，包括：图像采集设备、视频处理模块和数据分析模块；所述图像采集设备，用于对网页运行界面进行摄像，得到固定帧率的视频流；所述视频处理模块，用于将所述视频流中所有视频图像均输入至预设图像识别模型，提取所述视频图像的特征信息；所述数据分析模块，用于依次将相邻帧的视频图像的特征信息进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于所述网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为所述网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为所述网页运行界面所在阶段在终止位置对应的视频图像；所述数据分析模块，还用于针对每个所述网页运行界面所在阶段，基于所述第一视频图像的时间戳和所述第二视频图像的时间戳，计算所述网页运行界面所在阶段的加载速度；所述数据分析模块，还用于综合各个所述网页运行界面所在阶段的加载速度计算，得到网页加载速度。

进一步的，所述数据分析模块，还用于基于所述网页加载速度和预设效率指标，确定网页运行效率。

本发明还提供一种电子设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，其中，所述处理器执行所述计算机程序时实现所述的测试方法。

本发明还提供一种具有处理器可执行的非易失的程序代码的计算机可读介质，其中，所述程序代码使所述处理器执行所述的测试方法。

本发明提供的一种网页加载速度的测试方法、装置及系统，先利用图像采集设备对网页运行界面进行摄像，得到固定帧率的视频流；再将视频流中所有视频图像均输入至预设图像识别模型，提取视频图像的特征信息；然后将相邻帧的视频图像的特征信息依次进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为网页运行界面所在阶段在终止位置对应的视频图像；针对每个网页运行界面所在阶段，基于第一视频图像的时间戳和第二视频图像的时间戳，计算网页运行界面所在阶段的加载速度；最后综合各个网页运行界面所在阶段的加载速度计算，得到网页加载速度。本发明生成固定帧率的视频流，可以保证视频流中的视频图像不失真。基于图像识别提取视频图像的特征信息，提高了准确率。通过对网页运行界面的运行阶段进行划分，可以细化得到各个网页运行界面所在阶段的加载速度，得到的网页加载速度更接近实际，提高了数据的精确度。

附图说明

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

图1为本发明实施例提供的一种网页加载速度的测试方法的流程图；

图2为打开亚马逊网页阶段的网页加载速度的测试结果图；

图3为本发明实施例提供的另一种网页加载速度的测试方法的流程图；

图4为本发明实施例提供的一种网页加载速度的测试装置的结构示意图；

图5为本发明实施例提供的另一种网页加载速度的测试装置的结构示意图；

图6为本发明实施例提供的一种网页加载速度的测试系统的结构示意图。

图标：

11-摄像模块；12-提取模块；13-比对模块；14-第一计算模块；15-第二计算模块；16-确定模块；21-图像采集设备；22-视频处理模块；23-数据分析模块。

具体实施方式

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

目前网页加速速度的测试方法大部分依靠软件录制，而软件录制容易出现由帧率不稳定导致数据失真的情况，而且现有的网页加速速度的测试方法缺乏阶段性划分，计算得到的网页加载速度与实际网页加载速度还有一定的误差。基于此，本发明实施例利用图像采集设备生成固定帧率的视频流可以保证视频流中的视频图像不失真，并基于图像识别提取视频图像的特征信息提高了准确率。本发明实施例还可以通过对网页运行界面的运行阶段进行划分细化得到各个网页运行界面所在阶段的加载速度，使得到的网页加载速度更接近实际，提高数据的精确度。

为便于对本实施例进行理解，首先对本发明实施例所公开的一种网页加载速度的测试方法进行详细介绍。

实施例一：

参照图1，本发明实施例提供了一种网页加载速度的测试方法，所述测试方法可以包括以下步骤：

步骤S101，利用图像采集设备对网页运行界面进行摄像，得到固定帧率的视频流。

在本发明实施例中，为了测试网页加载速度，可以先确定待测试软件和待测试界面，将不断发生变化的待检测界面称之为网页运行界面。图像采集设备包括但不限于高速摄像机、稳定帧率的外置相机。视频FPS(Frames Per Second，画面每秒传输帧数)越高，数据越精确。摄像机像素越高识别的准确性就越高，一般要求要达到2400万及以上。与软件录制相比，图像采集设备摄像可以保证视频流的帧率稳定。由于目前软件录制不靠谱，很容易出现帧率不稳定的情况。在这种情况下，如果时间与帧数不能精确对应，容易导致数据失真。为了得到帧率稳定的视频，本发明实施例采用图像采集设备对网页运行界面进行摄像的方式。

步骤S102，将视频流中所有视频图像均输入至预设图像识别模型，提取视频图像的特征信息。

在本发明实施例中，预设图像识别模型为提前训练好的图像识别模型。本发明实施例可以以|…|为分隔符将特征信息隔开，其中，特征信息包括以下至少一种信息：帧编号、时间戳、文字信息和图标信息。时间戳为视频图像对应的时间，即时间戳是时间的另外一种表达形式，一个能表示一份数据在某个特定时间之前已经存在的、完整的、可以验证的数据，通常是一个字符序列，唯一地标识某一刻的时间。文字信息可以指视频图像中的文字、符号和数字。图标信息可以指具有明确指代含义的计算机图形。进一步的，特征信息还可以包含视频图像中的其他信息，在此不做赘述。基于图像识别技术得到的特征信息是本发明实施例的关键。

步骤S103，依次将相邻帧的视频图像的特征信息进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为网页运行界面所在阶段在终止位置对应的视频图像。

在本发明实施例中，由于每一帧视频图像都存在能够区分它与其他帧的标识，可能是文字或图像截图。因此，可以将相邻帧的视频图像的相似度作为判断依据，通过逐帧分析确定当前网页运行界面所在阶段和当前网页运行界面对应的视频图像的时间戳。进一步的，可以确定网页运行界面在各个阶段的状态。网页运行界面所在阶段可以包括但不限于：网页启动阶段和页面切换阶段。本发明实施例可以将第一视频图像、第二视频图像的拍摄时间作为关键时间点，为计算网页加载速度提供便利。

步骤S104，针对每个网页运行界面所在阶段，基于第一视频图像的时间戳和第二视频图像的时间戳，计算网页运行界面所在阶段的加载速度。

在本发明实施例中，网页运行界面所在阶段变化，即应用运行状态发生变化。在网页运行界面的不同阶段对不同类型的网页加载速度进行测试。具体的，本发明实施例在网页启动阶段对启动速度进行测试，在页面切换阶段对页面切换速度进行测试。因此，网页加载速度的测试包括但不限于启动速度和页面切换速度等类型。在页面发生切换时，页面上的文字与图像都会发生改变。

步骤S105，综合各个网页运行界面所在阶段的加载速度计算，得到网页加载速度。

本发明实施例提供的一种网页加载速度的测试方法，先利用图像采集设备对网页运行界面进行摄像，得到固定帧率的视频流；再将视频流中所有视频图像均输入至预设图像识别模型，提取视频图像的特征信息；然后将相邻帧的视频图像的特征信息依次进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为网页运行界面所在阶段在终止位置对应的视频图像；针对每个网页运行界面所在阶段，基于第一视频图像的时间戳和第二视频图像的时间戳，计算网页运行界面所在阶段的加载速度；最后综合各个网页运行界面所在阶段的加载速度计算，得到网页加载速度。本发明实施例利用图像采集设备摄像生成固定帧率的视频流，可以保证视频流中的视频图像不失真。基于图像识别提取视频图像的特征信息，提高了准确率。通过对网页运行界面的运行阶段进行划分，可以细化得到各个网页运行界面所在阶段的加载速度，得到的网页加载速度更接近实际，提高了数据的精确度。

在综合各个网页运行界面所在阶段的加载速度之前，每个网页运行界面所在阶段的加载速度分别计算。示例性的：为了测试在电脑桌面启动谷歌浏览器chrome之后，打开亚马逊网页amazon这一阶段的网页加载速度，有如下操作：

步骤1，测试人员利用鼠标启动电脑桌面上的谷歌浏览器，由于浏览器主页上有特定的文字和与文字对应的图标，因此可以直接点击亚马逊的图标进入亚马逊网页。在上述整个操作过程中，本发明实施例同时利用图像采集设备对电脑屏幕上的网页运行界面进行摄像，得到固定帧率的视频流；

步骤2，将视频流中所有视频图像均输入至预设图像识别模型，预设图像识别模型内存储有亚马逊网页的文字信息及图标信息，基于预设图像识别模型内存储的亚马逊网页的文字信息及图标信息，提取视频图像的特征信息；

步骤3，依次将相邻帧的视频图像的特征信息进行比对，并基于视频网页的时间戳及相邻视频图像的特征信息的相似度确定视频图像对应的打开亚马逊网页阶段，以及打开亚马逊网页这一阶段的第一视频图像和第二视频图像；

图2为打开亚马逊网页阶段的网页加载速度的测试结果图，横坐标为事件，纵坐标为相似度。如图2所示，在0.2s时，谷歌浏览器chrome启动；在0.92s时点击amazon图标；在1s时，amazon图标稳定。即0.92s对应的视频图像为打开亚马逊网页阶段的第一视频图像，1s对应的视频图像为打开亚马逊网页阶段的第二视频图像。

步骤4，数据分析阶段，将两个关键时间点相减得到的0.08s作为打开亚马逊网页阶段的网页加载速度。

进一步的，参照图3，测试方法还包括：

步骤S106，基于网页加载速度和预设效率指标，确定网页运行效率。

在本发明实施例中，预设效率指标可以包括但不限于网页加载速度与网页运行效率的对应关系。网页运行效率为网页加载速度测试的另外一种形式。由于网页加载速度是对不同阶段的加载速度的综合，因此在确定网页加载速度的基础上，结合预设效率指标确定的网页运行效率也是一个综合性的指标。一般网页加载速度与网页运行效率成正比，即网页加载速度越快，网页运行效率越高。

本发明实施例的核心是根据关键时间点对应用运行状态进行划分，以得到应用在不同运行状态期间消耗的时间以判定运行效率。

实施例二：

为了实现本发明实施例一所述的网页加载速度的测试方法，本发明实施例二提供了一种网页加载速度的测试装置，参照图4，可以包括以下模块：

摄像模块11，用于利用图像采集设备对网页运行界面进行摄像，得到固定帧率的视频流；

提取模块12，用于将视频流中所有视频图像均输入至预设图像识别模型，提取视频图像的特征信息；

比对模块13，用于将相邻帧的视频图像的特征信息依次进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为网页运行界面所在阶段在终止位置对应的视频图像；

第一计算模块14，用于针对每个网页运行界面所在阶段，基于第一视频图像的时间戳和第二视频图像的时间戳，计算网页运行界面所在阶段的加载速度；

第二计算模块15，用于综合各个网页运行界面所在阶段的加载速度计算，得到网页加载速度。

本发明实施例提供的一种网页加载速度的测试装置，先利用摄像模块得到固定帧率的视频流；再利用提取模块将视频流中所有视频图像均输入至预设图像识别模型，提取视频图像的特征信息；然后再利用比对模块将相邻帧的视频图像的特征信息依次进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于网页运行界面所在阶段的第一视频图像和第二视频图像；针对每个网页运行界面所在阶段，基于第一视频图像的时间戳和第二视频图像的时间戳，利用第一计算模块计算网页运行界面所在阶段的加载速度；最后利用第二计算模块综合各个网页运行界面所在阶段的加载速度进行计算，得到网页加载速度。本发明实施例生成固定帧率的视频流，可以保证视频流中的视频图像不失真。基于图像识别提取视频图像的特征信息，提高了准确率。本发明实施例对网页运行界面的运行阶段进行划分，可以细化得到各个网页运行界面所在阶段的加载速度，使得到的网页加载速度更接近实际，提高了数据的精确度。

进一步的，参照图5，测试装置还包括：

确定模块16，用于基于网页加载速度和预设效率指标，确定网页运行效率。

本发明实施例提供的网页加载速度的测试装置包括摄像模块、提取模块、比对模块、第一计算模块、第二计算模块和确定模块，结构简单、缩短了网页加载速度的测试时间，并提高了网页加载速度的测试效果。

实施例三：

参照图6，本发明实施例提供的一种网页加载速度的测试系统，可以包括：图像采集设备21、视频处理模块22和数据分析模块23；

图像采集设备21，用于对网页运行界面进行摄像，得到固定帧率的视频流；

视频处理模块22，用于将视频流中所有视频图像均输入至预设图像识别模型，提取视频图像的特征信息；

数据分析模块23，用于依次将相邻帧的视频图像的特征信息进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为网页运行界面所在阶段在终止位置对应的视频图像；

数据分析模块23，还用于针对每个网页运行界面所在阶段，基于第一视频图像的时间戳和第二视频图像的时间戳，计算网页运行界面所在阶段的加载速度；

数据分析模块23，还用于综合各个网页运行界面所在阶段的加载速度计算，得到网页加载速度。

进一步的，数据分析模块23，还用于基于网页加载速度和预设效率指标，确定网页运行效率。

在本发明实施例中，本发明实施例提供的网页加载速度的测试系统，主要由以下三个模块组成：图像采集设备、视频处理模块和数据分析模块，基于图像采集设备可以得到固定帧率的视频流，视频处理模块利用图像识别技术提取特征信息，将特征信息输出为数据处理模块可识别的形式，是整个流程最关键的模块。数据处理模块确定网页加载速度，还可以确定网页运行效率，并将网页加载速度或网页运行效率可视化，以结论或报告的形式输出至客户端。

在本发明的又一实施例中，还提供一种电子设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述方法实施例所述测试方法的步骤。

在本发明的又一实施例中，还提供一种具有处理器可执行的非易失的程序代码的计算机可读介质，所述程序代码使所述处理器执行方法实施例所述测试方法。

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

Claims (10)

1.一种网页加载速度的测试方法，其特征在于，包括：

利用图像采集设备对网页运行界面进行摄像，得到固定帧率的视频流；

将所述视频流中所有视频图像均输入至预设图像识别模型，提取所述视频图像的特征信息；

依次将相邻帧的视频图像的特征信息进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于所述网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为所述网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为所述网页运行界面所在阶段在终止位置对应的视频图像；

针对每个所述网页运行界面所在阶段，基于所述第一视频图像的时间戳和所述第二视频图像的时间戳，计算所述网页运行界面所在阶段的加载速度；

综合各个所述网页运行界面所在阶段的加载速度计算，得到网页加载速度。

2.根据权利要求1所述的测试方法，其特征在于，还包括：

基于所述网页加载速度和预设效率指标，确定网页运行效率。

3.根据权利要求1所述的测试方法，其特征在于，所述特征信息包括以下至少一种信息：帧编号、时间戳、文字信息和图标信息。

4.根据权利要求1所述的测试方法，其特征在于，所述网页运行界面所在阶段包括网页启动阶段或页面切换阶段。

5.一种网页加载速度的测试装置，其特征在于，包括：

摄像模块，用于利用图像采集设备对网页运行界面进行摄像，得到固定帧率的视频流；

提取模块，用于将所述视频流中所有视频图像均输入至预设图像识别模型，提取所述视频图像的特征信息；

比对模块，用于将相邻帧的视频图像的特征信息依次进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于所述网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为所述网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为所述网页运行界面所在阶段在终止位置对应的视频图像；

第一计算模块，用于针对每个所述网页运行界面所在阶段，基于所述第一视频图像的时间戳和所述第二视频图像的时间戳，计算所述网页运行界面所在阶段的加载速度；

第二计算模块，用于综合各个所述网页运行界面所在阶段的加载速度计算，得到网页加载速度。

6.根据权利要求5所述的测试装置，其特征在于，还包括：

确定模块，用于基于所述网页加载速度和预设效率指标，确定网页运行效率。

7.一种网页加载速度的测试系统，其特征在于，包括：图像采集设备、视频处理模块和数据分析模块；

所述图像采集设备，用于对网页运行界面进行摄像，得到固定帧率的视频流；

所述视频处理模块，用于将所述视频流中所有视频图像均输入至预设图像识别模型，提取所述视频图像的特征信息；

所述数据分析模块，用于依次将相邻帧的视频图像的特征信息进行比对，并根据比对结果确定视频图像对应的网页运行界面所在阶段，以及处于所述网页运行界面所在阶段的第一视频图像和第二视频图像；其中，第一视频图像为所述网页运行界面所在阶段在起始位置对应的视频图像；第二视频图像为所述网页运行界面所在阶段在终止位置对应的视频图像；

所述数据分析模块，还用于针对每个所述网页运行界面所在阶段，基于所述第一视频图像的时间戳和所述第二视频图像的时间戳，计算所述网页运行界面所在阶段的加载速度；

所述数据分析模块，还用于综合各个所述网页运行界面所在阶段的加载速度计算，得到网页加载速度。

8.根据权利要求7所述的测试系统，其特征在于，所述数据分析模块，还用于基于所述网页加载速度和预设效率指标，确定网页运行效率。

9.一种电子设备，包括存储器、处理器，所述存储器中存储有可在所述处理器上运行的计算机程序，其特征在于，处理器执行计算机程序时实现如权利要求1至4任一项所述的方法。

10.一种具有处理器可执行的非易失的程序代码的计算机可读介质，其特征在于，所述程序代码使所述处理器执行如权利要求1至4任一项所述的方法。

Images