网页指标信息获取方法、装置、计算机设备以及存储介质

技术领域

本申请涉及数据处理技术领域，具体涉及一种网页指标信息获取方法、装置、计算机设备以及计算机可读存储介质(简称存储介质)。

背景技术

TTI(Time To Interactive，可交互时间点)用来标识用户对网页界面的可操作时间，是衡量网页界面的相关性能的重要指标。

现有技术中，目前关于TTI的测定都是在实验环境中，在一定的网络环境中通过固定设备加载网页界面进行TTI的测定。但是移动设备的实际使用过程中，由于移动设备以及网络环境的不同，其TTI与在实验环境中所测定的TTI有一定误差。

发明内容

基于此，有必要针对上述技术问题，提供一种网页指标信息获取方法、装置、计算机设备以及存储介质，用以提高网页指标信息的准确率。

第一方面，本申请提供一种网页指标信息获取方法，该方法包括：

监听目标网页对应的主线程；

若主线程中的第一长任务结束，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息；其中，预设时间窗口的起始时间点为第一长任务的结束时间点。

在本申请一些实施例中，线程任务包括长任务；

根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息的步骤，包括：

若在预设时间窗口内监听到第二长任务，将第二长任务更新为第一长任务，并继续执行根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息。

在本申请一些实施例中，线程任务包括网页资源请求；

根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息的步骤，包括：

获取在预设时间窗口内所监听到的网络资源请求的数量；

若网络资源请求的数量小于预设请求阈值，基于第一长任务的结束时间点生成目标网页的网页指标信息。

在本申请一些实施例中，基于第一长任务的结束时间点生成目标网页的网页指标信息的步骤，包括：

将第一长任务的结束时间点确定为目标网页的可交互时间点。

在本申请一些实施例中，监听目标网页对应的主线程的步骤，包括：

检测针对目标网页的打开操作；

当检测到针对目标网页的打开操作，获取目标网页中的首次有效渲染时间点；

在首次有效渲染时间点后开始监听目标网页对应的主线程。

在本申请一些实施例中，获取目标网页中的首次有效渲染时间点的步骤，包括：

获取目标网页的站点类型；

基于目标网页的站点类型从目标网页的页面元素中确定目标页面元素；

根据目标页面元素的加载时间点确定目标网页的首次有效渲染时间点。

在本申请一些实施例中，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息的步骤之前，还包括：

获取首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长；

根据网页加载时长确定预设时间窗口的窗口长度。

第二方面，本申请提供一种网页指标信息获取装置，该装置包括：

线程监听模块，用于监听目标网页对应的主线程；

网页指标获取模块，用于在主线程中的第一长任务结束时，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息；其中，预设时间窗口的起始时间点为第一长任务的结束时间点。

第三方面，本申请还提供一种计算机设备，该计算机设备包括：

一个或多个处理器；

存储器；以及

一个或多个应用程序，其中一个或多个应用程序被存储于存储器中，并配置为由处理器执行以实现网页指标信息获取方法。

第四方面，本申请还提供一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器进行加载，以执行网页指标信息获取方法中的步骤。

上述网页指标信息获取方法、装置、计算机设备以及存储介质，通过监听目标网页对应的主线程，若主线程中的第一长任务结束，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息；其中，预设时间窗口的起始时间点为第一长任务的结束时间点。通过对网页界面加载的主线程进行监听，实时获取第一长任务的结束时间点，并基于第一长任务的结束时间点以及以第一长任务的结束时间点为起始时间点的预设时间窗口内的线程任务的任务状态，生成目标网页的网页指标信息，实现获取不同终端在实际使用环境中目标网页的网页指标信息，提高网页指标信息的准确性，为目标网页的网页代码、交互操作的优化提供准确数据。

附图说明

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

图1是本申请实施例中网页指标信息获取方法的场景示意图；

图2是本申请实施例中网页指标信息获取方法的流程示意图；

图3是本申请实施例中监听目标网页对应的主线程步骤的流程示意图；

图4是本申请实施例中另一个网页指标信息获取方法的流程示意图；

图5是本申请实施例中网页指标信息获取装置的结构示意图；

