CN113849757A - 网页加载耗时计算方法、装置、存储介质以及终端 - Google Patents

Abstract

本申请公开了一种网页加载耗时计算方法、存储介质、装置以及终端，涉及自动化测试技术领域。首先对网页从启动开始的加载过程进行录制，得到录制视频；然后提取录制视频所包含的图片帧；根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧；最后根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时。由于目标图片帧可以是任意网页在加载过程中的图片帧，并且由于用户感知到的网页加载耗时与网页对应的图片帧中像素值量保持一致，因此本申请中的网页加载耗时计算方法可以应用于任意网页的加载测试，扩大了网页加载耗时计算方法的适用范围，并且提高了对网页加载耗时的测试准确性。

Description

网页加载耗时计算方法、装置、存储介质以及终端

技术领域

本申请涉及自动化测试技术领域，尤其涉及一种网页加载耗时计算方法、存储介质、装置以及终端。

背景技术

随着科学技术的发展，越来越多的终端出现在人们的日常生活中，人们可以通过终端中的浏览器阅览各种网页进行学习或者娱乐，因此关于网页加载耗时计算的方法也成为本领域人员研究的重点之一。

在相关技术中，一般通过识别网页中的特定标识或者分析网页加载日志的方法确定网页的加载耗时。由于不同的网页元素不同，那么通过识别网页中的特定标识计算网页加载耗时仅仅适用特定网页，因此该方法适用范围较小；而网页加载日志并不能代表网页真实加载变化过程，用户感知到的网页加载耗时是以屏幕画面的变化情况为准的，因此该方法得到的网页加载耗时结果并不准确。

发明内容

本申请提供一种网页加载耗时计算方法、存储介质、装置以及终端，可以解决相关技术中计算网页加载耗时时存在适用范围小、计算结果不准确的技术问题。

第一方面，本申请实施例提供一种网页加载耗时计算方法，所述方法包括：

对网页从启动开始的加载过程进行录制，得到录制视频；

提取所述录制视频所包含的图片帧；

根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧；

根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时。

第二方面，本申请实施例提供一种网页加载耗时计算装置，所述装置包括：

录制模块，用于对网页从启动开始的加载过程进行录制，得到录制视频；

视频处理模块，用于提取所述录制视频所包含的图片帧；

目标确定模块，用于根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧；

速度计算模块，用于根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时。

第三方面，本申请实施例提供一种计算机存储介质，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行上述的方法的步骤。

第四方面，本申请实施例提供一种终端，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序。

本申请一些实施例提供的技术方案带来的有益效果至少包括：

本申请提供一种网页加载耗时计算方法，首先对网页从启动开始的加载过程进行录制，得到录制视频；然后提取录制视频所包含的图片帧；根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧；最后根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时。由于是根据像素值变化量确定录制视频的目标图片帧，那么目标图片帧可以是任意网页在加载过程中的图片帧，并且由于用户感知到的网页加载耗时与网页对应的图片帧中像素值量保持一致，因此本申请中的网页加载耗时计算方法可以应用于任意网页的加载测试，扩大了网页加载耗时计算方法的适用范围，并且提高了对网页加载耗时的测试准确性。

附图说明

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

图1为本申请实施例提供的一种网页加载耗时计算方法的示例性系统架构图；

图2为本申请实施例提供的一种网页加载耗时计算方法的系统交互图；

图3为本申请另一实施例提供的一种网页加载耗时计算方法的流程示意图；

图4为本申请另一实施例提供的一种网页启动方法的示意图；

图5为本申请另一实施例提供的一种图片帧像素结构示意图；

图6为本申请另一实施例提供的一种网页加载耗时计算方法的流程示意图；

图7为本申请另一实施例提供的一种首帧加载耗时的计算示意图；

图8为本申请另一实施例提供的一种半屏加载耗时的计算示意图；

图9为本申请另一实施例提供的一种全屏加载耗时的计算示意图；

图10为本申请另一实施例提供的一种网页加载耗时计算方法的流程示意图；

图11为本申请另一实施例提供的一种网页加载耗时计算装置的结构示意图；

图12为本申请实施例提供的一种终端的结构示意图。

具体实施方式

为使得本申请的特征和优点能够更加的明显和易懂，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而非全部实施例。根据本申请中的实施例，本领域技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本申请相一致的所有实施方式。相反，它们仅是如所附权利要求书中所详述的、本申请的一些方面相一致的装置和方法的例子。

图1为本申请实施例提供的一种网页加载耗时计算方法的示例性系统架构图。

如图1所示，系统架构可以包括终端101、网络102和服务器103。网络102用于在终端101和服务器103之间提供通信链路的介质。网络102可以包括各种类型的有线通信链路或无线通信链路，例如：有线通信链路包括光纤、双绞线或同轴电缆的，无线通信链路包括蓝牙通信链路、无线保真(Wireless-Fidelity，Wi-Fi)通信链路或微波通信链路等。

终端101可以通过网络102与服务器103交互，以接收来自服务器103的消息或向服务器103发送消息，例如，终端101可以与服务器103进行通信，以使得终端101可以通过浏览器启动网页并通过浏览器接收服务器103返回的网页数据，并在浏览器中加载网页数据，已完成网页的显示过程。

终端101可以是硬件，也可以是软件。当终端101为硬件时，可以是各种电子设备，包括但不限于智能手表、智能手机、平板电脑、膝上型便携式计算机和台式计算机等。当终端101为软件时，可以是安装在上述所列举的电子设备中，其可以实现呈多个软件或软件模块(例如：用来提供分布式服务)，也可以实现成单个软件或软件模块，在此不作具体限定。

服务器103可以是提供各种服务的业务服务器。需要说明的是，服务器103可以是硬件，也可以是软件。当服务器103为硬件时，可以实现成多个服务器组成的分布式服务器集群，也可以实现成单个服务器。当服务器103为软件时，可以实现成多个软件或软件模块(例如用来提供分布式服务)，也可以实现成单个软件或软件模块，在此不做具体限定。

应理解，图1中的终端、网络以及服务器的数目仅是示意性的，根据实现需要，可以是任意数量的终端、网络以及服务器。

请参阅图2，图2为本申请实施例提供的一种网页加载耗时计算方法的系统交互图，可以理解的，在本申请实施例中，执行主体可以终端或者终端中的处理器，还可以是终端中执行网页加载耗时计算方法的相关服务，为方便描述下面以执行主体为终端中的处理器为例，结合图1和图2介绍一种网页加载耗时计算方法中系统交互过程。

S201、对网页从启动开始的加载过程进行录制，得到录制视频。

可选地，对网页从启动开始的加载过程进行录制，得到录制视频，包括：对网页从启动开始的加载过程进行预设时长的录制，得到录制视频。

S202、提取录制视频所包含的图片帧。

可选地，提取录制视频所包含的图片帧，包括：提取录制视频中预设数量的图片帧，并按照各图片帧在录制视频中的播放时间确定各图片帧的时间标识；将各时间标识与各图片帧进行对应。以便于后续根据所述录制视频的第一帧图片帧对应的时间标识以及所述目标图片帧对应的时间标识，计算所述网页的加载耗时。

提取录制视频所包含的图片帧之后，还包括：去除录制视频的各图片帧中网页对应区域之外的预设区域；将录制视频的各图片帧转换为灰度图片；将录制视频的各图片帧缩小为预设尺寸。

S203、根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧。

S204、根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时。

