CN112463254A - 网页加载时长的获取方法、装置、设备及存储介质 - Google Patents

Abstract

本申请公开了一种网页加载时长的获取方法、装置、设备及存储介质，属于计算机和互联网技术领域。所述方法包括：加载目标网页；在目标网页的加载过程中，获取目标网页在多个时间戳的已加载数据量，已加载数据量是指目标网页的已加载数据的数据量；基于已加载数据量，确定目标网页的加载时长。本申请实施例提供的技术方案中，通过对目标网页的已加载数据量进行分析处理，获取目标网页的加载时长，已加载数据量的变化可直观地反映目标网页的加载进度，进而可以通过监控已加载数据量的变化，确定目标网页的加载状态和时长，从而获取目标网页的加载时长，降低了加载时长的获取难度。

Description

网页加载时长的获取方法、装置、设备及存储介质

技术领域

本申请实施例涉及计算机和互联网技术领域，特别涉及一种网页加载时长的获取方法、装置、设备及存储介质。

背景技术

随着互联网技术的发展，用户对网页的显示速度越来越关注，而网页加载的加载时长直接反映了用户对网页的显示速度的主观认知。

在获取上述加载时长的相关技术中，开发者在熟悉了解网页加载对应的主体代码之后，需要在每个数据加载的结束代码点插入探针，以获取每个数据加载的精准结束时间点，进而获取页面的精准加载时长，并上报服务器。

相关技术中的加载时长获取方式复杂、难度大。

发明内容

本申请实施例提供了一种网页加载时长的获取方法、装置、设备及存储介质，能够在不对网页加载对应的主体代码插入探针的情况下，获取较为准确的网页加载时长，简化加载时长的获取方式，降低加载时长的获取难度。所述技术方案如下：

根据本申请实施例的一个方面，提供了一种网页加载时长的获取方法，所述方法包括：

加载目标网页；

在所述目标网页的加载过程中，获取所述目标网页在多个时间戳的已加载数据量，所述已加载数据量是指所述目标网页的已加载数据的数据量；

基于所述已加载数据量，确定所述目标网页的加载时长。

根据本申请实施例的一个方面，提供了一种网页加载时长的获取方法，所述方法包括：

接收目标网页的多个时长上报信息，所述时长上报信息包括加载时长，所述加载时长是基于所述目标网页在多个时间戳的已加载数据量确定的，所述已加载数据量是指所述目标网页的已加载数据的数据量；

从多个所述加载时长中，选取正常加载时长；

基于所述正常加载时长，确定所述目标网页的平均加载时长。

根据本申请实施例的一个方面，提供了一种网页加载时长的获取装置，所述装置包括：

网页加载模块，用于加载目标网页；

数据量获取模块，用于在所述目标网页的加载过程中，获取所述目标网页在多个时间戳的已加载数据量，所述已加载数据量是指所述目标网页的已加载数据的数据量；

时长确定模块，用于基于所述已加载数据量，确定所述目标网页的加载时长。

根据本申请实施例的一个方面，提供了一种网页加载时长的获取装置，所述装置包括：

上报信息接收模块，用于接收目标网页的多个时长上报信息，所述时长上报信息包括加载时长，所述加载时长是基于所述目标网页在多个时间戳的已加载数据量确定的，所述已加载数据量是指所述目标网页的已加载数据的数据量；

正常时长选取模块，用于从多个所述加载时长中，选取正常加载时长；

平均时长确定模块，用于基于所述正常加载时长，确定所述目标网页的平均加载时长。

根据本申请实施例的一个方面，提供了一种计算机设备，所述计算机设备包括处理器和存储器，所述存储器中存储有计算机程序，所述计算机程序由所述处理器加载并执行以实现上述网页加载时长的获取方法。

可选地，所述计算机设备为终端或服务器。

根据本申请实施例的一个方面，提供了一种计算机可读存储介质，所述可读存储介质中存储有计算机程序，所述计算机程序由处理器加载并执行以实现上述网页加载时长的获取方法。

根据本申请实施例的一个方面，提供了一种计算机程序产品或计算机程序，该计算机程序产品或计算机程序包括计算机指令，该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令，处理器执行该计算机指令，使得该计算机设备执行上述网页加载时长的获取方法。

本申请实施例提供的技术方案可以带来如下有益效果：

通过对目标网页的已加载数据量进行分析处理，获取目标网页的加载时长，已加载数据量的变化可直观地反映目标网页的加载进度，进而可以通过监控已加载数据量的变化，确定目标网页的加载状态和时长，从而获取目标网页的加载时长，降低了加载时长的获取难度。同时，由于已加载数据量与时间戳一一对应，亦可确保所获取的加载时长的准确度。

附图说明

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

图1是本申请一个实施例提供的方案实施环境的示意图；

图2是本申请一个实施例提供的网页加载时长的获取方法的流程图；

图3是本申请另一个实施例提供的网页加载时长的获取方法的流程图；

图4是本申请一个实施例提供的已加载数据量与时间的曲线图；

图5是本申请一个实施例提供的时长区间分布的示意图；

图6是本申请一个实施例提供的加载时长的统计图；

图7至图10是本申请实施例提供的网页加载时长的获取装置的框图；

图11是本申请一个实施例提供的终端的框图；

图12是本申请一个实施例提供的服务器的框图。

具体实施方式

为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。

请参考图1，其示出了本申请一个实施例提供的方案实施环境的示意图。该方案实施环境可以实现成为一个网页加载系统的架构。该方案实施环境可以包括：终端10和服务器20。