图6是本申请实施例中计算机设备的结构示意图。

具体实施方式

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

在本申请的描述中，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个所述特征。在本申请的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。

在本申请的描述中，“例如”一词用来表示“用作例子、例证或说明”。本申请中被描述为“例如”的任何实施例不一定被解释为比其它实施例更优选或更具优势。为了使本领域任何技术人员能够实现和使用本发明，给出了以下描述。在以下描述中，为了解释的目的而列出了细节。应当明白的是，本领域普通技术人员可以认识到，在不使用这些特定细节的情况下也可以实现本发明。在其它实例中，不会对公知的结构和过程进行详细阐述，以避免不必要的细节使本发明的描述变得晦涩。因此，本发明并非旨在限于所示的实施例，而是与符合本申请所公开的原理和特征的最广范围相一致。

本申请实施例提供的网页指标信息获取方法，可以应用于如图1所示的网页指标信息获取系统中。其中，该网页指标信息获取系统包括终端110和服务器120，终端110具体可以是台式终端或移动终端，终端110具体还可以是手机、平板电脑、笔记本电脑等中的一种。服务器120可以是独立的服务器，也可以是服务器组成的服务器网络或服务器集群，其包括但不限于计算机、网络主机、单个网络服务器、多个网络服务器集或多个服务器构成的云服务器。其中，云服务器由基于云计算(Cloud Computing)的大量计算机或网络服务器构成。具体地，终端110安装有浏览器客户端并通过浏览器客户端呈现目标网页，终端110通过浏览器客户端可接收用户对目标网页的触发操作，进而从服务器120中加载网页资源实现基于网页资源绘制渲染目标网页。终端在加载、渲染目标网页的过程中，监听目标网页对应的主线程，若主线程中的第一长任务结束，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息；其中，预设时间窗口的起始时间点为第一长任务的结束时间点。

其中，网页的网页指标信息是在对网页进行优化工作时重要的参考参数，网页的网页指标信息包括但不限于：首次有效渲染时间点(first meaningful paint，FMP)和可交互时间点(time to interactive，TTI)。可交互时间点是指网页的网页页面完成加载渲染，且能够响应用户所输入的交互操作的时间点，因为用户与网页进行交互所产生的任务会占用网页对应主线程一段时长，为了保证网页能够响应用户所输入的交互操作、以及用户与网页进行交互的流畅性，从可交互时间点开始的一定时长的时段内网页对应主线程应处于空闲状态，即可交互时间点是指网页完成加载渲染之后主线程首次出现的空闲时间窗口的时间点。

本领域技术人员可以理解，图1中示出的应用环境，仅仅是与本申请方案一种应用场景，并不构成对本申请方案应用场景的限定，其他的应用环境还可以包括比图1中所示更多或更少的计算机设备，例如图1中仅示出1个服务器120，可以理解的，该网页指标信息获取系统还可以包括一个或多个其他服务器，具体此处不作限定。另外，如图1所示，该网页指标信息获取系统还可以包括存储器，用于存储数据，如存储视频监控数据。

还需说明的是，图1所示网页指标获取系统的场景示意图仅仅是一个示例，本发明实施例描述的网页指标获取系统以及场景是为了更加清楚的说明本发明实施例的技术方案，并不构成对于本发明实施例提供的技术方案的限定，本领域普通技术人员可知，随着网页指标获取系统的演变和新业务场景的出现，本发明实施例提供的技术方案对于类似的技术问题，同样适用。

参阅图2，本申请实施例提供了一种网页指标信息获取方法，主要以该方法应用于上述图1中的终端110来举例说明，该方法包括步骤S210至S220，具体如下：

步骤S210，监听目标网页对应的主线程。

其中，终端安装有浏览器客户端，终端可通过浏览器客户端呈现目标网页，终端通过浏览器客户端从服务器中加载网页资源，并基于网页资源绘制渲染目标网页；本步骤中，目标网页是指任意网站站点的页面，例如搜索网页、购物网页、视频分享平台网页等；目标网页的主线程是指终端中浏览器客户端用于从服务器中加载目标网页的网页资源以及对目标网页进行绘制的浏览器线程。