可选地，根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧，包括：根据录制视频所包含的图片帧的全部像素的像素值之和的相对变化量，确定录制视频的目标图片帧；根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时，包括：根据录制视频的第一帧图片帧与目标图片帧，计算网页的首帧加载耗时或者全屏加载耗时。

在本申请实施例中，首先对网页从启动开始的加载过程进行录制，得到录制视频；然后提取录制视频所包含的图片帧；根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧；最后根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时。由于是根据像素值变化量确定录制视频的目标图片帧，那么目标图片帧可以是任意网页在加载过程中的图片帧，并且由于用户感知到的网页加载耗时与网页对应的图片帧中像素值量保持一致，因此本申请中的网页加载耗时计算方法可以应用于任意网页的加载测试，扩大了网页加载耗时计算方法的适用范围，并且提高了对网页加载耗时的测试准确性。

请参阅图3，图3为本申请另一实施例提供的一种网页加载耗时计算方法的流程示意图。

如图3所示，该方法包括：

S301、对网页从启动开始的加载过程进行录制，得到录制视频。

在相关技术中，一般通过识别网页中的特定标识或者分析网页加载日志的方法确定网页的加载耗时。

其中，识别网页中的特定标识确定网页的加载耗时，一般是根据图像识别模型，在网页加载过程中查找目标图像的特征，来判断网页是否加载完成；或者根据网页特定位置的标识点像素值，在网页加载过程中根据对应位置的像素值信息，来判断网页是否加载完成。该方法都需要事先分析网页的元素情况，以确定目标图像或者定位位置的标试点像素值，不能用于任意网页的加载耗时计算，且该方法的容错性也不太好(例如：某个网页元素状态变化较大，计算数据就会不准确)。

而通过分析网页加载日志的方法确定网页的加载耗时，一般是根据网页加载事件的数据或者日志进行分析，根据加载事件接口的时间戳来确定网页加载耗时。该方法虽然不需要事先分析网页元素，但是没有分析屏幕画面的实际情况，可能存在数据和屏幕实际渲染不一致的情况。而用户感知到的网页加载耗时，却是以屏幕画面的变化情况为准的，因此该方法得到的网页记载速度的结果并不准确。

针对上述在网页加载耗时计算过程中出现的问题，本申请实施例提出一种根据网页加载过程中预设加载位置处图片帧的像素值之和的变化情况，来计算网页的加载耗时的方案。

具体的，终端中可以设置有浏览器，其中浏览器是用来检索、展示以及传递Web信息资源的应用程序。Web信息资源由统一资源标识符(Uniform Resource Identifier，URI)所标记，它是一张网页、一张图片、一段视频或者任何在Web上所呈现的内容。用户可以借助超级链接(Hyperlinks)，通过浏览器浏览互相关联的信息。

由于在浏览器输入某一网页的网址、启动该网页之后，浏览器可以根据网址与对应的服务器连接，并接收服务器返回的网页数据，并对网页数据进行渲染以及展示，因此从启动网页之后到网页完全展示之间存在一定的时间差，该时间差即为该网页的加载耗时。

请参阅图4，图4为本申请另一实施例提供的一种网页启动方法的示意图。

如图4所示，当用户401需要对某一网页进行加载耗时计算时，可以先将该网页确定为待计算加载耗时的网页，并获取网页对应的目标网址402，然后将终端400中的浏览器403启动(例如，可以通过触控或者语音启动浏览器430)，并将该目标网址402输入浏览器403中的地址栏中回车，以使得在浏览器403中启动网页，其中在浏览器中启动网页的过程可以根据本申请中网页加载耗时计算方法的应用场景进行选择，例如，当本申请中网页加载耗时计算方法的应用场景是，用户需要主动获取某一网页的加载耗时，那么在浏览器中启动网页的过程可以是由用户触发；当本申请中网页加载耗时计算方法的应用场景是，在某一测试场景下需要某一网页的加载耗时，那么在浏览器中启动网页的过程还可以是由终端中预先设置的程序进行触发的。

可选地，可以终端中设置有录屏程序或者服务，那么可以设置终端将目标网址输入浏览器中的地址栏回车并启动网页之后，瞬间触发启动录屏程序或者服务，并控制启动后的录屏程序或者服务可以对网页或者网页对应的显示界面进行录制，录制的时间可以自由设置。

由于网页在浏览器中启动之后，网页会在浏览器中进行加载，那么通过录屏程序或者服务对网页或者网页对应的显示界面(加载过程)进行录制之后，可以得到网页的加载过程对应的录制视频，以便于后续对录制视频进行分析得到网页的加载耗时。

S302、提取录制视频所包含的图片帧。

由于在上述步骤中得到的是网页的加载过程对应的录制视频，而视频是一个连续的画面，且网页的加载过程一般很快，因此为了便于分析网页的加载过程，可以对网页进行处理，以得到录制视频按照录制时间顺序对应的多个图片帧，图片帧可以认为是组成录制视频的最小单位，那么由多个图片帧按照顺序进行播放可以得到对应的完整视频。

具体的，在对录制视频进行处理的过程中，可以按照录制视频的时间顺序，从录制视频的开头每隔预设时长从录制视频中提取一帧图片，直至录制视频结尾完成提取，以得到录制视频所包含的图片帧，这样可以在保证不漏掉录制视频重要特征的情况下，尽量减少录制视频所包含的图片帧的数据量。

S303、根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧。

在得到录制视频所包含的图片帧之后，那么录制视频的各图片帧完整代表了网页的加载过程，因此可以对录制视频的各图片帧进行分析。

请参阅图5，图5为本申请另一实施例提供的一种图片帧像素结构示意图。

如图5所示，可以认为图片帧501是由多个像素5011组成的，这些像素5011都有一个明确的位置和被分配的代表指定色彩的像素值。像素5011的像素值和位置就决定该图片帧501给用户呈现出来的样子，这些像素5011的数量也决定图片帧501在屏幕上所呈现的大小。

在网页的加载过程中，网页的画面会发生变化，进而带来网页对应的画面颜色也会发生变化，也即用户观察到网页的画面会发生变化，而像素的像素值决定了该图片帧给用户呈现出来的颜色以及样子，因此我们可以通过图片帧中各像素的像素值相对变化量，判断网页的加载进度。

在确定各图片帧中像素之和的相对变化量的过程中，当确定某一图片帧的像素值之和相对于某一个像素值之和稳定的图片帧变化较大时，那说明从该图片帧之前或者之后，网页的加载进度变化较大，因此可以将该图片帧确定为目标图片帧。

S304、根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时。

根据目标图片帧与录制视频的第一帧图片帧就可以计算网页的首帧加载耗时、半屏加载耗时以及全屏加载耗时中的至少一种。可以计算录制视频的各图片帧中全部的像素的像素值之和或者计算录制视频的各图片帧中半帧(图片帧的一半面积)的全部像素的像素值之和，并根据录制视频所包含的图片帧的全部像素的像素值之和的相对变化量或者根据录制视频所包含的图片帧的半帧的全部像素的像素值之和的相对变化量，确定网页具体加载进度，例如，加载进度可以是刚刚加载到第一帧(首帧)，可以是加载到完整网页的一半(半屏)，还可以是加载到完整网页(全屏)。

具体的，可以根据录制视频所包含的图片帧的全部像素的像素值之和的相对变化量，确定录制视频的目标图片帧；然后根据录制视频的第一帧图片帧与目标图片帧，计算网页的首帧加载耗时或者全屏加载耗时。