终端10是指用户所使用的终端设备。用户可以通过终端10浏览网页。例如，终端10中可以安装运行目标应用程序的客户端，该目标应用程序可以是浏览器，还可以是社交类、直播类、视频类、生活服务类、新闻类等具有网页加载功能的应用程序。终端10可以是诸如手机、平板电脑、多媒体播放设备、PC(Personal Computer，个人计算机)、可穿戴设备等电子设备。

服务器20可以用于为终端10提供后台服务。例如，服务器20可用于统计网页加载系统的性能数据(如加载时长)。服务器20可以是一台服务器，也可以是由多台服务器组成的服务器集群，或者是一个云计算服务中心。

终端10与服务器20之间可以通过网络进行通信。

请参考图2，其示出了本申请一个实施例提供的网页加载时长的获取方法的流程图。该方法可应用于上文介绍的终端10中。该方法可以包括如下几个步骤(201～203)：

步骤201，加载目标网页。

在本申请实施例中，目标网页可以是任意一个网页。例如，目标网页可以是社交类网页、视频类网页、购物类网页、资讯类网页等，本申请实施例在此不作限定。加载目标网页可以是指加载目标网页所需的数据，并显示目标网页这一过程。其中，网页所需的数据可以包括页面模板文件、依赖脚本、图片和文字等数据。显示目标网页包括显示目标网页首屏。目标网页首屏是指浏览器加载目标网页的页面后，用户第一眼看到的显示内容。通常来讲，显示目标网页首屏所需要的数据少于显示目标网页所需要的数据。

可选地，目标网页的网页页面可以是静态页面，也可以是动态页面。在目标网页的网页页面是静态页面的情况下，由于静态页面无需编译，浏览器可直接显示静态页面。静态页面所需加载的资源包括诸如依赖脚本、图片、文字等。在目标网页的网页页面是动态页面的情况下，动态页面是将数据对应的内容以动态的形式展示，由于需要编译，无法直接从服务器中获取。为了保证目标网页的显示速度，一般是以异步加载请求的方式加载动态页面。异步加载请求用于与服务器交换动态页面的数据。

可选地，加载目标网页(或目标网页首屏)的触发情形可以包括：响应于用户针对目标网页的显示操作，加载目标网页首屏。或者，响应于用户针对目标网页的刷新操作，加载目标网页首屏。

步骤202，在目标网页的加载过程中，获取目标网页在多个时间戳的已加载数据量，已加载数据量是指目标网页的已加载数据的数据量。

已加载数据量可用于表示目标网页的内容体积，即目标网页的字节长度。已加载数据量随着目标网页对应的加载时间而变化。例如，在目标网页首屏加载过程中，已加载数据量整体呈上升趋势，当目标网页首屏加载完成时，已加载数据量达到峰值，并保持峰值不再变化，这个峰值就是目标网页首屏加载完成时对应的目标网页的字节长度。

在一个示例中，目标网页在多个时间戳的已加载数据量可以从目标网页的原生应用程序接口中获取，具体获取方式如下：从目标网页的头文件中调用已加载数据量获取函数；通过已加载数据量获取函数从第一原生应用程序接口获取已加载数据量，该第一原生应用程序接口用于记录目标网页的已加载数据量。

已加载数据量获取函数用于获取目标网页的已加载数据量，其可以从目标网页的原生应用程序接口中提取目标网页的已加载数据量。已加载数据量获取函数可由开发者自行编写，例如，通过接入目标网页对应的API(Application Programming Interface，应用程序接口)或SDK(Software Development Kit，软件开发工具包)，进行已加载数据量获取函数的编写。编写完成的已加载数据量获取函数可以被添加入目标网页的头文件中，无需接入目标网页的主体代码。其中，目标网页的主体代码是指用于执行目标网页加载业务的代码。可选地，该主体代码可以包括诸如JavaScript、HTML(Hyper Text Markup Language，超文本标记语言)、ASP(Active Server Pages，动态服务器页面)、PHP(Personal HomePage，超文本与处理器)等类型的代码，本申请实施例在此不作限定。

其中，目标网页的头文件用于定义目标网页对应的头部信息。头文件与目标网页对应的主体代码分开放置。被添加到头文件的函数在浏览器加载目标网页的过程中会被自动触发执行(如上文的已加载数据量获取函数、下文的返回时间点获取函数等)。本申请通过将函数添加到目标网页的头文件，实现了无需将函数(如上文的已加载数据量获取函数、下文的返回时间点获取函数等)接入目标网页的主体代码。如此，在修改原有网页加载内容或新增网页的情况下，无需修改被添加到头文件中的函数(如上文的已加载数据量获取函数、下文的返回时间点获取函数等)。

原生应用程序接口用于调用目标网页对应的预先定义的函数，即开源函数。开发者可以通过原生应用程序接口调用例程功能，而无需访问目标网页的主体代码。例如，开发者可以通过原生应用程序接口调用诸如存储服务、消息服务、计算服务、搜索服务等功能。本申请实施例中的第一原生应用程序接口对应于目标网页的已加载数据量的记录服务，该记录服务记录着的目标网页的已加载数据量，通过上述的已加载数据量获取函数从中提取目标网页的已加载数据量。

步骤203，基于已加载数据量，确定目标网页的加载时长。

加载时长可以是指浏览器加载并显示目标网页的时间，在本申请实施例中，加载时长包括目标网页首屏的加载时长。

可选地，目标网页的加载时长在不同的情况下有不同的值，其可以以毫秒为单位。例如，在每次重新打开目标网页时，由于网速、浏览器、显示屏等因素，目标网页的加载时长值有所波动。当加载网页异常时，其波动更为明显。