具体地，监听目标网页对应的主线程是指监听主线程中的线程任务的任务情况，例如线程任务的开始、结束、开始时间、结束时间等；更具体地，线程任务包括但不限于长任务以及网页资源请求任务，长任务是指线程任务中执行时长大于50毫秒的任务；网页资源请求任务是指HTTP请求的发送以及接收，例如XHR(XML HttpRequest)请求、Fetch请求以及静态资源文件请求。

步骤S220，若主线程中的第一长任务结束，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息；其中，预设时间窗口的起始时间点为第一长任务的结束时间点。

其中，目标网页的网页指标信息可以是目标网页的可交互时间点(Time Tointeractive，TTI)。预设时间窗口的窗口长度可以基于实际情况进行设置，例如，可以设置为5秒、4.75秒等，也可以根据用户与目标网页进行交互占用的时长进行确定，还可以基于第一长任务的结束时间点进行实时设置。

在目标网页的主线程处于空闲状态的情况下，主线程才执行用户基于目标网页间交互操作所产生的交互任务，为了保证目标网页对应主线程对交互任务的响应以及用户与目标网页间交互的顺畅性，主线程在可交互时间点后的预设时间窗口应为无其他线程任务的空闲时间窗口。

具体地，终端可以实时监听目标页面对应主线程中的线程任务，当监听到一个长任务时，可将该长任务确定为第一长任务，并在第一长任务结束时记录该第一长任务的结束时间点；进而，以该第一长任务的结束时间点为起始时间点开始监听预设时间窗口内的线程任务，并根据预设时间窗口内的线程任务的任务情况判断预设时间窗口是否为空闲时间窗口，当判断预设时间窗口为空闲时间窗口，则基于第一长任务的结束时间点生成目标网页的网页指标信息。

上述网页指标信息获取方法，通过监听目标网页对应的主线程，若主线程中的第一长任务结束，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息；其中，预设时间窗口的起始时间点为第一长任务的结束时间点。通过对网页界面加载的主线程进行监听，实时获取第一长任务的结束时间点，并基于第一长任务的结束时间点以及以第一长任务的结束时间点为起始时间点的预设时间窗口内的线程任务的任务状态，生成目标网页的网页指标信息，实现获取不同终端在实际使用环境中目标网页的网页指标信息，提高网页指标信息的准确性，为目标网页的网页代码、交互操作的优化提供准确数据。

如上述，线程任务包括长任务，由于长任务的执行时长过长，为了保证目标网页对应主线程对交互任务的响应以及用户与目标网页间交互的顺畅性，主线程在可交互时间点后的预设时间窗口应为无长任务的空闲时间窗口。具体地，在一个实施例中，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息的步骤，包括：若在预设时间窗口内监听到第二长任务，将第二长任务更新为第一长任务，并继续执行根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息。

其中，第二长任务是指第一长任务结束后、在预设时间窗口内发生的长任务。

在监听到第一长任务结束时，以第一长任务的结束时间点为起始时间点监听预设时间窗口内的长任务，以获取在预设时间窗口内是否有长任务进行；若在预设时间窗口内监听到第二长任务，则认为以第一长任务的结束时间点为起始时间点的预设时间窗口并非主线程处于空闲状态的空闲窗口期，在预设时间窗口内终端无法响应基于目标网页的界面输入的交互操作，用户基于目标网页的交互卡顿不流畅。此时，可以将第二长任务确定更新为新的第一长任务，并在第二长任务(即新的第一长任务)结束时，获取第二长任务的结束时间点，并重新以第二长任务的结束时间点作为新的预设时间窗口的起始时间点，继续监听在新的预设时间窗口内主线程的线程任务。

本实施例中，在第一长任务结束后，若在预设时间窗口内监听到第二长任务，通过将第二长任务确定更新为新的第一长任务，以实现重新确定新的预设时间窗口的起始时间，保证预设时间窗口应为无长任务的执行，避免由于长任务的执行占用过主线程而无法响应用户输入的交互操作，使得预设时间窗口的起始时间点为有效的网页指标信息，提高目标网页的网页指标信息的准确性。