还可以，根据录制视频所包含的图片帧的半帧的全部像素的像素值之和的相对变化量，确定录制视频的目标图片帧；然后根据录制视频的第一帧图片帧与目标图片帧，计算网页的半屏加载耗时。

由于本申请中图片帧的像素值变化量具体为各图片帧中全部像素的像素值之和的相对变化量或者半帧的全部像素的像素值之和的相对变化量，因此不需要限定像素变化量对应的特定标识或者位置，那么本申请中的网页加载耗时计算方法可以应用于任意网页的加载测试，扩大了网页加载耗时计算方法的适用范。而且像素的像素值决定了该图片帧给用户呈现出来的样子，那么用户感知到的网页加载耗时与网页对应的图片帧中像素值量保持一致，因此通过根据像素值变化量确定录制视频的目标图片帧，进而根据目标计算网页加载耗时也更加符合用户的视觉习惯，提高了对网页加载耗时的测试准确性。

在本申请实施例中，首先对网页从启动开始的加载过程进行录制，得到录制视频；然后提取录制视频所包含的图片帧；根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧；最后根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时。由于是根据像素值变化量确定录制视频的目标图片帧，那么目标图片帧可以是任意网页在加载过程中的图片帧，并且由于用户感知到的网页加载耗时与网页对应的图片帧中像素值量保持一致，因此本申请中的网页加载耗时计算方法可以应用于任意网页的加载测试，扩大了网页加载耗时计算方法的适用范围，并且提高了对网页加载耗时的测试准确性。

请查阅图6，图6为本申请另一实施例提供的一种网页加载耗时计算方法的流程示意图。

如图6所示，该方法包括：

S601、对网页从启动开始的加载过程进行录制，得到录制视频。

S602、提取录制视频所包含的图片帧。

关于步骤S601至S602，请参阅步骤S301至S302的记载，此处不在赘述。

S603、根据录制视频所包含的图片帧中各图片帧的时间标识，按照时间正序对录制视频所包含的图片帧中各图片帧进行排序。

可选地，在得到录制视频所包含的图片帧之后，其中录制视频的各图片帧携带或者对应有其各自的时间标识，那么可以根据录制视频的各图片帧的时间标识，按照时间正序对录制视频的各图片帧进行排序，那么排序之后的各图片帧的顺序是与各图片帧在录制视频中的播放顺序保持一致的，便于后续确定网页的加载进度。

在本申请实施例中，可以计算网页的首帧加载耗时、半屏加载耗时以及全屏加载耗时中的至少一种，本申请实施例中为了方便描述，将分别计算网页的首帧加载耗时、半屏加载耗时以及全屏加载耗时，在实际应用中，首帧加载耗时、半屏加载耗时以及全屏加载耗时的执行顺序之间没有关联关系，也可以先计算首帧加载耗时，然后计算半屏加载耗时，最后全屏加载耗时，也可以先计算半屏加载耗时，然后计算首帧加载耗时，最后全屏加载耗时，本申请对首帧加载耗时、半屏加载耗时以及全屏加载耗时执行顺序不做限定。

其中，步骤S604至S606主要记载网页的首帧加载耗时。

S604、确定录制视频的第一帧图片帧，并计算第一帧图片帧中全部像素的像素值之和。

由于在上述步骤中对录制视频的各图片帧进行了按照时间正序进行了排序，因此可以确定排序之后的录制视频的排序位置为第一的图片帧，并确定该图片帧为第一帧图片帧，那么第一帧图片帧代表了录制视频中最先出现的画面，而本领域技术人员可以知道，在网页启动之后，一般最先出现的一个空白页面或者固定的加载页面，因此第一帧图片帧可以作为网页的加载过程的起点。

由于网页的加载过程，网页会在浏览器或者浏览器的对应的显示界面中慢慢展示网页数据，因此用户发现在浏览器或者浏览器的对应的显示界面中展示网页的第一帧展示画面时，其对比的目标是第一帧展示画面之前的空白画面或者固定的加载画面，也即用户会观察到第一帧展示画面与第一帧图片帧中空白画面或者固定的加载画面有较大视觉区别。

那么如果要计算网页的首帧加载耗时，一种思路是确定录制视频所包含的图片帧中最先出现的且与第一帧图片帧画面区别较大的目标图片帧，然后根据目标图片帧计算网页的首帧加载耗时。

由于像素的像素值决定了该图片帧给用户呈现出来的画面，因此可以首先获取第一帧图片帧中的全部像素以及各像素对应的像素值，然后计算第一帧图片帧中全部像素的像素值之和。

其中各像素的像素值是指图像被数字化时由计算机赋予的值，它代表了图像某一小方块的平均亮度信息，或者说是该小方块的平均反射(透射)密度信息。在将数字图像转化为网目调图像时，网点面积率(网点百分比)与数字图像的像素值(灰度值)有直接的关系，即网点以其大小表示图像某一小方块的平均亮度信息。流行的图像处理软件通常用8位表示一个像素，这样总共有256个灰度等级(像素值在0～255间，白色像素的像素值为255，黑色像素的像素值为0)，每个等级代表不同的亮度。

S605、按照时间正顺序确定第一帧图片帧之后首次出现的目标图片帧，目标图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率大于第一变化率阈值，或者目标图片帧中全部像素的像素值之和与第一帧图片帧中全部像素的像素值之和的差值的绝对值大于第一绝对值阈值。

为了便于确定最先出现的且与第一帧图片帧画面区别较大的目标图片帧，在确定第一帧图片帧之后，还可以按照录制视频的各图片帧的排列顺序，从第一帧图片帧之后依次计算图片帧中全部像素的像素值之和，并且在每次计算一个图片帧中全部像素的像素值之和之后，比较该图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率是否大于第一变化率阈值。

如果该图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率大于第一变化率阈值，则将该图片帧确定为目标图片帧，那么目标图片帧为按照时间正顺序第一帧图片帧之后首次出现并满足条件的图片帧，并停止计算目标图片帧之后的图片帧中全部像素的像素值之和；如果该图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率等于或者小于第一变化率阈值，则继续计算该图片帧之后的图片帧中全部像素的像素值之和，直到某一图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率大于第一变化率阈值。

其中，目标图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率的计算过程为：首先计算目标图片帧中全部像素的像素值之和与第一帧图片帧中全部像素的像素值之和的差值的绝对值，然后将该绝对值除以第一帧图片帧中全部像素的像素值之和，即可得到目标图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率。

可选地，上述变化率也可以替换为差值的绝对值，也即目标图片帧中全部像素的像素值之和与第一帧图片帧中全部像素的像素值之和的差值的绝对值大于第一绝对值阈值，具体不在赘述。

当目标图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率大于第一变化率阈值，代表目标图片帧的画面相较于第一帧图片帧的画面发生的较大的变化，因此可以认为网页加载出第一帧画面，第一变化率阈值可以根据用户的视觉习惯或者视觉接受度确定，因为有些人可能会在网页的画面变化较大时，才会认为网页开始在加载，此时可以将第一变化率阈值设置为较大；而有些人可能在网页的画面稍微变化时，就已经认为网页开始在加载，此时可以将第一变化率阈值设置为较小。

S606、根据目标图片帧对应的时间标识与第一帧图片帧对应的时间标识，计算网页的首帧加载耗时。

在确定目标图片帧与第一帧图片帧之后，还可以分别获取根据目标图片帧对应的时间标识与第一帧图片帧对应的时间标识，时间标识可以时间戳或者其他代表时间的参数，并获取目标图片帧对的时间标识对应的真实时间与第一帧图片帧的时间标识对应的真实时间差值的绝对值，将该绝对值作为网页的首帧加载耗时。