在一个示例中，基于已加载数据量，确定持续时长大于阈值的稳定加载时间段，稳定加载时间段是指已加载数据量保持稳定的时间段；获取截止时刻之前的最后一个稳定加载时间段；基于最后一个稳定加载时间段的起始时刻，确定目标网页的加载时长。例如，以2秒内目标网页的已加载数据量的变化为例。在200毫秒时，目标网页的已加载数据量为3000字节，在600毫秒时，目标网页的已加载数据量增加到3500字节，当在1000毫秒时，目标网页的已加载数据量达到4500字节，并在1000毫秒之后保持不变，则1000毫秒即为目标网页的加载时长。

其中，稳定加载时间段对应的阈值用于筛选稳定加载时间段，可由开发者自行定义，诸如100毫秒、200毫秒等，本申请实施例在此不作限定。可选地，截止时刻是指上述多个时间戳中的最后一个时间戳，即在获取截止时刻对应的已加载数据量之后，不再获取其他时间戳对应的已加载数据量。截止时刻可用于标记已加载数据量的分析区间，诸如1.7秒、1.8秒、2秒等，可由开发者自定义调节。

可选地，可以在获取目标网页对应的已加载数据量的过程中，记录目标网页的已加载数据量与时间的变化曲线，进而获取目标网页的加载时长。例如，参考图3，已加载数据量的变化曲线301可直观地反映出已加载数据量与时间的变化曲线。已加载数据量随着时间整体呈上升趋势，最后趋于稳定。其中，已加载数据量在时间点A和时间点B时急速增加，则可说明目标网页在时间点A时正在加载模板文件、依赖脚本等，在时间点B时正在加载图片文字资源等。已加载数据量在时间点C处停止变化，并持续到结束时间点，则可判断目标网页在时间点C时加载完毕。或者，还可以根据已加载数据量对应的时间戳和目标网页开始加载的时间戳的差值，确定目标网页的加载时长。例如，目标网页开始加载对应的时间戳为A，目标网页完成已加载数据量的加载对应的时间戳为B，则可确定目标网页的加载时长为时间戳B和A的差值(即B-A)。

在一个示例中，基于已加载数据量，确定目标网页在多个时间戳的数据加载速率；基于数据加载速率，确定持续时长大于阈值的零值速率时间段，零值速率时间段是指数据加载速率为零的时间段；获取截止时刻之前的最后一个零值速率时间段；基于最后一个零值速率时间段的起始时刻，确定目标网页的加载时长。例如，对目标网页在多个时间戳的已加载数据量进行求导处理，获得目标网页在多个时间戳的已加载数据量对应的数据加载速率。

其中，数据加载速率是指已加载数据量的变化率，数据加载速率也可以称为字节变化梯度。例如，若数据加载速率的值为0，则可判断已加载数据量停止变化，若数据加载速率的值不为0，则可判断已加载数据量还再变化。

可选地，零值速率时间段对应的阈值用于筛选零值速率时间段，可由开发者自行定义，诸如100毫秒、200毫秒等，本申请实施例在此不作限定。可选地，截止时刻可用于标记数据加载速率的分析区间，诸如1.7秒、1.8秒、2秒等，可由开发者自定义调节。

例如，以2秒内数据加载速率的变化为例。2秒的时间段内包括2个零值速率时间段，零值速率时间段A为第200毫秒至300毫秒，零值速率时间段B为第1200毫秒至2000毫秒，则可判断零值速率时间段B为最后一个零值速率时间段，进而可确定1200毫秒为目标网页的加载时长。

可选地，在确定目标网页的加载时长之后，则可以向服务器发送目标网页的时长上报信息。其中，时长上报信息包括加载时长和加载时长对应的已加载数据量。时长上报信息可用于记录目标网页加载过程中的时长信息。例如，时长上报信息可以是目标网页加载首屏对应的时长数据LCP(Largest Contentful Paint，最大内容绘制)，其可用于监控目标网页可视区域内“绘制面积”最大的元素开始呈现在显示屏上的时间点。

在一个示例性实施例中，以目标网页的加载过程中包括动态页面加载为例，目标网页的加载时长获取的具体方式可以如下：

在目标网页的加载过程中，获取最后异步加载请求的返回时间点，最后异步加载请求是指目标网页的加载过程中发出的最后一个异步加载请求，异步加载请求用于异步加载动态页面；基于最后异步加载请求的返回时间点和已加载数据量，确定目标网页的加载时长。

可选地，基于最后异步加载请求的返回时间点和已加载数据量，确定目标网页的加载时长，包括：获取最后异步加载请求的返回时间点之后的，且持续时长大于阈值的稳定加载时间段，稳定加载时间段是指已加载数据量保持稳定的时间段；基于稳定加载时间段的起始时刻，确定目标网页的加载时长。

例如，最后异步加载请求的返回时间点为A，则可确定时间点A之后的稳定加载时间段为目标网页加载完毕之前的最后稳定加载时间段，即该稳定加载时间段的起始时刻为目标网页的加载时长。

可选地，基于最后异步加载请求的返回时间点和已加载数据量，确定目标网页的加载时长，还可以包括：基于已加载数据量，确定目标网页在多个时间戳的数据加载速率；获取最后异步加载请求的返回时间点之后的，且持续时长大于阈值的零值速率时间段，零值速率时间段是指数据加载速率为零的时间段；基于零值速率时间段的起始时刻，确定目标网页的加载时长。

例如，最后异步加载请求的返回时间点为A，则可确定时间点A之后的零值速率时间段为目标网页加载完毕之前的最后零值速率时间段，即该零值速率时间段的起始时刻为目标网页的加载时长。