此外，考虑到终端与服务器间TCP连接的上限值，在同一时间内终端所发起网络资源请求任务的数量固定往往会导致网页资源下载的阻塞，使得目标网页的加载渲染完成时间以及可交互时间点延后，且网络资源的下载以及下载完成后的加载渲染过程往往占用一定的内存，为了保证目标网页对应主线程对交互任务的响应以及用户与目标网页间交互的顺畅性，主线程在可交互时间点后的预设时间窗口应为无网络资源请求任务或尽量少执行网络资源请求任务的空闲时间窗口。因此，在一个实施例中，线程任务包括网页资源请求；根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息的步骤，包括：获取在预设时间窗口内所监听到的网络资源请求的数量；若网络资源请求的数量小于预设请求阈值，基于第一长任务的结束时间点生成目标网页的网页指标信息。

其中，网页资源请求至少包括XHR请求、Fetch请求以及静态资源文件请求，监听目标网页对应的主线程中的网页资源请求，具体可以是通过代理XMLHttpRequest.send的方法监听XHR请求，通过代理fetch的方法监听fetch请求，以及通过MutationObserver监听节点的变化以监听静态资源文件的加载状态。

其中，预设请求阈值可基于实际情况设置，例如可以设置为3、2等。

在监听到第一长任务结束后，以第一长任务的结束时间点为起始时间点监听预设时间窗口内的网页资源请求，以获取在预设时间窗口内所监听到的网络资源请求的数量，进而判断在预设时间窗口内监听到的网络资源请求的数量是否大于预设请求阈值；当预设时间窗口内所监听到的网络资源请求的数量小于预设请求阈值，则认为以第一长任务的结束时间点为起始时间点的预设时间窗口为主线程处于空闲状态的空闲窗口期，在预设时间窗口内终端可响应基于目标网页的界面输入的交互操作且用户与目标网页交互流畅，可基于第一长任务的结束时间点生成目标网页的网页指标信息。

进一步地，当预设时间窗口内所监听到的网络资源请求的数量大于或等于预设请求阈值，则认为以第一长任务的结束时间点为起始时间点的预设时间窗口非空闲窗口期，此时，终端可继续监听目标网页对应的主线程，在监听到下一个长任务且该长任务结束时，再次以该长任务的结束时间点作为起始时间点在预设时间窗口内监听到的线程任务，并根据该长任务的结束时间点和在预设时间窗口内监听到的线程任务的任务情况生成目标网页的网页指标信息。

本实施例中，通过监听预设时间窗口内网页资源请求的数量，以保证预设时间窗口应为无网络资源请求任务或尽量少执行网络资源请求任务的空闲时间窗口，避免由于过多网页资源请求的执行占用过主线程而导致响应用户输入的交互操作出现卡顿，使得预设时间窗口的起始时间点为有效的网页指标信息，提高目标网页的网页指标信息的准确性。

在一个实施例中，基于第一长任务的结束时间点生成目标网页的网页指标信息，具体可以包括：将第一长任务的结束时间点确定为目标网页的可交互时间点。

本实施例中，由于在第一长任务的结束时间点为起始时间的预设时间窗口内，网络资源请求的数量小于预设请求阈值，即在预设时间窗口内主线程处于空闲状态的空闲窗口期，保证主线程可响应用户与目标网页间的交互任务，此时，可以将第一长任务的结束时间点确定为目标网页的可交互时间点，提高目标网页的可交互时间点的准确性。

在一个实施例中，如图3所示，监听目标网页对应的主线程的步骤，具体可以包括：

S310，检测针对目标网页的打开操作。

其中，如上述，终端安装有浏览器客户端，终端可以通过浏览器客户端接收用户输入的目标网页的打开操作；具体地，打开操作具体可以是触摸操作、光标操作、按键操作等。

例如，用户可基于浏览器客户端输入目标网页的网页地址以触发针对目标网页的打开操作，终端通过浏览器客户端实时检测用户输入的目标网页的打开操作。

S320，当检测到针对目标网页的打开操作，获取目标网页中的首次有效渲染时间点；