另外，在确定网页的首帧加载耗时之后，还可以根据网页的首帧加载耗时以及网页在首帧加载耗时之内加载的图片帧的帧数，确定网页的首帧加载速度，也即用首帧加载耗时之内加载的图片帧的帧数除以首帧加载耗时，得到网页的首帧加载速度。例如，首帧加载耗时为0.01秒，首帧加载耗时之内加载的图片帧的帧数为1帧，那么首帧加载速度为：1/0.01＝100帧/秒。

请参阅图7，图7为本申请另一实施例提供的一种首帧加载耗时的计算示意图。

如图7所示，在确定第一帧图片帧701之后，还可以按照录制视频所包含的图片帧700中各图片帧的排列顺序，从第一帧图片帧701之后依次计算图片帧中全部像素的像素值之和，当目标图片帧702中全部像素的像素值之和相对于第一帧图片帧701帧中全部像素的像素值之和的变化率大于第一变化率阈值，代表目标图片帧702的画面相较于第一帧图片帧701的画面发生较大的变化，因此可以认为网页加载出第一帧画面。

其中，步骤S607至S609主要记载网页的半屏加载耗时。

S607、确定录制视频的第一帧图片帧，并计算第一帧图片帧中半帧的全部像素的像素值之和。

由于在上述步骤中对录制视频的各图片帧进行了按照时间正序进行了排序，因此可以确定排序之后的录制视频的排序位置为第一的图片帧，并确定该图片帧为第一帧图片帧，那么第一帧图片帧种帧代表了录制视频中最先出现的画面，而本领域技术人员可以知道，在网页启动之后，一般最先出现的一个空白页面或者固定的加载页面，因此第一帧图片帧可以作为网页的加载过程的起点。

由于网页的加载过程，网页会在浏览器或者浏览器的对应的显示界面中慢慢展示网页数据，因此用户发现在浏览器或者浏览器的对应的显示界面中展示网页的半屏展示画面时，其对比的目标是半屏展示画面之前的半屏空白画面或者半屏固定的加载画面，也即用户会观察到半屏展示画面与第一帧图片帧中半屏空白画面或者半屏固定的加载画面有较大视觉区别。

那么如果要计算网页的半屏加载耗时，一种思路是确定录制视频的最先出现的且与第一帧图片帧的半帧画面区别较大的目标图片帧，然后根据目标图片帧计算网页的半屏加载耗时。

由于像素的像素值决定了该图片帧给用户呈现出来的画面，因此可以首先获取第一帧图片帧中半帧的全部像素以及半帧中各像素对应的像素值，然后计算第一帧图片帧中半帧的全部像素的像素值之和。

其中，关于确定第一帧图片帧中的半帧或者半帧图像，可以按照网页在对应的显示界面中的加载方向确定，例如，当网页在对应的显示界面中的加载方向是由上到下，那么可以确定第一帧图片帧中的中心位置以下部分为第一帧图片帧中的半帧图像；再例如，当网页在对应的显示界面中的加载方向是由左到右，那么可以确定第一帧图片帧中的中心位置以右的部分为第一帧图片帧中的半帧图像。

S608、按照时间正顺序确定第一帧图片帧之后首次出现的目标图片帧，目标图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率大于第二变化率阈值，或者目标图片帧中半帧的全部像素的像素值之和与第一帧图片帧中半帧的全部像素的像素值之和的差值的绝对值大于第二绝对值阈值。

为了便于确定最先出现的且与第一帧图片帧中半帧画面区别较大的目标图片帧，在确定第一帧图片帧的半帧图像之后，还可以按照录制视频的各图片帧的排列顺序，从第一帧图片帧之后依次计算图片帧中半帧的全部像素的像素值之和，并且在每次计算一个图片帧中半帧的全部像素的像素值之和之后，比较该图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率是否大于第二变化率阈值。

如果该图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率大于第一变化率阈值，则将该图片帧确定为目标图片帧，那么目标图片帧为按照时间正顺序第一帧图片帧之后首次出现并满足条件的图片帧，并停止计算目标图片帧之后的图片帧中半帧的全部像素的像素值之和；如果该图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率等于或者小于第二变化率阈值，则继续计算该图片帧之后的图片帧中半帧的全部像素的像素值之和，直到某一图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率大于第二变化率阈值。

其中，目标图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率的计算过程为：首先计算目标图片帧中半帧的全部像素的像素值之和与第一帧图片帧中半帧的全部像素的像素值之和的差值的绝对值，然后将该绝对值除以第一帧图片帧中半帧的全部像素的像素值之和，即可得到目标图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率。

可选地，上述变化率也可以替换为差值的绝对值，也即目标图片帧中半帧的全部像素的像素值之和与第一帧图片帧中半帧的全部像素的像素值之和的差值的绝对值大于第二绝对值阈值。

当目标图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率大于第二变化率阈值，代表目标图片帧半帧的画面相较于第一帧图片帧半帧的画面发生的较大的变化，因此可以认为网页加载出半屏画面。

S609、根据第一帧图片帧对应的时间标识与目标图片帧对应的时间标识，计算网页的半屏加载耗时。

在确定目标图片帧与第一帧图片帧之后，还可以分别获取根据目标图片帧对应的时间标识与第一帧图片帧对应的时间标识，时间标识可以时间戳或者其他代表时间的参数，并获取目标图片帧对的时间标识对应的真实时间与第一帧图片帧的时间标识对应的真实时间差值的绝对值，将该绝对值作为网页的半屏加载耗时。

可选地，由于目标图片帧中展示画面与第一帧图片帧中半屏空白画面或者半屏固定的加载画面已经有较大视觉区别，因此网页加载到目标图片帧时，网页的真实加载进度已经超过半屏，因此上述计算得到的半屏加载耗时可以认为是实际半屏加载耗时的一个近似值。那么为了更加准确计算得到网页的实际半屏加载耗时，可以在确定目标图片帧与第一帧图片帧之后，还可以分别获取根据目标图片帧之前预设帧数的图片帧对应的时间标识与第一帧图片帧对应的时间标识，并获取目标图片帧之前预设帧数的图片帧对的时间标识对应的真实时间与第一帧图片帧的时间标识对应的真实时间差值的绝对值，将该绝对值作为网页的半屏加载耗时。

其中在目标图片帧之前预设帧数的图片帧中，预设帧数的具体数值可以根据第二变化率阈值或者第二绝对值阈值进行确定，当第二变化率阈值或者第二绝对值阈值较大时，预设帧数可以较大，当第二变化率阈值或者第二绝对值阈值较小时，预设帧数可以较小，例如，预设帧数的具体数值最小为1，那么也就是可以分别获取根据目标图片帧之前一帧的图片帧对应的时间标识与第一帧图片帧对应的时间标识，并获取目标图片帧之前一帧的图片帧对的时间标识对应的真实时间与第一帧图片帧的时间标识对应的真实时间差值的绝对值，将该绝对值作为网页的半屏加载耗时。

在确定网页的半屏加载耗时之后，还可以根据网页的半屏加载耗时以及网页在半屏加载耗时之内加载的图片帧的帧数，确定网页的半屏加载速度，也即用半屏加载耗时之内加载的图片帧的帧数除以半屏加载耗时，得到网页的半屏加载速度。例如，半屏加载耗时为0.1秒，半屏加载耗时之内加载的图片帧的帧数为15帧，那么半屏加载速度为：15/0.1＝150帧/秒。