可选地，最后异步加载请求的返回时间点的具体获取方式如下：从目标网页的头文件中调用返回时间点获取函数；通过返回时间点获取函数从第二原生应用程序接口中获取最后异步加载请求的返回时间点，第二原生应用程序接口用于发送异步加载请求和接收异步加载请求对应的返回数据。

返回时间点获取函数用于获取最后异步加载请求的返回时间点，其可以从目标网页的原生应用程序接口中劫取目标网页对应的异步加载请求，并包括劫取异步加载请求的返回时间点。基于从发出的异步加载请求中获取的最后异步加载请求，确定所需劫取的最后异步加载请求的返回时间点。返回时间点获取函数可由开发者自行编写。例如，通过接入目标网页对应的API或SDK，进行返回时间点获取函数的编写。编写完成的返回时间点获取函数可以被接入于目标网页的头文件中，无需接入目标网页的主体代码。

本申请实施例中的第二原生应用程序接口对应于目标网页的异步加载请求的记录服务，该记录服务记录着的异步加载请求的发送时间、异步加载请求对应的返回数据的时间点等，通过上述的返回时间点获取函数可从中获取最后异步加载请求的返回时间点。

综上所述，在本申请实施例提供的技术方案中，通过对目标网页的已加载数据量进行分析处理，获取目标网页的加载时长，已加载数据量的变化可直观地反映目标网页的加载进度，进而可以通过监控已加载数据量的变化，确定目标网页的加载状态和时长，从而获取目标网页的加载时长，降低了加载时长的获取难度。同时，由于已加载数据量与时间戳一一对应，亦可确保所获取的加载时长的准确度。

另外，通过将获取加载时长所需的关联函数(如已加载数据量获取函数、返回时间点获取函数等)接入目标网页的头文件中，实现了在目标网页主体代码无感知的情况下获取目标网页的加载时长，从而降低了获取加载时长所需代码的开发难度。

另外，由于获取加载时长所需代码无需接入目标网页主体代码，进而降低了获取加载时长所需代码的使用难度，同时提高了获取加载时长所需代码的使用便捷度。

另外，通过基于最后异步加载请求的返回时间点获取目标网页的加载时长，可直接定位目标网页加载完毕时对应的稳定加载时间段(或零值速率时间段)，进而获取加载时长，提高了加载时长的获取准确度。

请参考图4，其示出了本申请另一个实施例提供的网页加载时长的获取方法的流程图。如该方法各步骤的执行主体可以是上文介绍的服务器20。该方法可以包括如下几个步骤(401～404)：

步骤401，接收目标网页的多个时长上报信息，时长上报信息包括加载时长，加载时长是基于目标网页在多个时间戳的已加载数据量确定的，已加载数据量是指目标网页的已加载数据的数据量。

在本申请实施例中，时长上报信息、加载时长和已加载数据量与上述实施例介绍相同。其中，该多个时长上报信息可以是来自不同终端、不同浏览器、不同时刻的时长上报信息。来自不同终端、不同浏览器、不同时刻的时长上报信息之间会存在差异。例如，在A时刻获取的目标网页的时长信息与在B时刻获取的目标网页的时长上报信息不同。时长上报信息可以包括正常时长上报信息和异常时长上报信息。异常时长上报信息可以包括数据量加载异常信息和加载超时信息。

在一个示例中，时长上报信息还包括加载时长对应的已加载数据量。数据量加载异常信息的具体获取方式如下：对加载时长对应的已加载数据量进行划分处理，获取已加载数据量分布区间，已加载数据量分布区间用于表示目标网页的已加载数据量的分布；根据已加载数据量分布区间，确定数据量加载异常信息，数据量加载异常信息用于表示目标网页加载数据异常。例如，正常已加载数据量的分布区间为4500到4600字节，处于低于4500字节的已加载数据量属于数据量少加载异常，处于高于4600字节的已加载数据量属于数据量多记载异常。

可选地，加载超时信息的具体获取方式如下：对加载时长进行划分处理，获取加载时长分布区间，加载时长分布区间用于表示目标网页的加载时长分布；根据加载时长分布区间，确定加载超时信息，加载超时信息用于表示目标网页加载超时。例如，参考图5，表格501中，加载时长分布区间包括小于2秒、2秒到3秒、3秒到5秒、5秒到8秒等区间。5秒以外区间内的加载时长属于加载超时异常。表格501中，加载超时异常的占比为0％，即目标网页没有加载超时异常。

在一个示例中，基于接收时长上报信息之前预设的识别标签，对时长上报信息进行归纳整合。该接入代码如下：

其中，window.km_config＝{sign:'ep.A.com'}用于定于全局变量km_config，并把sign:'ep.A.com'赋值给km_config。var km＝document.createElement("script")用于创建识别标签"script"，并赋值给变量km。km.src＝"https://staticssl.A.com/km/km.js"用于引用时长上报信息对应的目标网页的地址。var s＝document.getElementsByTagName("script")[0]用于获取所有识别标签为"script"中的第一个时长上报信息，并赋值给变量s。s.parentNode.insertBefore(km,s)用于在变量s之前插入变量km。

本申请通过接入代码归纳整合目标网页对应的多个时长上报信息，便于后续针对目标网页的多个时长上报信息的查询与搜索。例如，通过输入用于识别目标网址的识别标签，查询目标网页的多个时长上报信息。参考图6，归纳整合和后的目标网页的多个时长上报信息以图表601的形式统计，图表601中包括目标网页对应的时长上报信息在目标时刻的上报数量以及加载时长。该加载时长可以是指下文中的平均加载时长。

步骤402，从多个加载时长中，选取正常加载时长。

在一个示例中，正常加载时长的具体获取方式如下：基于加载时长对应的已加载数据量对加载时长进行筛选处理，获取初筛加载时长；从初筛加载时长中选取属于第一取值范围的加载时长，得到正常加载时长。