其中，首次有效渲染时间点(First Meaning Paint，FMP)是指目标网页大部分页面元素完成渲染绘制的时间点，具体可以由通过浏览器提供的API接口获取。具体地，终端在检测到针对目标网页的打开操作后，实时监测目标网页中页面元素的加载、渲染，在监听到目标网页中所有页面元素加载渲染完成的时间点，将该时间点确定为目标页面的首次有效渲染时间点。

S330，在目标页面元素的首次有效渲染时间点后开始监听目标网页对应的主线程。

具体地，终端在确定到目标页面元素的首次有效渲染时间点后，开始监听目标网页对应的主线程。通过在目标网页的所有页面元素加载渲染完成后，才进行目标网页的主线程的监听，可有效降低目标网页对主线程进行监听所带来的性能开销。

进一步地，在一个实施例中，获取目标网页中的首次有效渲染时间点，具体可以包括：获取目标网页的站点类型；基于目标网页的站点类型从目标网页的页面元素中确定目标页面元素；根据目标页面元素的加载时间点确定目标页面的首次有效渲染时间点。

其中，站点类型是指目标网页的网页类型，例如，站点类型至少包括搜索网页类型、购物网页类型以及咨询信息网页类型。网页中页面元素是指网页中所显示的内容元素。例如文本、图像、表格等，目标页面元素是指网页中的主要页面元素，当目标页面元素完成渲染绘制，则可以认为网页进入可交互状态；具体地，不同站点类型的网页中的目标页面元素不同。

例如，搜索网页类型的网页中目标页面元素可以是搜索框，购物网页类型的网页中目标页面元素可以是首屏的产品图片，咨询信息网页类型的网页中目标页面元素可以是首屏的横幅图片等。

具体地，终端在接收到目标网页的打开操作后，可获取目标网页对应的站点类型，并根据站点类型在目标网页的页面元素中确定目标页面元素，进而监听目标页面元素完成加载渲染的加载时间点，并将该加载时间点确定为目标页面的首次有效渲染时间点，进而在首次有效渲染时间点后进行目标网页的主线程的监听。

当目标网页中主要页面元素完成加载渲染，此时可认为目标网页完成加载渲染，目标网页即可接收、响应用户输入的交互任务；本实施例中，根据目标网页的站点类型确定目标页面元素，以目标页面元素完成渲染的时间点确定为目标页面的首次有效渲染时间点，无需等待目标页面中所有的页面元素渲染完成后才进行可交互时间点等网页指标信息的获取，有效提高目标网页的可交互时间点的准确性，为目标网页的网页代码、交互操作的优化提供准确数据。

在一个实施例中，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息的步骤之前，还包括：获取首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长；根据网页加载时长确定预设时间窗口的窗口长度。

其中，可根据首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长，对预设时间窗口的窗口长度进行设置。具体地，首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长与预设时间窗口的窗口长度成反比关系，例如，当首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长较大时，预设时间窗口的窗口长度可设置为一个较小值，当首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长较小时，预设时间窗口的窗口长度可设置为一个较大值。

具体地，可预先设置网页加载时长与预设时间窗口的窗口长度间的映射关系，在获取到网页加载时长后，可基于映射关系获取相应预设时间窗口的窗口长度的具体取值。

其中，预设时间窗口的窗口长度与首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长可反映目标网页的加载时长，当首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长较大(即目标网页加载时间较长)时，通过将预设时间窗口的窗口长度设置为一个较小的值，使得目标网页在第一长任务的结束时间点较大概率进入可交互状态，降低用户等待目标页面加载的时间，提高用户体验较差；当首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长较小(即目标网页加载时间较短)时，通过将预设时间窗口的窗口长度设置为一个较大的值，使得目标网页进入可交互状态后的空闲时间段较长，保证用户与目标页面间的交互顺畅，提高用户体验。

本实施例中，基于首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长灵活设置预设时间窗口的窗口长度，实现根据目标网页的加载情况灵活设置目标网页的可交互时间点，提高目标网页可交互时间点的准确性，为目标网页的网页代码、交互操作的优化提供准确数据。

以下结合应用场景对上述网页指标信息获取进行进一步说明，在一个实施例中，如图4所示，该网页指标信息获取方法，包括：