请参阅图8，图8为本申请另一实施例提供的一种半屏加载耗时的计算示意图。

如图8所示，在确定第一帧图片帧801之后，还可以按照图片帧集合800中各图片帧的排列顺序，从第一帧图片帧801之后依次计算图片帧中半帧的全部像素的像素值之和，当目标图片帧802中半帧的全部像素的像素值之和相对于第一帧图片帧801帧中半帧的全部像素的像素值之和的变化率大于第二变化率阈值，代表目标图片帧802的半帧画面相较于第一帧图片帧801的半帧画面发生较大的变化，因此可以认为网页加载出半屏画面。

其中，步骤S610至S612主要记载网页的全屏加载耗时。

S610、确定录制视频的最后帧图片帧，并计算最后帧图片帧中全部像素的像素值之和。

由于在上述步骤中对录制视频的各图片帧进行了按照时间正序进行了排序，因此可以确定排序之后的录制视频的排序位置为倒数第一的图片帧，并确定该图片帧为最后帧图片帧，那么最后帧图片帧代表了录制视频中最后出现的画面，而本领域技术人员可以知道，在网页加载完成之后，网页会全屏铺满浏览器或者浏览器对应的显示界面，并出现一个稳定、不再变化的加载页面。

由于网页的加载过程，网页会在浏览器或者浏览器的对应的显示界面中慢慢展示网页数据，因此用户发现在浏览器或者浏览器的对应的显示界面中展示网页的最后帧展示画面时，网页会全屏铺满浏览器或者浏览器对应的显示界面，其对比的目标是最后帧展示画面之前的加载画面，也即最后帧展示画面之前的加载画面并没有全屏铺满浏览器或者浏览器对应的显示界面，用户会观察到最后帧展示画面与最后帧展示画面之前的加载画面有较大视觉区别。

那么如果要计算网页的全屏加载耗时，一种思路是确定录制视频的最后出现的且与最后帧图片帧画面区别较大的目标图片帧，然后根据目标图片帧计算网页的全屏加载耗时。

由于像素的像素值决定了该图片帧给用户呈现出来的画面，因此可以首先获取最后帧图片帧中的全部像素以及各像素对应的像素值，然后计算最后帧图片帧中全部像素的像素值之和。

其中各像素的像素值是指图像被数字化时由计算机赋予的值，它代表了图像某一小方块的平均亮度信息，或者说是该小方块的平均反射(透射)密度信息。在将数字图像转化为网目调图像时，网点面积率(网点百分比)与数字图像的像素值(灰度值)有直接的关系，即网点以其大小表示图像某一小方块的平均亮度信息。流行的图像处理软件通常用8位表示一个像素，这样总共有256个灰度等级(像素值在0～255间，白色像素的像素值为255，黑色像素的像素值为0)，每个等级代表不同的亮度。

S611、按照时间倒顺序确定最后帧图片帧之前首次出现的目标图片帧，目标图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率大于第三变化率阈值，或者目标图片帧中全部像素的像素值之和与最后帧图片帧中全部像素的像素值之和的差值的绝对值大于第三绝对值阈值。

为了便于确定最后出现的且与最后帧图片帧画面区别较大的目标图片帧，在确定最后帧图片帧之后，还可以按照录制视频的各图片帧的时间倒顺序，从最后帧图片帧向前依次计算图片帧中全部像素的像素值之和，并且在每次计算一个图片帧中全部像素的像素值之和之后，比较该图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率是否大于第三变化率阈值。

如果该图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率大于第三变化率阈值，则将该图片帧确定为目标图片帧，那么目标图片帧为按照时间倒顺序最后帧图片帧之前首次出现并满足条件的图片帧，并停止计算目标图片帧之前的图片帧中全部像素的像素值之和；如果该图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率等于或者小于第三变化率阈值，则继续计算该图片帧之前的图片帧中全部像素的像素值之和，直到某一图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率大于第三变化率阈值。

其中，目标图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率的计算过程为：首先计算目标图片帧中全部像素的像素值之和与最后帧图片帧中全部像素的像素值之和的差值的绝对值，然后将该绝对值除以最后帧图片帧中全部像素的像素值之和，即可得到目标图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率。

可选地，上述变化率也可以替换为差值的绝对值，也即目标图片帧中全部像素的像素值之和与最后帧图片帧中全部像素的像素值之和的差值的绝对值大于第三绝对值阈值。

当目标图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率大于第三变化率阈值，代表目标图片帧的画面相较于最后帧图片帧的画面发生的较大的变化，因此可以认为网页加载出最后帧画面，第三变化率阈值可以根据用户的视觉习惯或者视觉接受度确定，因为有些人可能会在网页的画面变化较大时，才会认为网页加载完成，此时可以将第三变化率阈值设置为较大；而有些人可能在网页的画面稍微变化时，就已经认为网页加载完成，此时可以将第三变化率阈值设置为较小。

S612、根据第一帧图片帧对应的时间标识与目标图片帧对应的时间标识，计算网页的全屏加载耗时。

在确定目标图片帧与第一帧图片帧之后，还可以分别获取根据目标图片帧对应的时间标识与第一帧图片帧对应的时间标识，时间标识可以时间戳或者其他代表时间的参数，并获取目标图片帧对的时间标识对应的真实时间与第一帧图片帧的时间标识对应的真实时间差值的绝对值，将该绝对值作为网页的全屏加载耗时。

可选地，由于目标图片帧的展示画面与网页稳定的加载画面有较大视觉区别，因此网页加载到目标图片帧时，网页的真实加载进度还未完全加载完，因此上述计算得到的全屏加载耗时可以认为是实际全屏加载耗时的一个近似值。那么为了更加准确计算得到网页的实际全屏加载耗时，可以在确定目标图片帧与第一帧图片帧之后，还可以分别获取根据目标图片帧之后预设帧数的图片帧对应的时间标识与第一帧图片帧对应的时间标识，并获取目标图片帧之后预设帧数的图片帧对的时间标识对应的真实时间与第一帧图片帧的时间标识对应的真实时间差值的绝对值，将该绝对值作为网页的全屏加载耗时。

其中在目标图片帧之后预设帧数的图片帧中，预设帧数的具体数值可以根据第三变化率阈值或者第三绝对值阈值进行确定，当第三变化率阈值或者第三绝对值阈值较大时，预设帧数可以较大，当第二变化率阈值或者第二绝对值阈值较小时，预设帧数可以较小，例如，预设帧数的具体数值最小为1，那么也就是可以分别获取根据目标图片帧之后一帧的图片帧对应的时间标识与第一帧图片帧对应的时间标识，并获取目标图片帧之后一帧的图片帧对的时间标识对应的真实时间与第一帧图片帧的时间标识对应的真实时间差值的绝对值，将该绝对值作为网页的全屏加载耗时。

在确定网页的全屏加载耗时之后，还可以根据网页的全屏加载耗时以及网页在全屏加载耗时之内加载的图片帧的帧数，确定网页的全屏加载速度，也即用全屏加载耗时之内加载的图片帧的帧数除以全屏加载耗时，得到网页的全屏加载速度。例如，全屏加载耗时为1秒，全屏加载耗时之内加载的图片帧的帧数为20帧，那么全屏加载速度为：20/1＝20帧/秒。

请参阅图9，图9为本申请另一实施例提供的一种全屏加载耗时的计算示意图。