其中，正常加载时长是指属于正常加载时长分布区间内的加载时长。第一取值范围用于获取正常加载时长，其可以是指正常加载时长分布区间。例如，浏览器通常可以在2秒内完成目标网页首屏的加载，则该加载时长的正常加载时长分布区间可以是2秒内的区间。可选地，浏览器通常可以在5秒内完成目标网页首屏的加载，该正常加载时长分布区间可以是5秒内的区间，本申请实施例在此不作限定。例如，以第一取值范围为2秒内为例。从初筛加载时长中选取加载时长值小于等于2秒的加载时长，即可获取正常加载时长。

可选地，初筛加载时长是指已加载数据量属于正常已加载数据量的分布区间所对应的加载时长。例如，该正常已加载数据量的分布区间可以是以平均已加载数据量为中心，已加载数据量的三个标准差为正负范围的区间。初筛加载时长的具体获取方式如下：从加载时长中剔除符合设定剔除条件的加载时长，得到初筛加载时长；其中，设定剔除条件包括加载时长对应的已加载数据量不属于第二取值范围。第二取值范围是指已加载数据量对应的正常已加载数据量的分布区间。

例如，基于已加载数据量对应的正常已加载数据量的分布区间，获取不属于正常已加载数据量的分布区间的已加载数据量，再基于不属于正常已加载数据量的分布区间的已加载数据量，从加载时长中剔除不属于正常已加载数据量的分布区间的已加载数据量对应的加载时长，即可获得初筛加载时长。

步骤403，基于正常加载时长，确定目标网页的平均加载时长。

在本申请实施例中，平均加载时长可以是指对正常加载时长进行平均计算得到的加载时长。例如，在获取目标网页的正常加载时长A、B和C之后，计算正常加载时长A、B和C的平均值，即可获取目标网页的平均加载时长。如此可以降低加载时长波动的影响，获取较为准确的加载时长。

综上所述，在本申请实施例提供的技术方案中，通过对目标网页的多个时长上报信息对应的加载时长进行筛选过滤，排除异常加载时长，以获得目标网页正常加载时长下的平均加载时长，进而可保证加载时长的准确度。

另外，通过对加载时长和已加载数据量进行划分，可直观地获取目标网页的异常加载情况(包括已加载数据量加载异常、加载时长异常等)，降低目标网页性能的判断难度。

下述为本申请装置实施例，可以用于执行本申请方法实施例。对于本申请装置实施例中未披露的细节，请参照本申请方法实施例。

请参考图7，其示出了本申请一个实施例提供的网页加载时长的获取装置的框图。该装置具有实现上述网页加载时长的获取方法示例的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。该装置可以是上文介绍的终端10，也可以设置在终端10中。该装置700可以包括：网页加载模块701、数据量获取模块702和时长确定模块703。

网页加载模块701，用于加载目标网页。

数据量获取模块702，用于在所述目标网页的加载过程中，获取所述目标网页在多个时间戳的已加载数据量，所述已加载数据量是指所述目标网页的已加载数据的数据量。

时长确定模块703，用于基于所述已加载数据量，确定所述目标网页的加载时长。

在一个示例性实施例中，所述时长确定模块703，用于：

基于所述已加载数据量，确定持续时长大于阈值的稳定加载时间段，所述稳定加载时间段是指所述数据量保持稳定的时间段；

获取截止时刻之前的最后一个稳定加载时间段；

基于所述最后一个稳定加载时间段的起始时刻，确定所述目标网页的加载时长。

在一个示例性实施例中，所述时长确定模块703，用于：

基于所述已加载数据量，确定所述目标网页在所述多个时间戳的数据加载速率；

基于所述数据加载速率，确定持续时长大于阈值的零值速率时间段，所述零值速率时间段是指所述数据加载速率为零的时间段；

获取截止时刻之前的最后一个零值速率时间段；

基于所述最后一个零值速率时间段的起始时刻，确定所述目标网页的加载时长。

在一个示例性实施例中，所述数据量获取模块702，用于：

从所述目标网页的头文件中调用已加载数据量获取函数；

通过所述已加载数据量获取函数从第一原生应用程序接口获取所述已加载数据量，所述第一原生应用程序接口用于记录所述目标网页的已加载数据量。

在一个示例性实施例中，如图8所示，所述装置700还包括：时间点获取模块704。

时间点获取模块704，用于在所述目标网页的加载过程中，获取最后异步加载请求的返回时间点，所述最后异步加载请求是指所述目标网页的加载过程中发出的最后一个异步加载请求，所述异步加载请求用于异步加载动态页面。

所述时长确定模块703还用于基于所述最后异步加载请求的返回时间点和所述已加载数据量，确定所述目标网页的加载时长。

在一个示例性实施例中，所述时长确定模块703，用于：

获取所述最后异步加载请求的返回时间点之后的，且持续时长大于阈值的稳定加载时间段，所述稳定加载时间段是指所述已加载数据量保持稳定的时间段；

基于所述稳定加载时间段的起始时刻，确定所述目标网页的加载时长。

在一个示例性实施例中，所述时间点获取模块704，用于：

从所述目标网页的头文件中调用返回时间点获取函数；

通过所述返回时间点获取函数从第二原生应用程序接口中获取所述最后异步加载请求的返回时间点，所述第二原生应用程序接口用于发送异步加载请求和接收异步加载请求对应的返回数据。

在一个示例性实施例中，如图8所示，所述装置700还包括上报信息发送模块705。

上报信息发送模块705，用于向服务器发送所述目标网页的时长上报信息；其中，所述时长上报信息包括所述加载时长和所述加载时长对应的已加载数据量。