S410，检测针对目标网页的打开操作。

S420，当检测到针对目标网页的打开操作，获取目标网页中的首次有效渲染时间点。

S430，在目标页面元素的首次有效渲染时间点后开始监听目标网页对应的主线程中的第一长任务是否结束；若第一长任务结束，执行S440，否则继续执行S430。

S440，获取首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长，根据网页加载时长确定预设时间窗口的窗口长度。

S450，以第一长任务的结束时间点为起始时间点监听预设时间窗口内的长任务以及网页资源请求。

S460，判断预设时间窗口内是否监听到第二长任务，若是，将第二长任务更新为第一长任务，跳转至执行S430；否则，执行S470。

S470，获取在预设时间窗口内所监听到的网络资源请求的数量。

S480，判断网络资源请求的数量是否大于预设请求阈值；若是，执行S490；若否，执行S430。

S490，基于第一长任务的结束时间点生成目标网页的网页指标信息。

其中，目标网页的加载渲染过程包括：运行JavaScript、更新文档对象模型(Document Object Model，DOM)以及更新样式、计算页面上的布局(layout)以及对各层布局分别进行绘制(paint)等等。在这一过程中任意一个步骤都会产生长任务，而主线程执行长任务时，用户输入的交互操作通常进入任务队列中进行等等，导致目标网页的主线程无法响应用户输入的交互操作，此时目标网页并非一个可交互状态，因此，可以将长任务的结束时间点作为目标网页进入可交互状态的候选时间点。

具体地，可以通过浏览器客户端提供的API接口监听目标网页对应的主线程中的长任务是否结束，当一个长任务结束时，将该长任务确定为第一长任务，并回调该第一长任务的结束时间点。进而，以第一长任务的结束时间点为起始时间点，实时监听预设时间窗口内的长任务以及网页资源请求，当预设时间窗口内既无长任务且网页资源请求的数量小于预设请求阈值时，此时，预设时间窗口内是否为空闲时间窗口，可将第一长任务的结束时间点确定为目标网页的可交互时间点。

本实施例中，通过检测以第一长任务的结束时间点为起始时间点预设时间窗口内的长任务以及网页资源请求的任务情况，判断该预设时间窗口内是否为空闲时间窗口，在长任务以及网页资源请求的任务情况同时满足空闲时间窗口的条件时，才将第一长任务的结束时间点确定为目标网页的可交互时间点，可有效提高可交互时间点的准确性，为目标网页的网页代码、交互操作的优化提供准确数据。同时，根据目标网页的站点类型确定目标页面元素，以目标页面元素完成渲染的时间点确定为目标页面的首次有效渲染时间点，开始监听预设时间窗口内的长任务以及网页资源请求，无需等待目标页面中所有的页面元素渲染完成后才进行可交互时间点等网页指标信息的获取，有效提高目标网页的可交互时间点的准确性，为目标网页的网页代码、交互操作的优化提供准确数据；此外，还考虑到用户等待目标网页加载时长，基于首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长灵活设置预设时间窗口的窗口长度，实现根据目标网页的加载情况灵活设置目标网页的可交互时间点，提高目标网页可交互时间点的准确性，为目标网页的网页代码、交互操作的优化提供准确数据。

为了更好实施本申请实施例提供的网页指标信息获取方法，在本申请实施例所提网页指标信息获取方法的基础之上，本申请实施例中还提供一种网页指标信息获取装置，如图5所示，网页指标信息获取装置500包括：

线程监听模块510，用于监听目标网页对应的主线程；

网页指标获取模块520，用于在主线程中的第一长任务结束时，根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息；其中，预设时间窗口的起始时间点为第一长任务的结束时间点。

在本申请一些实施例中，线程任务包括长任务；网页指标获取模块520，用于在预设时间窗口内监听到第二长任务时，将第二长任务更新为第一长任务，并继续执行根据第一长任务的结束时间点和在预设时间窗口内监听到的线程任务，生成目标网页的网页指标信息。

在本申请一些实施例中，线程任务包括网页资源请求；网页指标获取模块520，用于获取在预设时间窗口内所监听到的网络资源请求的数量；若网络资源请求的数量小于预设请求阈值，基于第一长任务的结束时间点生成目标网页的网页指标信息。