如图9所示，在确定最后帧图片帧901之后，还可以按照图片帧集合900中各图片帧的时间倒顺序，从最后帧图片帧901向前依次计算图片帧中全部像素的像素值之和，当目标图片帧902中全部像素的像素值之和相对于最后图片901帧中全部像素的像素值之和的变化率大于第三变化率阈值，代表目标图片帧902的画面相较于最后帧图片帧901的画面发生较大的变化，因此可以认为网页加载出最后帧画面。

在本申请实施例中，根据目标图片帧与录制视频的第一帧图片帧，可以计算网页的首帧加载耗时、半屏加载耗时以及全屏加载耗时，用户可以根据需要选择任一一种实施方式去测试网页的加载耗时。

请参阅图10，图10为本申请另一实施例提供的一种网页加载耗时计算方法的流程示意图。

如图10所示，该方法包括：

S1001、对网页从启动开始的加载过程进行预设时长的录制，得到录制视频。

在对网页从启动开始的加载过程进行录制时，可以设置一个最大的录制时间也即预设时长，以使得录制时间到达预设时长之后，可以使得录制程序或者录制软件停止运行，避免录制时间过长导致录制视频的时长较大，给后续提取录制视频的图片帧带来不便。其中预设时长可以根据需要进行设定，例如，预设时长可以是5秒或者10秒。

S1002、提取录制视频中预设数量的图片帧，并按照各图片帧在录制视频中的播放时间确定各图片帧的时间标识。

为了便于后续根据图片帧计算网页的加载耗时，可以先对录制视频进行图片帧提取，以获取预设数量的图片帧，并且在提取录制视频中预设数量的图片帧之后，获取录制视频的播放时间，以及按照各图片帧在录制视频中的播放时间确定各图片帧的时间标识。例如，录制视频的第十个图片帧在录制视频中对应的播放时间为0.3秒，那么可以确定第十个图片帧的时间标识为0.3。

S1003、将各时间标识与各图片帧进行对应。

在确定各图片帧以及各时间标识之后，可以将各时间标识与各图片帧进行对应，以使得各时间标识与各图片帧一一映射，也即每一个图片帧对应一个时间标识，并将各时间标识与各图片帧进行对应，以及各时间标识与各图片帧之间的对应关系进行保存。

S1004、去除录制视频的各图片帧中网页对应区域之外的预设区域。

可以理解的，大部分录制软件或者录制程序都是对终端当前的显示画面进行录制，而终端当前的显示画面除了显示有浏览器的网页画面之外，还可能显示有状态栏或者通知栏等画面，因此为了避免状态栏或者通知栏等画面变化时，对图片帧中像素值变化量的影响，可以去除录制视频的各图片帧中网页对应区域之外的预设区域，其中预设区域可以根据终端的类型或者界面设计进行确定，例如，预设区域可以是状态栏或者通知栏等对应的区域，上述操作可以便于后续准确根据录制视频所包含的图片帧的像素值变化量确定录制视频的目标图片帧。

S1005、将录制视频的各图片帧转换为灰度图片。

可选地，由于后续需要计算录制视频所包含的图片帧的全部像素的像素值之和的相对变化量或者录制视频所包含的图片帧的半帧的全部像素的像素值之和的相对变化量，因此可以提前对录制视频的图片帧进行颜色处理，而本领域技术人员可以知道，灰度图片中像素的像素值可以用灰度值进行计算，相较于彩色图片中像素的像素值更容易获取以及计算，因此本申请实施例中，在获取到图片帧集合之后，可以将录制视频的各图片帧转换为灰度图片，以减少后续计算图片帧中像素的像素值的计算量。

S1006、将录制视频的各图片帧缩小为预设尺寸。

可选地，由于后续需要计算录制视频所包含的图片帧的全部像素的像素值之和的相对变化量或者录制视频所包含的图片帧的半帧的全部像素的像素值之和的相对变化量，因此还可以提前对录制视频的图片帧的尺寸进行处理，本领域技术人员可以知道，图片中像素的数量决定了图片的尺寸大小，尺寸小的图片相较于尺寸大的图片中像素的数量更少，那么计算尺寸更小的图片的像素的像素值更加容易，因此本申请实施例中，在获取到图片帧集合之后，可以将录制视频的各图片帧缩小为预设尺寸，例如，可以将图片帧中每三个相邻像素合为一个像素，使得图片帧缩小为原来的三分之一，以减少后续计算图片帧中像素的像素值的计算量。

S1007、根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧。

关于步骤S1007，可以参阅步骤S303中的记载，此处不在赘述。

S1008、根据所述录制视频的第一帧图片帧对应的时间标识以及所述目标图片帧对应的时间标识，计算所述网页的加载耗时。

由于将各时间标识与各图片帧进行对应，以使得各时间标识与各图片帧一一映射，也即每一个图片帧对应一个时间标识，那么各图片帧对应的时间标识代表了各图片帧出现的时间，因此可以根据所述录制视频的第一帧图片帧对应的时间标识以及所述目标图片帧对应的时间标识，计算所述网页的加载耗时。

在本申请实施例中，在对网页录制过程中，以及在对录制视频进行处理中，都进行了相关操作，可以减少计算网页加载耗时过程中的数据处理量，提升计算效率。

请参阅图11，图11为本申请另一实施例提供的一种网页加载耗时计算装置的结构示意图。

如图11所示，该网页加载耗时计算装置1100包括：

录制模块1110，用于对网页从启动开始的加载过程进行录制，得到录制视频。

可选地，录制模块1110，还用于对网页从启动开始的加载过程进行预设时长的录制，得到录制视频。

视频处理模块1120，用于提取录制视频所包含的图片帧。

目标确定模块1130，用于根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧。

可选地，视频处理模块1120，还用于提取录制视频中预设数量的图片帧，并按照各图片帧在录制视频中的播放时间确定各图片帧的时间标识；将各时间标识与各图片帧进行对应。

可选地，视频处理模块1120，还用于去除录制视频的各图片帧中网页对应区域之外的预设区域；将录制视频的各图片帧转换为灰度图片；将录制视频的各图片帧缩小为预设尺寸。

此时，目标确定模块1130还用于根据所述录制视频的第一帧图片帧对应的时间标识以及所述目标图片帧对应的时间标识，计算所述网页的加载耗时。

速度计算模块1140，用于根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时。

可选地，目标确定模块1130，还用于根据录制视频所包含的图片帧的全部像素的像素值之和的相对变化量，确定录制视频的目标图片帧。

可选地，速度计算模块1130，还用于根据录制视频的第一帧图片帧与目标图片帧，计算网页的首帧加载耗时或者全屏加载耗时。

可选地，目标确定模块1130，还用于根据录制视频所包含的图片帧的半帧的全部像素的像素值之和的相对变化量，确定录制视频的目标图片帧。

可选地，速度计算模块1130，还用于根据录制视频的第一帧图片帧与目标图片帧，计算网页的半屏加载耗时。

可选地，网页加载耗时计算装置1100还包括：

排序模块，用于根据录制视频所包含的图片帧中各图片帧的时间标识，按照时间正序对录制视频所包含的图片帧中各图片帧进行排序。

可选地，目标确定模块1130，还用于确定录制视频的第一帧图片帧，并计算第一帧图片帧中全部像素的像素值之和；按照时间正顺序确定第一帧图片帧之后首次出现的目标图片帧，目标图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率大于第一变化率阈值，或者目标图片帧中全部像素的像素值之和与第一帧图片帧中全部像素的像素值之和的差值的绝对值大于第一绝对值阈值。