综上所述，在本申请实施例提供的技术方案中，通过对目标网页的已加载数据量进行分析处理，获取目标网页的加载时长，已加载数据量的变化可直观地反映目标网页的加载进度，进而可以通过监控已加载数据量的变化，确定目标网页的加载状态和时长，从而获取目标网页的加载时长，降低了加载时长的获取难度。同时，由于已加载数据量与时间戳一一对应，亦可确保所获取的加载时长的准确度。

请参考图9，其示出了本申请另一个实施例提供的网页加载时长的获取装置的框图。该装置具有实现上述网页加载时长的获取方法示例的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。该装置可以是上文介绍的服务器20，也可以设置在服务器20中。该装置900可以包括：上报信息接收模块901、正常时长选取模块902和平均时长确定模块903。

上报信息接收模块901，用于接收目标网页的多个时长上报信息，所述时长上报信息包括加载时长，所述加载时长是基于所述目标网页在多个时间戳的已加载数据量确定的，所述已加载数据量是指所述目标网页的已加载数据的数据量。

正常时长选取模块902，用于从多个所述加载时长中，选取正常加载时长。

平均时长确定模块903，用于基于所述正常加载时长，确定所述目标网页的平均加载时长。

在一个示例性实施例中，所述时长上报信息还包括所述加载时长对应的已加载数据量；

如图10所述，所述从正常时长选取模块902包括：初筛时长获取子模块902a和正常时长获取子模块902b。

初筛时长获取子模块902a，用于基于所述加载时长对应的已加载数据量对所述加载时长进行筛选处理，获取初筛加载时长。

正常时长获取子模块902b，用于从所述初筛加载时长中选取属于第一取值范围的加载时长，得到所述正常加载时长。

在一个示例性实施例中，所述初筛时长获取子模块902a用于从所述加载时长中剔除符合设定剔除条件的加载时长，得到所述初筛加载时长；其中，所述设定剔除条件包括所述加载时长对应的已加载数据量不属于第二取值范围。

在一个示例性实施例中，如图10所示，所述装置900还包括：数据量区间获取模块904和数据量异常确定模块905。

数据量区间获取模块904，用于对所述加载时长对应的已加载数据量进行划分处理，获取已加载数据量分布区间，所述已加载数据量分布区间用于表示所述目标网页的已加载数据量的分布。

数据量异常确定模块905，用于根据所述已加载数据量分布区间，确定数据量加载异常信息，所述数据量加载异常信息用于表示所述目标网页加载数据异常。

在一个示例性实施例中，如图10所示，所述装置900还包括：时长区间获取模块906和超时信息确定模块907。

时长区间获取模块906，用于对所述加载时长进行划分处理，获取加载时长分布区间，所述加载时长分布区间用于表示所述目标网页的加载时长分布。

超时信息确定模块907，用于根据所述加载时长分布区间，确定加载超时信息，所述加载超时信息用于表示所述目标网页加载超时。

综上所述，在本申请实施例提供的技术方案中，通过对目标网页的多个时长上报信息对应的加载时长进行筛选过滤，排除异常加载时长，以获得目标网页正常加载时长下的平均加载时长，进而可保证加载时长的准确度。

另外，通过对加载时长和已加载数据量进行划分，可直观地获取目标网页的异常加载情况(包括已加载数据量加载异常、加载时长异常等)，降低目标网页性能的判断难度。

需要说明的是，上述实施例提供的装置在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。另外，上述实施例提供的装置与方法实施例属于同一构思，其具体实现过程详见方法实施例，这里不再赘述。

请参考图11，其示出了本申请一个实施例提供的终端1100的结构框图。该终端1100可以是上文介绍的终端10。该终端1100可用于实施上述终端测的网页加载时长的获取方法。具体来讲：

通常，终端1100包括有：处理器1101和存储器1102。

处理器1101可以包括一个或多个处理核心，比如9核心处理器、10核心处理器等。处理器1101可以采用DSP(Digital Signal Processing，数字信号处理)、FPGA(FieldProgrammable Gate Array，现场可编程门阵列)、PLA(Programmable Logic Array，可编程逻辑阵列)中的至少一种硬件形式来实现。处理器1101也可以包括主处理器和协处理器，主处理器是用于对在唤醒状态下的数据进行处理的处理器，也称CPU(Central ProcessingUnit，中央处理器)；协处理器是用于对在待机状态下的数据进行处理的低功耗处理器。在一些实施例中，处理器1101可以在集成有GPU(Graphics Processing Unit，图像处理器)，GPU用于负责显示屏所需要显示的内容的渲染和绘制。一些实施例中，处理器1101还可以包括AI(Artificial Intelligence，人工智能)处理器，该AI处理器用于处理有关机器学习的计算操作。

存储器1102可以包括一个或多个计算机可读存储介质，该计算机可读存储介质可以是非暂态的。存储器1102还可包括高速随机存取存储器，以及非易失性存储器，比如一个或多个磁盘存储设备、闪存存储设备。在一些实施例中，存储器1102中的非暂态的计算机可读存储介质用于存储计算机程序，所述计算程序经配置以由一个或者一个以上处理器执行，以实现上述网页加载时长的获取方法。

在一些实施例中，终端1100还可选包括有：外围设备接口1103和至少一个外围设备。处理器1101、存储器1102和外围设备接口1103之间可以通过总线或信号线相连。各个外围设备可以通过总线、信号线或电路板与外围设备接口1103相连。具体地，外围设备包括：射频电路1104、显示屏1105、摄像头组件1106、音频电路1107、定位组件1108和电源1109中的至少一种。