在本申请一些实施例中，网页指标获取模块，用于将第一长任务的结束时间点确定为目标网页的可交互时间点。

在本申请一些实施例中，线程监听模块，用于检测针对目标网页的打开操作；当检测到针对目标网页的打开操作，获取目标网页中的首次有效渲染时间点；在首次有效渲染时间点后开始监听目标网页对应的主线程。

在本申请一些实施例中，线程监听模块，用于获取目标网页的站点类型；基于目标网页的站点类型从目标网页的页面元素中确定目标页面元素；根据目标页面元素的加载时间点确定目标网页的首次有效渲染时间点。

在本申请一些实施例中，线程监听模块，还用于获取首次有效渲染时间点与第一长任务的结束时间点间的网页加载时长；根据网页加载时长确定预设时间窗口的窗口长度。

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

在本申请一些实施例中，网页指标信息获取装置500可以实现为一种计算机程序的形式，计算机程序可在如图6所示的计算机设备上运行。计算机设备的存储器中可存储组成该网页指标信息获取装置500的各个程序模块，比如，图5所示的线程监听模块510以及网页指标获取模块520。各个程序模块构成的计算机程序使得处理器执行本说明书中描述的本申请各个实施例的网页指标信息获取方法中的步骤。

例如，图6所示的计算机设备可以通过如图5所示的网页指标信息获取装置500中的线程监听模块510执行步骤S210。计算机设备可通过网页指标获取模块520执行步骤S220。该计算机设备包括通过系统总线连接的处理器、存储器和网络接口。其中，该计算机设备的处理器用于提供计算和控制能力。该计算机设备的存储器包括非易失性存储介质和内存储器。该非易失性存储介质存储有操作系统和计算机程序。该内存储器为非易失性存储介质中的操作系统和计算机程序的运行提供环境。该计算机设备的网络接口用于与外部的计算机设备通过网络连接通信。该计算机程序被处理器执行时以实现一种网页指标信息获取方法。

本领域技术人员可以理解，图6中示出的结构，仅仅是与本申请方案相关的部分结构的框图，并不构成对本申请方案所应用于其上的计算机设备的限定，具体的计算机设备可以包括比图中所示更多或更少的部件，或者组合某些部件，或者具有不同的部件布置。

在本申请一些实施例中，提供了一种计算机设备，包括一个或多个处理器；存储器；以及一个或多个应用程序，其中所述一个或多个应用程序被存储于所述存储器中，并配置为由所述处理器执行上述网页指标信息获取方法的步骤。此处网页指标信息获取方法的步骤可以是上述各个实施例的网页指标信息获取方法中的步骤。

在本申请一些实施例中，提供了一种计算机可读存储介质，存储有计算机程序，计算机程序被处理器进行加载，使得处理器执行上述网页指标信息获取方法的步骤。此处网页指标信息获取方法的步骤可以是上述各个实施例的网页指标信息获取方法中的步骤。

本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于非易失性计算机可读取存储介质中，该计算机程序在执行时，可包括如上述各方法的实施例的流程。本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和易失性存储器中的至少一种。非易失性存储器可包括只读存储器(Read-OnlyMemory，ROM)、磁带、软盘、闪存或光存储器等。易失性存储器可包括随机存取存储器(Random Access Memory，RAM)或外部高速缓冲存储器。作为说明而非局限，RAM可以是多种形式，如静态随机存取存储器(Static Random Access Memory，SRAM)或动态随机存取存储器(Dynamic Random Access Memory，DRAM)等。

以上实施例的各技术特征可以进行任意的组合，为使描述简洁，未对上述实施例中的各个技术特征所有可能的组合都进行描述，然而，只要这些技术特征的组合不存在矛盾，都应当认为是本说明书记载的范围。

以上对本申请实施例所提供的一种网页指标信息获取方法、装置、计算机设备以及存储介质进行了详细介绍，本文中应用了具体个例对本发明的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本发明的方法及其核心思想；同时，对于本领域的技术人员，依据本发明的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本发明的限制。