可选地，速度计算模块1130，还用于根据第一帧图片帧对应的时间标识与目标图片帧对应的时间标识，计算网页的首帧加载耗时。

可选地，目标确定模块1130，还用于确定录制视频的第一帧图片帧，并计算第一帧图片帧中半帧的全部像素的像素值之和；按照时间正顺序确定第一帧图片帧之后首次出现的目标图片帧，目标图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率大于第二变化率阈值，或者目标图片帧中半帧的全部像素的像素值之和与第一帧图片帧中半帧的全部像素的像素值之和的差值的绝对值大于第二绝对值阈值。

可选地，速度计算模块1130，还用于根据第一帧图片帧对应的时间标识与目标图片帧对应的时间标识，计算网页的半屏加载耗时。

可选地，目标确定模块1130，还用于确定录制视频的最后帧图片帧，并计算最后帧图片帧中全部像素的像素值之和；按照时间倒顺序确定最后帧图片帧之前首次出现的目标图片帧，目标图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率大于第三变化率阈值，或者目标图片帧中全部像素的像素值之和与最后帧图片帧中全部像素的像素值之和的差值的绝对值大于第三绝对值阈值。

可选地，速度计算模块1130，还用于根据所述第一帧图片帧对应的时间标识与所述目标图片帧对应的时间标识，计算所述网页的全屏加载耗时。

在本申请实施例中，一种网页加载耗时计算装置包括：录制模块，用于对网页从启动开始的加载过程进行录制，得到录制视频；视频处理模块，用于提取录制视频所包含的图片帧；目标确定模块，用于根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧；速度计算模块，用于根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时。由于是根据像素值变化量确定录制视频的目标图片帧，那么目标图片帧可以是任意网页在加载过程中的图片帧，并且由于用户感知到的网页加载耗时与网页对应的图片帧中像素值量保持一致，因此本申请中的网页加载耗时计算方法可以应用于任意网页的加载测试，扩大了网页加载耗时计算方法的适用范围，并且提高了对网页加载耗时的测试准确性。

本申请实施例还提供了一种计算机存储介质，计算机存储介质存储有多条指令，指令适于由处理器加载并执行如上述实施例中的任一项的方法的步骤。

进一步地，请参见图12，图12为本申请实施例提供了一种终端的结构示意图。如图12所示，终端1200可以包括：至少一个中央处理器1201，至少一个网络接口1204，用户接口1203，存储器1205，至少一个通信总线1202。

其中，通信总线1202用于实现这些组件之间的连接通信。

其中，用户接口1203可以包括显示屏(Display)、摄像头(Camera)，可选用户接口1203还可以包括标准的有线接口、无线接口。

其中，网络接口1204可选的可以包括标准的有线接口、无线接口(如WI-FI接口)。

其中，中央处理器1201可以包括一个或者多个处理核心。中央处理器1201利用各种接口和线路连接整个终端1200内的各个部分，通过运行或执行存储在存储器1205内的指令、程序、代码集或指令集，以及调用存储在存储器1205内的数据，执行终端1200的各种功能和处理数据。可选的，中央处理器1201可以采用数字信号处理(Digital SignalProcessing，DSP)、现场可编程门阵列(Field-Programmable Gate Array，FPGA)、可编程逻辑阵列(Programmable Logic Array，PLA)中的至少一种硬件形式来实现。中央处理器1201可集成中央中央处理器(Central Processing Unit，CPU)、图像中央处理器(GraphicsProcessing Unit，GPU)和调制解调器等中的一种或几种的组合。其中，CPU主要处理操作系统、用户界面和应用程序等；GPU用于负责显示屏所需要显示的内容的渲染和绘制；调制解调器用于处理无线通信。可以理解的是，上述调制解调器也可以不集成到中央处理器1201中，单独通过一块芯片进行实现。

其中，存储器1205可以包括随机存储器(Random Access Memory，RAM)，也可以包括只读存储器(Read-Only Memory)。可选的，该存储器1205包括非瞬时性计算机可读介质(non-transitory computer-readable storage medium)。存储器1205可用于存储指令、程序、代码、代码集或指令集。存储器1205可包括存储程序区和存储数据区，其中，存储程序区可存储用于实现操作系统的指令、用于至少一个功能的指令(比如触控功能、声音播放功能、图像播放功能等)、用于实现上述各个方法实施例的指令等；存储数据区可存储上面各个方法实施例中涉及到的数据等。存储器1205可选的还可以是至少一个位于远离前述中央处理器1201的存储装置。如图12所示，作为一种计算机存储介质的存储器1205中可以包括操作系统、网络通信模块、用户接口模块以及网页加载耗时计算程序。

在图12所示的终端1200中，用户接口1203主要用于为用户提供输入的接口，获取用户输入的数据；而中央处理器1201可以用于调用存储器1205中存储的网页加载耗时计算程序，并具体执行以下操作：

对网页从启动开始的加载过程进行录制，得到录制视频；提取录制视频所包含的图片帧；根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧；根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时。

可选地，根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧，包括：根据录制视频所包含的图片帧的全部像素的像素值之和的相对变化量，确定录制视频的目标图片帧；根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时，包括：根据录制视频的第一帧图片帧与目标图片帧，计算网页的首帧加载耗时或者全屏加载耗时。

可选地，根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧，包括：根据录制视频所包含的图片帧的半帧的全部像素的像素值之和的相对变化量，确定录制视频的目标图片帧；根据目标图片帧与录制视频的第一帧图片帧计算网页的加载耗时，包括：根据录制视频的第一帧图片帧与目标图片帧，计算网页的半屏加载耗时。

可选地，根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧之前，还包括：根据录制视频所包含的图片帧中各图片帧的时间标识，按照时间正序对录制视频所包含的图片帧中各图片帧进行排序。

可选地，根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧，包括：确定录制视频的第一帧图片帧，并计算第一帧图片帧中全部像素的像素值之和；按照时间正顺序确定第一帧图片帧之后首次出现的目标图片帧，目标图片帧中全部像素的像素值之和相对于第一帧图片帧中全部像素的像素值之和的变化率大于第一变化率阈值，或者目标图片帧中全部像素的像素值之和与第一帧图片帧中全部像素的像素值之和的差值的绝对值大于第一绝对值阈值；根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时，包括：根据第一帧图片帧对应的时间标识与目标图片帧对应的时间标识，计算网页的首帧加载耗时。

可选地，根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧，包括：确定录制视频的第一帧图片帧，并计算第一帧图片帧中半帧的全部像素的像素值之和；按照时间正顺序确定第一帧图片帧之后首次出现的目标图片帧，目标图片帧中半帧的全部像素的像素值之和相对于第一帧图片帧中半帧的全部像素的像素值之和的变化率大于第二变化率阈值，或者目标图片帧中半帧的全部像素的像素值之和与第一帧图片帧中半帧的全部像素的像素值之和的差值的绝对值大于第二绝对值阈值；根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时，包括：根据第一帧图片帧对应的时间标识与目标图片帧对应的时间标识，计算网页的半屏加载耗时。