本领域技术人员可以理解，图11中示出的结构并不构成对终端1100的限定，可以包括比图示更多或更少的组件，或者组合某些组件，或者采用不同的组件布置。

请参考图12，其示出了本申请一个实施例提供的服务器的结构框图。该服务器可以用于实施上述实施例中提供的服务器侧的网页加载时长的获取方法。具体来讲：

该服务器1200包括中央处理单元(如CPU(Central Processing Unit，中央处理器)、GPU(Graphics Processing Unit，图形处理器)和FPGA(Field Programmable GateArray，现场可编程逻辑门阵列)等)1201、包括RAM(Random-Access Memory，随机存取存储器)1202和ROM(Read-Only Memory，只读存储器)1203的系统存储器1204，以及连接系统存储器1204和中央处理单元1201的系统总线1205。该服务器1200还包括帮助服务器内的各个器件之间传输信息的基本输入/输出系统(Input Output System，I/O系统)1206，和用于存储操作系统1213、应用程序1214和其他程序模块1215的大容量存储设备1207。

该基本输入/输出系统1206包括有用于显示信息的显示器1208和用于用户输入信息的诸如鼠标、键盘之类的输入设备1209。其中，该显示器1208和输入设备1209都通过连接到系统总线1205的输入输出控制器1210连接到中央处理单元1201。该基本输入/输出系统1206还可以包括输入输出控制器1210以用于接收和处理来自键盘、鼠标、或电子触控笔等多个其他设备的输入。类似地，输入输出控制器1210还提供输出到显示屏、打印机或其他类型的输出设备。

该大容量存储设备1207通过连接到系统总线1205的大容量存储控制器(未示出)连接到中央处理单元1201。该大容量存储设备1207及其相关联的计算机可读介质为服务器1200提供非易失性存储。也就是说，该大容量存储设备1207可以包括诸如硬盘或者CD-ROM(Compact Disc Read-Only Memory，只读光盘)驱动器之类的计算机可读介质(未示出)。

不失一般性，该计算机可读介质可以包括计算机存储介质和通信介质。计算机存储介质包括以用于存储诸如计算机可读指令、数据结构、程序模块或其他数据等信息的任何方法或技术实现的易失性和非易失性、可移动和不可移动介质。计算机存储介质包括RAM、ROM、EPROM(Erasable Programmable Read-Only Memory，可擦写可编程只读存储器)、EEPROM(Electrically Erasable Programmable Read-Only Memory，电可擦写可编程只读存储器)、闪存或其他固态存储技术，CD-ROM、DVD(Digital Video Disc，高密度数字视频光盘)或其他光学存储、磁带盒、磁带、磁盘存储或其他磁性存储设备。当然，本领域技术人员可知该计算机存储介质不局限于上述几种。上述的系统存储器1204和大容量存储设备1207可以统称为存储器。

根据本申请实施例，该服务器1200还可以通过诸如因特网等网络连接到网络上的远程计算机运行。也即服务器1200可以通过连接在该系统总线1205上的网络接口单元1211连接到网络1212，或者说，也可以使用网络接口单元1211来连接到其他类型的网络或远程计算机系统(未示出)。

该存储器还包括计算机程序，该计算机程序存储于存储器中，且经配置以由一个或者一个以上处理器执行，以实现上述服务器侧的网页加载时长的获取方法。

在一个示例性实施例中，还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被终端的处理器执行时以实现上述终端侧的网页加载时长的获取方法。

在一个示例性实施例中，还提供了一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被服务器的处理器执行时以实现上述服务器侧的网页加载时长的获取方法。

可选地，该计算机可读存储介质可以包括：ROM(Read-Only Memory，只读存储器)、RAM(Random-Access Memory，随机存储器)、SSD(Solid State Drives，固态硬盘)或光盘等。其中，随机存取记忆体可以包括ReRAM(Resistance Random Access Memory，电阻式随机存取记忆体)和DRAM(Dynamic Random Access Memory，动态随机存取存储器)。

在一个示例性实施例中，还提供一种计算机程序产品，所述计算机程序产品被终端的处理器执行时，用于实现上述终端侧的网页加载时长的获取方法。

在一个示例性实施例中，还提供一种计算机程序产品，所述计算机程序产品被服务器的处理器执行时，用于实现上述服务器侧的网页加载时长的获取方法。

应当理解的是，在本文中提及的“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。另外，本文中描述的步骤编号，仅示例性示出了步骤间的一种可能的执行先后顺序，在一些其它实施例中，上述步骤也可以不按照编号顺序来执行，如两个不同编号的步骤同时执行，或者两个不同编号的步骤按照与图示相反的顺序执行，本申请实施例对此不作限定。

以上所述仅为本申请的示例性实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。

Claims (17)

1.一种网页加载时长的获取方法，其特征在于，所述方法包括：

加载目标网页；

在所述目标网页的加载过程中，获取所述目标网页在多个时间戳的已加载数据量，所述已加载数据量是指所述目标网页的已加载数据的数据量；

基于所述已加载数据量，确定所述目标网页的加载时长。

2.根据权利要求1所述的方法，其特征在于，所述基于所述已加载数据量，确定所述目标网页的加载时长，包括：

基于所述已加载数据量，确定持续时长大于阈值的稳定加载时间段，所述稳定加载时间段是指所述已加载数据量保持稳定的时间段；

获取截止时刻之前的最后一个稳定加载时间段；

基于所述最后一个稳定加载时间段的起始时刻，确定所述目标网页的加载时长。

3.根据权利要求1所述的方法，其特征在于，所述基于所述已加载数据量，确定所述目标网页的加载时长，包括：

基于所述已加载数据量，确定所述目标网页在所述多个时间戳的数据加载速率；

基于所述数据加载速率，确定持续时长大于阈值的零值速率时间段，所述零值速率时间段是指所述数据加载速率为零的时间段；

获取截止时刻之前的最后一个零值速率时间段；

基于所述最后一个零值速率时间段的起始时刻，确定所述目标网页的加载时长。

4.根据权利要求1所述的方法，其特征在于，所述获取所述目标网页在多个时间戳的已加载数据量，包括：

从所述目标网页的头文件中调用已加载数据量获取函数；

通过所述已加载数据量获取函数从第一原生应用程序接口获取所述已加载数据量，所述第一原生应用程序接口用于记录所述目标网页的已加载数据量。

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

在所述目标网页的加载过程中，获取最后异步加载请求的返回时间点，所述最后异步加载请求是指所述目标网页的加载过程中发出的最后一个异步加载请求，所述异步加载请求用于异步加载动态页面；

所述基于所述已加载数据量，确定所述目标网页的加载时长，包括：

基于所述最后异步加载请求的返回时间点和所述已加载数据量，确定所述目标网页的加载时长。

6.根据权利要求5所述的方法，其特征在于，所述基于所述最后异步加载请求的返回时间点和所述已加载数据量，确定所述目标网页的加载时长，包括：

获取所述最后异步加载请求的返回时间点之后的，且持续时长大于阈值的稳定加载时间段，所述稳定加载时间段是指所述已加载数据量保持稳定的时间段；

基于所述稳定加载时间段的起始时刻，确定所述目标网页的加载时长。

7.根据权利要求5所述的方法，其特征在于，所述获取最后异步加载请求的返回时间点，包括：

从所述目标网页的头文件中调用返回时间点获取函数；

通过所述返回时间点获取函数从第二原生应用程序接口中获取所述最后异步加载请求的返回时间点，所述第二原生应用程序接口用于发送异步加载请求和接收异步加载请求对应的返回数据。

8.根据权利要求1至7任一项所述的方法，其特征在于，所述基于所述已加载数据量，确定所述目标网页的加载时长之后，还包括：

向服务器发送所述目标网页的时长上报信息；

其中，所述时长上报信息包括所述加载时长和所述加载时长对应的已加载数据量。

9.一种网页加载时长的获取方法，其特征在于，所述方法包括：

接收目标网页的多个时长上报信息，所述时长上报信息包括加载时长，所述加载时长是基于所述目标网页在多个时间戳的已加载数据量确定的，所述已加载数据量是指所述目标网页的已加载数据的数据量；

从多个所述加载时长中，选取正常加载时长；

基于所述正常加载时长，确定所述目标网页的平均加载时长。

10.根据权利要求9所述的方法，其特征在于，所述时长上报信息还包括所述加载时长对应的已加载数据量；

所述从多个所述加载时长中，选取正常加载时长，包括：

基于所述加载时长对应的已加载数据量对所述加载时长进行筛选处理，获取初筛加载时长；

从所述初筛加载时长中选取属于第一取值范围的加载时长，得到所述正常加载时长。

11.根据权利要求10所述的方法，其特征在于，所述基于所述加载时长对应的已加载数据量对所述加载时长进行筛选处理，获取初筛加载时长，包括：

从所述加载时长中剔除符合设定剔除条件的加载时长，得到所述初筛加载时长；

其中，所述设定剔除条件包括所述加载时长对应的已加载数据量不属于第二取值范围。

12.根据权利要求10所述的方法，其特征在于，所述接收目标网页的多个时长上报信息之后，还包括：

对所述加载时长对应的已加载数据量进行划分处理，获取已加载数据量分布区间，所述已加载数据量分布区间用于表示所述目标网页的已加载数据量的分布；

根据所述已加载数据量分布区间，确定数据量加载异常信息，所述数据量加载异常信息用于表示所述目标网页加载数据异常。

13.根据权利要求9至12任一项所述的方法，其特征在于，所述接收目标网页的多个时长上报信息之后，还包括：

对所述加载时长进行划分处理，获取加载时长分布区间，所述加载时长分布区间用于表示所述目标网页的加载时长分布；

根据所述加载时长分布区间，确定加载超时信息，所述加载超时信息用于表示所述目标网页加载超时。

14.一种网页加载时长的获取装置，其特征在于，所述装置包括：

网页加载模块，用于加载目标网页；

数据量获取模块，用于在所述目标网页的加载过程中，获取所述目标网页在多个时间戳的已加载数据量，所述已加载数据量是指所述目标网页的已加载数据的数据量；

时长确定模块，用于基于所述已加载数据量，确定所述目标网页的加载时长。

15.一种网页加载时长的获取装置，其特征在于，所述装置包括：

上报信息接收模块，用于接收目标网页的多个时长上报信息，所述时长上报信息包括加载时长，所述加载时长是基于所述目标网页在多个时间戳的已加载数据量确定的，所述已加载数据量是指所述目标网页的已加载数据的数据量；

正常时长选取模块，用于从多个所述加载时长中，选取正常加载时长；

平均时长确定模块，用于基于所述正常加载时长，确定所述目标网页的平均加载时长。

16.一种计算机设备，其特征在于，所述计算机设备包括处理器和存储器，所述存储器中存储有计算机程序，所述计算机程序由所述处理器加载并执行以实现如权利要求1至8任一项所述的网页加载时长的获取方法，或如权利要求9至13任一项所述的网页加载时长的获取方法。

17.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机程序，所述计算机程序由处理器加载并执行以实现如权利要求1至8任一项所述的网页加载时长的获取方法，或如权利要求9至13任一项所述的网页加载时长的获取方法。

Images