可选地，根据录制视频所包含的图片帧的像素值变化量，从录制视频所包含的图片帧中确定目标图片帧，包括：确定录制视频的最后帧图片帧，并计算最后帧图片帧中全部像素的像素值之和；按照时间倒顺序确定最后帧图片帧之前首次出现的目标图片帧，目标图片帧中全部像素的像素值之和相对于最后帧图片帧中全部像素的像素值之和的变化率大于第三变化率阈值，或者目标图片帧中全部像素的像素值之和与最后帧图片帧中全部像素的像素值之和的差值的绝对值大于第三绝对值阈值；根据录制视频的第一帧图片帧以及目标图片帧，计算网页的加载耗时，包括：根据所述第一帧图片帧对应的时间标识与所述目标图片帧对应的时间标识，计算所述网页的全屏加载耗时。

可选地，录制网页得到录制视频，包括：对网页从启动开始的加载过程进行预设时长的录制，得到录制视频。

可选地，提取录制视频所包含的图片帧，包括：提取录制视频中预设数量的图片帧，并按照各图片帧在录制视频中的播放时间确定各图片帧的时间标识；将各时间标识与各图片帧进行对应。可选地，提取录制视频所包含的图片帧之后，还包括：去除录制视频的各图片帧中网页对应区域之外的预设区域；将录制视频的各图片帧转换为灰度图片；将录制视频的各图片帧缩小为预设尺寸。此时，所述根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时，包括：根据所述录制视频的第一帧图片帧对应的时间标识以及所述目标图片帧对应的时间标识，计算所述网页的加载耗时。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或模块的间接耦合或通信连接，可以是电性，机械或其它的形式。

作为分离部件说明的模块可以是或者也可以不是物理上分开的，作为模块显示的部件可以是或者也可以不是物理模块，即可以位于一个地方，或者也可以分布到多个网络模块上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。上述集成的模块既可以采用硬件的形式实现，也可以采用软件功能模块的形式实现。

集成的模块如果以软件功能模块的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。根据这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、磁碟或者光盘等各种可以存储程序代码的介质。

需要说明的是，对于前述的各方法实施例，为了简便描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其它顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于优选实施例，所涉及的动作和模块并不一定都是本申请所必须的。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述的部分，可以参见其它实施例的相关描述。

以上为对本申请所提供的一种网页加载耗时计算方法、存储介质、装置以及终端的描述，对于本领域的技术人员，依据本申请实施例的思想，在具体实施方式及应用范围上均会有改变之处，综上，本说明书内容不应理解为对本申请的限制。

Claims (13)

1.一种网页加载耗时计算方法，其特征在于，所述方法包括：

对网页从启动开始的加载过程进行录制，得到录制视频；

提取所述录制视频所包含的图片帧；

根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧；

根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时。

2.根据权利要求1所述的方法，其特征在于，所述根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧，包括：

根据所述录制视频所包含的图片帧的全部像素的像素值之和的相对变化量，确定所述录制视频的目标图片帧；

所述根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时，包括：

根据所述录制视频的第一帧图片帧与所述目标图片帧，计算所述网页的首帧加载耗时或者全屏加载耗时。

3.根据权利要求1所述的方法，其特征在于，所述根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧，包括：

根据所述录制视频所包含的图片帧的半帧的全部像素的像素值之和的相对变化量，确定所述录制视频的目标图片帧；

所述根据所述目标图片帧与所述录制视频的第一帧图片帧计算所述网页的加载耗时，包括：

根据所述录制视频的第一帧图片帧与所述目标图片帧，计算所述网页的半屏加载耗时。

4.根据权利要求1至3任一项所述的方法，其特征在于，所述根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧之前，还包括：

根据所述录制视频所包含的图片帧中各图片帧的时间标识，按照时间正序对所述录制视频所包含的图片帧中各图片帧进行排序。

5.根据权利要求4所述的方法，其特征在于，所述根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧，包括：

确定所述录制视频的第一帧图片帧，并计算所述第一帧图片帧中全部像素的像素值之和；

按照时间正顺序确定所述第一帧图片帧之后首次出现的目标图片帧，所述目标图片帧中全部像素的像素值之和相对于所述第一帧图片帧中全部像素的像素值之和的变化率大于第一变化率阈值，或者所述目标图片帧中全部像素的像素值之和与所述第一帧图片帧中全部像素的像素值之和的差值的绝对值大于第一绝对值阈值；

所述根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时，包括：

根据所述第一帧图片帧对应的时间标识与所述目标图片帧对应的时间标识，计算所述网页的首帧加载耗时。

6.根据权利要求4所述的方法，其特征在于，所述根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧，包括：

确定所述录制视频的第一帧图片帧，并计算所述第一帧图片帧中半帧的全部像素的像素值之和；

按照时间正顺序确定所述第一帧图片帧之后首次出现的目标图片帧，所述目标图片帧中半帧的全部像素的像素值之和相对于所述第一帧图片帧中半帧的全部像素的像素值之和的变化率大于第二变化率阈值，或者所述目标图片帧中半帧的全部像素的像素值之和与所述第一帧图片帧中半帧的全部像素的像素值之和的差值的绝对值大于第二绝对值阈值；

所述根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时，包括：

根据所述第一帧图片帧对应的时间标识与所述目标图片帧对应的时间标识，计算所述网页的半屏加载耗时。

7.根据权利要求4所述的方法，其特征在于，所述根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧，包括：

确定所述录制视频的最后帧图片帧，并计算所述最后帧图片帧中全部像素的像素值之和；

按照时间倒顺序确定所述最后帧图片帧之前首次出现的目标图片帧，所述目标图片帧中全部像素的像素值之和相对于所述最后帧图片帧中全部像素的像素值之和的变化率大于第三变化率阈值，或者所述目标图片帧中全部像素的像素值之和与所述最后帧图片帧中全部像素的像素值之和的差值的绝对值大于第三绝对值阈值；

所述根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时，包括：

根据所述第一帧图片帧对应的时间标识与所述目标图片帧对应的时间标识，计算所述网页的全屏加载耗时。

8.根据权利要求1所述的方法，其特征在于，所述对网页从启动开始的加载过程进行录制，得到录制视频，包括：

对网页从启动开始的加载过程进行预设时长的录制，得到录制视频。

9.根据权利要求1所述的方法，其特征在于，所述提取所述录制视频所包含的图片帧，包括：

提取所述录制视频中预设数量的图片帧，并按照各图片帧在所述录制视频中的播放时间确定各图片帧的时间标识；

将各时间标识与各图片帧进行对应；

所述根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时，包括：

根据所述录制视频的第一帧图片帧对应的时间标识以及所述目标图片帧对应的时间标识，计算所述网页的加载耗时。

10.根据权利要求9所述的方法，其特征在于，所述提取所述录制视频所包含的图片帧之后，还包括：

去除所述录制视频的各图片帧中所述网页对应区域之外的预设区域；

将所述录制视频的各图片帧转换为灰度图片；

将所述录制视频的各图片帧缩小为预设尺寸。

11.一种网页加载耗时计算装置，其特征在于，所述装置包括：

录制模块，用于对网页从启动开始的加载过程进行录制，得到录制视频；

视频处理模块，用于提取所述录制视频所包含的图片帧；

目标确定模块，用于根据所述录制视频所包含的图片帧的像素值变化量，从所述录制视频所包含的图片帧中确定目标图片帧；

速度计算模块，用于根据所述录制视频的第一帧图片帧以及所述目标图片帧，计算所述网页的加载耗时。

12.一种计算机存储介质，其特征在于，所述计算机存储介质存储有多条指令，所述指令适于由处理器加载并执行如权利要求1～10任意一项的所述方法的步骤。

13.一种终端，其特征在于，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如权利要求1～10任一项所述方法的步骤。

Images