网页指标的生成方法、装置、电子设备及存储介质与流程

1.本公开涉及计算机技术领域，具体涉及智能搜索等人工智能技术领域，尤其涉及一种网页指标的生成方法、装置、电子设备及存储介质。


背景技术：

2.目前，网页性能在用户满意度、用户留存上发挥着非常重要的作用，甚至会影响转化率和业务目标，对于网页性能的衡量往往依赖于以用户为中心的性能指标。然而，网页加载是一个过程，不存在某个单独的“时间点”可以完全体现出网页性能，会有多个比较关键的“时间点”可以影响用户感受网页的“快”或者“慢”。
3.其中，网页加载速度和网页对用户动作的响应速度都是影响网页性能的重要因素。


技术实现要素：

4.本公开提供了一种网页指标的生成方法、装置、设备以及存储介质。
5.根据本公开的一方面，提供了一种网页指标的生成方法，包括：
6.响应于检测到网页加载事件，加载目标网页地址对应的网页；
7.获取所述网页中应用程序编程接口api(application programming interface，应用程序接口)加载完成的第一时间；
8.获取所述网页加载完成的第二时间；
9.从所述第一时间和所述第二时间之间，获取主线程的目标空闲时间段；以及根据所述目标空闲时间段生成所述网页对应的网页指标。
10.根据本公开的另一方面，提供了一种网页指标的生成装置，包括：
11.加载模块，用于响应于检测到网页加载事件，加载目标网页地址对应的网页；
12.第一获取模块，用于获取所述网页中应用程序编程接口api加载完成的第一时间；
13.第二获取模块，用于获取所述网页加载完成的第二时间；
14.第三获取模块，用于从所述第一时间和所述第二时间之间，获取主线程的目标空闲时间段；以及
15.生成模块，用于根据所述目标空闲时间段生成所述网页对应的网页指标。
16.根据本公开的另一方面，提供了一种电子设备，包括：
17.至少一个处理器；以及
18.与所述至少一个处理器通信连接的存储器；其中，
19.所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行上述一方面或另一方面实施例所述的网页指标的生成方法。
20.根据本公开的另一方面，提供了一种存储有计算机指令的非瞬时计算机可读存储介质，其上存储有计算机程序，所述计算机指令用于使所述计算机执行上述一方面或另一
方面实施例所述的网页指标的生成方法。
21.根据本公开的另一方面，提供了一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现上述一方面或另一方面实施例所述的网页指标的生成方法的步骤。
22.应当理解，本部分所描述的内容并非旨在标识本公开的实施例的关键或重要特征，也不用于限制本公开的范围。本公开的其它特征将通过以下的说明书而变得容易理解。
附图说明
23.附图用于更好地理解本方案，不构成对本公开的限定。其中：
24.图1是根据本公开一个实施例的网页指标的生成方法的流程图；
25.图2是根据本公开一个实施例的网页加载过程示意图；
26.图3是根据本公开另一个实施例的网页指标的生成方法的流程图；
27.图4是根据本公开另一个实施例的网页指标的生成方法的流程图；
28.图5是根据本公开另一个实施例的网页指标的生成方法的流程图；
29.图6是根据本公开另一个实施例的网页指标的生成方法的流程图；
30.图7是根据本公开一个实施例的网页指标的生成方法的具体实例图；
31.图8是根据本公开一个实施例的网页指标的生成装置的方框示意图；以及
32.图9是用来实现本公开实施例的网页指标的生成方法的电子设备的框图。
具体实施方式
33.以下结合附图对本公开的示范性实施例做出说明，其中包括本公开实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本公开的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
34.下面参考附图描述本公开实施例的网页指标的生成方法、装置、电子设备及存储介质。
35.智能搜索是结合了人工智能技术的新一代搜索引擎。他除了能提供传统的快速检索、相关度排序等功能，还能提供用户角色登记、用户兴趣自动识别、内容的语义理解、智能信息化过滤和推送等功能。
36.人工智能是研究使用计算机来模拟人的某些思维过程和智能行为(如学习、推理、思考、规划等)的学科，既有硬件层面的技术领域也有软件层面的技术。人工智能硬件技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理等技术；人工智能软件技术包括计算机视觉技术、语音识别技术、自然语言处理技术以及深度学习、大数据处理技术、知识图谱技术等几大方向。
37.本公开实施例提供的网页指标的生成方法，可以由电子设备来执行，该电子设备可为pc(personal computer，个人计算机)电脑、手机、平板电脑或服务器等，此处不做任何限定。
38.在本公开实施例中，电子设备中可以设置有处理组件、存储组件和驱动组件。可选的，该驱动组件和处理组件可以集成设置，该存储组件可以存储操作系统、应用程序或其他
程序模块，该处理组件通过执行存储组件中存储的应用程序来实现本公开实施例提供的网页指标的生成方法。
39.图1为本公开实施例提供的一种网页指标的生成方法的流程示意图。
40.本公开实施例的网页指标的生成方法，还可由本公开实施例提供的网页指标的生成装置执行，该装置可配置于电子设备中，以实现响应于检测到网页加载事件，加载目标网页地址对应的网页，并获取网页中应用程序编程接口api加载完成的第一时间，以及获取网页加载完成的第二时间，而后从第一时间和第二时间之间，获取主线程的目标空闲时间段，并根据目标空闲时间段生成网页对应的网页指标，从而能够更加准确地衡量网页性能，使得网页的优化更加精确。
41.作为一种可能的情况，本公开实施例的网页指标的生成方法还可以在服务器端执行，该服务器可以为云端服务器，可以在云端服务器执行该网页指标的生成方法。
42.如图1所示，该网页指标的生成方法，可包括：
43.步骤101，响应于检测到网页加载事件，加载目标网页地址对应的网页。其中，目标网页地址可为基于http(hyper text transfer protocol，超文本传输协议)通道的网页地址。
44.需要说明的是，该实施例中所描述的网页可为通过浏览器加载的网页，其中，用户(相关人员)可通过电子设备将目标网页地址输入(写入)至浏览器的地址栏中，以使该浏览器加载该目标网页地址对应的网页。
45.在本公开实施例中，电子设备可通过相关api(application programming interface，应用程序接口)实时检测网页加载事件是否被触发，以使得电子设备在检测到网页加载事件时，能够及时响应于该网页加载事件。
46.具体地，当电子设备通过相关api检测到网页加载事件时，可响应于该网页加载事件，加载目标网页地址对应的网页。
47.作为一种可能的情况，用户还可以点击浏览器界面的网页链接的方式输入目标网页地址。
48.步骤102，获取网页中应用程序编程接口api加载完成的第一时间。
49.在本公开实施例中，参见图2，在加载上述目标网页地址对应的网页的过程中，该网页会经历白屏、部分渲染和最终加载完成并可以交互的过程，在此过程中，可先对主文档index.html进行加载，主文档中的dom(document object model，文档对象模型)节点准备完毕后会触发domcontentloaded(文档对象模型已经加载完毕)事件，此时页面中可能只有一个dom根元素，对应瀑布流中的第一条竖线(图2中由左向右的第一条竖线)，在主文档中链接资源都加载完成时，可触发onload(加载)事件，对应瀑布流中的第二条竖线(图2中由左向右的第二条竖线)，然后js(javascript，脚本语言)主框架可执行引发接口、脚本、图片、样式等其他类型资源的加载，直到资源全部加载完成，页面渲染完成。此时，用户可以与之交互(即，用户可以与该网页进行交互)，例如，在该网页中点击链接地址时，该页面会进行跳转。
50.在本公开实施例中，可通过采集sdk(software development kit，软件开发工具包)获取网页中应用程序编程接口api加载完成的第一时间。应说明的是，该实施例中所描述的采集sdk可预先安装在浏览器中，并可在浏览器开始加载网页时进行初始化。
51.具体地，在上述网页进行加载的过程中，电子设备可通过上述的采集sdk提供的功能获取该网页中应用程序编程接口api加载完成的第一时间。
52.需要说明的是，该实施例中所描述的第一时间可为上述网页中所有应用程序编程接口api加载完成后的时间。
53.步骤103，获取网页加载完成的第二时间。
54.在本公开实施例中，当应用程序编程接口api、脚本、图片、视频和样式等其他类型的资源全部加载完成时，即当xhr(xmlhttprequest对象，即api接口)、script(脚本)、img(图片)、stylesheet(样式)等全部类型资源加载完成时，网页完成加载过程，即网页加载完成。
55.具体地，当上述的网页加载完成时，电子设备可通过上述的采集sdk提供的功能获取网页加载完成的第二时间。
56.步骤104，从第一时间和第二时间之间，获取主线程的目标空闲时间段。应说明的是，该实施例中所描述的主线程可为上述网页中js的主线程，该实施例中所描述的目标空闲时间段可为在第一时间和第二时间之间找到的第一个没有长任务的固定时间段(例如，500ms)。
57.具体地，在获取到上述第一时间和第二时间后，电子设备可根据预设的获取策略从该第一时间和第二时间之间，获取主线程的目标空闲时间段。其中，该预设的获取策略可根据实际情况进行标定。
58.作为一种可能的情况，电子设备还可通过上述的采集sdk提供的功能从上述的第一时间和第二时间之间，获取主线程的目标空闲时间段。
59.步骤105，根据目标空闲时间段生成网页对应的网页指标。
60.需要说明的是，该实施例中所描述的网页指标可为可交互时间指标(time to interactive，以下简称tti)，其中，可交互时间(tti)可以是一种非标准化的web(world wide web，全球广域网或万维网)性能度量指标，该指标可描述页面或应用程序何时包含有用的内容以及主线程何时空闲并自由响应用户交互。
61.在本公开实施例中，可根据预设的生成算法和目标空闲时间段生成网页对应的网页指标，其中，预设的生成算法可根据实际情况进行标定，
62.具体地，在获取到上述目标空闲时间段后，电子设备可根据预设的生成算法和该目标空闲时间段生成网页对应的网页指标(例如，可交互时间指标)。
63.作为一种可能的情况，电子设备还可通过上述的采集sdk提供的功能并根据目标空闲时间段生成网页对应的网页指标。
64.在本公开实施例中，首先响应于检测到网页加载事件，加载目标网页地址对应的网页，并获取网页中应用程序编程接口api加载完成的第一时间，以及获取网页加载完成的第二时间，然后从第一时间和第二时间之间，获取主线程的目标空闲时间段，最后根据目标空闲时间段生成网页对应的网页指标。由此，生成的网页指标，能够更加准确地衡量网页性能，从而使得网页的优化更加精确。
65.为了清楚说明上一实施例，在本公开一个的实施例中，该网页指标的生成方法，还可包括若接收到用户发送的网页加载请求，则确定检测到网页加载事件，其中，网页加载请求包括目标网页地址。
66.在本公开实施例中，用户可通过浏览器的地址栏提供的功能创建页面加载请求(例如，将目标网页地址输入浏览器的地址栏中并触发加载功能)，并将该页面加载请求发送至该浏览器，当电子设备通过该浏览器接收到该网页加载请求时，可确定检测到网页加载事件。由此，能够实现及时响应用户的网页加载请求，提高用户体验。
67.具体地，用户可在浏览器的地址栏中输入目标网页地址，并触发访问，此时，电子设备可通过该浏览器接收到网页加载请求，并确定检测到了网页加载事件。
68.作为一种可能的情况，用户还可通过点击浏览器界面中的链接去访问目标网页，其中，当用户点击该链接时，电子设备可通过该浏览器接收到网页加载请求，并确定检测到了网页加载事件。
69.进一步地，在本公开的一个实施例中，api可为多个，如图3所示，获取网页中应用程序编程接口api加载完成的第一时间，可包括：
70.步骤301，获取api加载时间队列，其中，api加载时间队列包括多个api中每个api对应的加载完成时间。
71.在本公开实施例中，在对api进行加载的过程中，上述的采集sdk可依次获取当前加载完成的api的加载完成时间，并建立该api和该api对应的加载完成时间之间关联关系，以及将其存储于队列中，基于此，在全部api加载完成后，可生成api加载时间队列。其中，该api加载时间队列中的api及其对应的加载完成时间可按照加载的先后顺序进行排列。
72.需要说明的是，该实施例中所描述的api加载时间队列可存储于浏览器中，以便于调出使用。
73.步骤302，获取api加载时间队列的队尾对应的api加载完成时间，并将api加载完成时间作为第一时间。
74.具体的，在上述的网页进行加载的过程中，电子设备可实时检测浏览器中是否生成了api加载时间队列，并在确定该浏览器中生成了api加载时间队列时，获取该api加载时间队列，并可获取该api加载时间队列的队尾对应的api加载完成时间，并将该api加载完成时间作为第一时间。
75.需要说明的是，该实施例中所描述的api加载完成时间可指的是api加载起止时间中的加载止时间。
76.由此，能够准确的确定第一时间，为网页指标的生成提供依据。
77.在本公开的一个实施例中，如图4所示，获取网页加载完成的第二时间，可包括：
78.步骤401，若预设时间段内网页未加载数据，则获取当前时间。其中，预设时间段可根据实际情况和需求进行标定，例如，该预设时间段可为300ms、400ms和500ms等，此处不做任何限定。
79.步骤402，将当前时间作为所述第二时间。
80.具体地，在上述的网页进行加载的过程中，电子设备可实时检测在预设时间段内该网页是否未加载数据，当检测到在预设时间段内该网页未加载数据时，说明该网页加载完成，此时，电子设备可获取当前时间，并将该当前时间作为第二时间。
81.由此，能够准确的确定第二时间，为网页指标的生成提供依据。
82.在本公开的一个实施例中，如图5所示，从第一时间和第二时间之间，获取主线程的目标空闲时间段，可包括：
83.步骤501，从第一时间和第二时间之间，获取网页加载过程中主线程的空闲时间段，以生成空闲时间段集。
84.在本公开实施例中，在上述第一时间与第二时间之间，主线程中可存在一个或多个longtask(长任务)，可将第一时间与第二时间之间的没有长任务的特定时期(例如，没有长任务的500ms时期)作为空闲时间段。
85.其中，大于50ms的任务可为长任务。
86.具体地，在获取上述第一时间和第二时间后，电子设备可通过上述的采集sdk从该第一时间与第二时间之间，获取上述的空闲时间段，并生成空闲时间段集。
87.需要说明的是，该实施例中所描述的特定时期可根据实际情况和需求进行标定，此处不做任何限定。
88.步骤502，将空闲时间段集中临近第一时间的空闲时间段，作为目标空闲时间段。
89.具体地，在获取到上述空闲时间段集后，电子设备可将该空闲时间段集中临近第一时间的空闲时间段，作为目标空闲时间段，即将在第一时间和第二时间之间找到的第一个没有长任务的特定时期(例如，500ms)作为目标空闲时间段。
90.由此，能够准确的确定目标空闲时间段，为网页指标的生成提供依据，并且避免了页面渲染过程中、在所有api接口资源加载完成之前存在的主线程空闲的场景、以此作为可交互时间(即，网页指标)时过早的问题。
91.进一步地，在本公开的一个实施例中，如图6所示，从第一时间和第二时间之间，获取主线程的目标空闲时间段，还可包括：
92.步骤601，若空闲时间段集为空，则获取页面跳转或页面关闭时的第三时间。
93.在本公开实施例中，在上述的网页加载完成之后，用户可通过电子设备将加载完成的页面关闭，或者通过电子设备操作浏览器进行页面跳转，例如，点击该页面中的跳转链接，或者在浏览器的地址栏中输入新的地址并触发加载功能。
94.具体地，在获取上述空闲时间段集后，电子设备可通过相关api判断该空闲时间段集是否为空，若是，则可获取页面跳转或页面关闭时的第三时间，即页面跳转或页面关闭时的当前时间。
95.步骤602，从第一时间和第三时间之间，重新获取网页加载过程中主线程的空闲时间段，以重新生成空闲时间段集。
96.具体地，在获取到上述第三时间后，电子设备可通过上述的采集sdk从第一时间和第三时间之间，重新获取网页加载过程中主线程的空闲时间段，以重新生成空闲时间段集。
97.由此，实现了一个网页指标生成的兜底机制，提高了网页指标的召回率。
98.在本公开的一个实施例中，根据目标空闲时间段生成网页对应的网页指标，可包括获取目标空闲时间段的开始时间，并将开始时间作为网页指标。
99.具体地，在获取上述目标空闲时间段后，电子设备可通过上述的采集sdk获取该目标空闲时间段的开始时间，并将该开始时间作为网页指标。由此，能够生成一个合理的网页指标，使得对于网页性能的衡量更加准确，从而能够更好的优化网页。
100.为使本领域技术人员更清楚地了解本公开实施例的网页指标的生成方法，参见图7，在访问目标网页地址时，可首先进行sdk(例如，采集sdk)初始化，并可通过完成初始化后的sdk找到xhr接口(api接口)资源加载完成的时间
①
，并找到所有类型资源(xhr、script、
img、stylesheet)加载完成的时间
②
，最后在
①
和
②
之间找到第一个no longtask(没有长任务)的500ms时期，并将此时期的起点作为网页指标
③
，若
①
和
②
之间没有找到no longtask(没有长任务)的500ms时期，则可找到该页面跳转或页面关闭时的时间
④
，并从
①
和
④
之间找到第一个no longtask(没有长任务)的500ms时期，并将此时期的起点作为网页指标。
101.根据本公开实施例的网页指标的生成方法，首先响应于检测到网页加载事件，加载目标网页地址对应的网页，并获取网页中应用程序编程接口api加载完成的第一时间，以及获取网页加载完成的第二时间，然后从第一时间和第二时间之间，获取主线程的目标空闲时间段，最后根据目标空闲时间段生成网页对应的网页指标。由此，生成的网页指标，能够更加准确地衡量网页性能，从而使得网页的优化更加精确。
102.图8为本公开实施例提供的一种网页指标的生成装置的结构示意图。
103.本公开实施例的网页指标的生成装置，可配置于电子设备中，以实现响应于检测到网页加载事件，加载目标网页地址对应的网页，并获取网页中应用程序编程接口api加载完成的第一时间，以及获取网页加载完成的第二时间，而后从第一时间和第二时间之间，获取主线程的目标空闲时间段，并根据目标空闲时间段生成网页对应的网页指标，从而能够更加准确地衡量网页性能，使得网页的优化更加精确。
104.如图8所示，该网页指标的生成装置800，可包括：加载模块810、第一获取模块820、第二获取模块830、第三获取模块840和生成模块850。
105.其中，加载模块810，用于响应于检测到网页加载事件，加载目标网页地址对应的网页。其中，目标网页地址可为基于http通道的网页地址。
106.需要说明的是，该实施例中所描述的网页可为通过浏览器加载的网页，其中，用户(相关人员)可通过加载模块810将目标网页地址输入(写入)至浏览器的地址栏中，以使该浏览器加载该目标网页地址对应的网页。
107.在本公开实施例中，加载模块810可通过相关api实时检测网页加载事件是否被触发，以使得加载模块810在检测到网页加载事件时，能够及时响应于该网页加载事件。
108.具体地，当加载模块810通过相关api检测到网页加载事件时，可响应于该网页加载事件，加载目标网页地址对应的网页。
109.作为一种可能的情况，用户还可以点击浏览器界面的网页链接的方式输入目标网页地址。
110.第一获取模块820，用于获取网页中应用程序编程接口api加载完成的第一时间。
111.在本公开实施例中，参见图2，在加载上述目标网页地址对应的网页的过程中，该网页会经历白屏、部分渲染和最终加载完成并可以交互的过程，在此过程中，可先对主文档index.html进行加载，主文档中的dom节点准备完毕后会触发domcontentloaded(文档对象模型已经加载完毕)事件，此时页面中可能只有一个dom根元素，对应瀑布流中的第一条竖线(图2中由左向右的第一条竖线)，在主文档中链接资源都加载完成时，可触发onload(加载)事件，对应瀑布流中的第二条竖线(图2中由左向右的第二条竖线)，然后js主框架可执行引发接口、脚本、图片、样式等其他类型资源的加载，直到资源全部加载完成，页面渲染完成。此时，用户可以与该网页进行交互，例如，在该网页中点击链接地址时，该页面会进行跳转。
112.在本公开实施例中，第一获取模块820可通过采集sdk获取网页中应用程序编程接口api加载完成的第一时间。应说明的是，该实施例中所描述的采集sdk可预先安装在浏览器中，并可在浏览器开始加载网页时进行初始化。
113.具体地，在上述网页进行加载的过程中，第一获取模块820可通过上述的采集sdk提供的功能获取该网页中应用程序编程接口api加载完成的第一时间。
114.需要说明的是，该实施例中所描述的第一时间可为上述网页中所有应用程序编程接口api加载完成后的时间。
115.第二获取模块830，用于获取网页加载完成的第二时间。
116.在本公开实施例中，当应用程序编程接口api、脚本、图片、视频和样式等其他类型的资源全部加载完成时，即当xhr(xmlhttprequest对象，即api接口)、script(脚本)、img(图片)、stylesheet(样式)等全部类型资源加载完成时，网页完成加载过程，即网页加载完成。
117.具体地，当上述的网页加载完成时，第二获取模块830可通过上述的采集sdk提供的功能获取网页加载完成的第二时间。
118.第三获取模块840，用于从第一时间和第二时间之间，获取主线程的目标空闲时间段。应说明的是，该实施例中所描述的主线程可为上述网页中js的主线程，该实施例中所描述的目标空闲时间段可为在第一时间和第二时间之间找到的第一个没有长任务的固定时间段(例如，500ms)。
119.具体地，在第二获取模块830获取到上述第二时间后，第三获取模块840可根据预设的获取策略从该第一时间和第二时间之间，获取主线程的目标空闲时间段。其中，该预设的获取策略可根据实际情况进行标定。
120.作为一种可能的情况，第三获取模块840还可通过上述的采集sdk提供的功能从上述的第一时间和第二时间之间，获取主线程的目标空闲时间段。
121.生成模块850，用于根据目标空闲时间段生成网页对应的网页指标。
122.在本公开实施例中，生成模块850可根据预设的生成算法和目标空闲时间段生成网页对应的网页指标，其中，预设的生成算法可根据实际情况进行标定，
123.具体地，在第三获取模块840获取到上述目标空闲时间段后，生成模块850可根据预设的生成算法和该目标空闲时间段生成网页对应的网页指标。
124.作为一种可能的情况，生成模块850还可通过上述的采集sdk提供的功能并根据目标空闲时间段生成网页对应的网页指标。
125.在本公开实施例中，通过加载模块响应于检测到网页加载事件，加载目标网页地址对应的网页，并通过第一获取模块获取网页中应用程序编程接口api加载完成的第一时间，以及通过第二获取模块获取网页加载完成的第二时间，而后通过第三获取模块从第一时间和第二时间之间，获取主线程的目标空闲时间段，并通过生成模块根据目标空闲时间段生成网页对应的网页指标，从而能够更加准确地衡量网页性能，使得网页的优化更加精确。
126.在本公开的一个实施例中，如图8所示，该网页指标的生成装置800，还可包括：确定模块860，用于若接收到用户发送的网页加载请求，则确定检测到网页加载事件，其中，网页加载请求包括目标网页地址。
127.在本公开的一个实施例中，api为多个，第一获取模块820，具体用于：获取api加载时间队列，其中，api加载时间队列包括多个api中每个api对应的加载完成时间；获取api加载时间队列的队尾对应的api加载完成时间，并将api加载完成时间作为第一时间。
128.在本公开的一个实施例中，第二获取模块830，具体用于：若预设时间段内网页未加载数据，则获取当前时间；将当前时间作为第二时间。
129.在本公开的一个实施例中，第三获取模块840，具体用于：从第一时间和第二时间之间，获取网页加载过程中主线程的空闲时间段，以生成空闲时间段集；将空闲时间段集中临近第一时间的空闲时间段，作为目标空闲时间段。
130.在本公开的一个实施例中，生成模块850，具体用于：获取目标空闲时间段的开始时间，并将开始时间作为网页指标。
131.在本公开的一个实施例中，第三获取模块840，还用于：若空闲时间段集为空，则获取页面跳转或页面关闭时的第三时间；从第一时间和第三时间之间，重新获取网页加载过程中主线程的空闲时间段，以重新生成空闲时间段集。
132.需要说明的是，前述对网页指标的生成方法实施例的解释说明也适用于该实施例的网页指标的生成装置，此处不再赘述。
133.本公开实施例的网页指标的生成装置，通过加载模块响应于检测到网页加载事件，加载目标网页地址对应的网页，并通过第一获取模块获取网页中应用程序编程接口api加载完成的第一时间，以及通过第二获取模块获取网页加载完成的第二时间，而后通过第三获取模块从第一时间和第二时间之间，获取主线程的目标空闲时间段，最后通过生成模块根据目标空闲时间段生成网页对应的网页指标。由此，生成的网页指标，能够更加准确地衡量网页性能，从而使得网页的优化更加精确。
134.本公开的技术方案中，所涉及的用户个人信息的收集、存储、使用、加工、传输、提供和公开等处理，均符合相关法律法规的规定，且不违背公序良俗。
135.根据本公开的实施例，本公开还提供了一种电子设备、一种可读存储介质和一种计算机程序产品。
136.图9示出了可以用来实施本公开的实施例的示例电子设备900的示意性框图。电子设备旨在表示各种形式的数字计算机，诸如，膝上型计算机、台式计算机、工作台、个人数字助理、服务器、刀片式服务器、大型计算机、和其它适合的计算机。电子设备还可以表示各种形式的移动装置，诸如，个人数字处理、蜂窝电话、智能电话、可穿戴设备和其它类似的计算装置。本文所示的部件、它们的连接和关系、以及它们的功能仅仅作为示例，并且不意在限制本文中描述的和/或者要求的本公开的实现。
137.如图9所示，设备900包括计算单元901，其可以根据存储在只读存储器(rom)902中的计算机程序或者从存储单元908加载到随机访问存储器(ram)903中的计算机程序，来执行各种适当的动作和处理。在ram 903中，还可存储设备900操作所需的各种程序和数据。计算单元901、rom 902以及ram 903通过总线904彼此相连。输入/输出(i/o)接口905也连接至总线904。
138.设备900中的多个部件连接至i/o接口905，包括：输入单元906，例如键盘、鼠标等；输出单元907，例如各种类型的显示器、扬声器等；存储单元908，例如磁盘、光盘等；以及通信单元909，例如网卡、调制解调器、无线通信收发机等。通信单元909允许设备900通过诸如
因特网的计算机网络和/或各种电信网络与其他设备交换信息/数据。
139.计算单元901可以是各种具有处理和计算能力的通用和/或专用处理组件。计算单元901的一些示例包括但不限于中央处理单元(cpu)、图形处理单元(gpu)、各种专用的人工智能(ai)计算芯片、各种运行机器学习模型算法的计算单元、数字信号处理器(dsp)、以及任何适当的处理器、控制器、微控制器等。计算单元901执行上文所描述的各个方法和处理，例如网页指标的生成方法。例如，在一些实施例中，网页指标的生成方法可被实现为计算机软件程序，其被有形地包含于机器可读介质，例如存储单元908。在一些实施例中，计算机程序的部分或者全部可以经由rom 902和/或通信单元909而被载入和/或安装到设备900上。当计算机程序加载到ram 903并由计算单元901执行时，可以执行上文描述的网页指标的生成方法的一个或多个步骤。备选地，在其他实施例中，计算单元901可以通过其他任何适当的方式(例如，借助于固件)而被配置为执行网页指标的生成方法。
140.本文中以上描述的系统和技术的各种实施方式可以在数字电子电路系统、集成电路系统、场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、芯片上系统的系统(soc)、负载可编程逻辑设备(cpld)、计算机硬件、固件、软件、和/或它们的组合中实现。这些各种实施方式可以包括：实施在一个或者多个计算机程序中，该一个或者多个计算机程序可在包括至少一个可编程处理器的可编程系统上执行和/或解释，该可编程处理器可以是专用或者通用可编程处理器，可以从存储系统、至少一个输入装置、和至少一个输出装置接收数据和指令，并且将数据和指令传输至该存储系统、该至少一个输入装置、和该至少一个输出装置。
141.用于实施本公开的方法的程序代码可以采用一个或多个编程语言的任何组合来编写。这些程序代码可以提供给通用计算机、专用计算机或其他可编程数据处理装置的处理器或控制器，使得程序代码当由处理器或控制器执行时使流程图和/或框图中所规定的功能/操作被实施。程序代码可以完全在机器上执行、部分地在机器上执行，作为独立软件包部分地在机器上执行且部分地在远程机器上执行或完全在远程机器或服务器上执行。
142.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd
‑
rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
143.为了提供与用户的交互，可以在计算机上实施此处描述的系统和技术，该计算机具有：用于向用户显示信息的显示装置(例如，crt(阴极射线管)或者lcd(液晶显示器)监视器)；以及键盘和指向装置(例如，鼠标或者轨迹球)，用户可以通过该键盘和该指向装置来将输入提供给计算机。其它种类的装置还可以用于提供与用户的交互；例如，提供给用户的反馈可以是任何形式的传感反馈(例如，视觉反馈、听觉反馈、或者触觉反馈)；并且可以用任何形式(包括声输入、语音输入或者、触觉输入)来接收来自用户的输入。
144.可以将此处描述的系统和技术实施在包括后台部件的计算系统(例如，作为数据
服务器)、或者包括中间件部件的计算系统(例如，应用服务器)、或者包括前端部件的计算系统(例如，具有图形用户界面或者网络浏览器的用户计算机，用户可以通过该图形用户界面或者该网络浏览器来与此处描述的系统和技术的实施方式交互)、或者包括这种后台部件、中间件部件、或者前端部件的任何组合的计算系统中。可以通过任何形式或者介质的数字数据通信(例如，通信网络)来将系统的部件相互连接。通信网络的示例包括：局域网(lan)、广域网(wan)、互联网和区块链网络。
145.计算机系统可以包括客户端和服务器。客户端和服务器一般远离彼此并且通常通过通信网络进行交互。通过在相应的计算机上运行并且彼此具有客户端
‑
服务器关系的计算机程序来产生客户端和服务器的关系。服务器可以是云服务器，又称为云计算服务器或云主机，是云计算服务体系中的一项主机产品，以解决了传统物理主机与vps服务("virtual private server"，或简称"vps")中，存在的管理难度大，业务扩展性弱的缺陷。服务器也可以为分布式系统的服务器，或者是结合了区块链的服务器。
146.应该理解，可以使用上面所示的各种形式的流程，重新排序、增加或删除步骤。例如，本发公开中记载的各步骤可以并行地执行也可以顺序地执行也可以不同的次序执行，只要能够实现本公开公开的技术方案所期望的结果，本文在此不进行限制。
147.上述具体实施方式，并不构成对本公开保护范围的限制。本领域技术人员应该明白的是，根据设计要求和其他因素，可以进行各种修改、组合、子组合和替代。任何在本公开的精神和原则之内所作的修改、等同替换和改进等，均应包含在本公开保护范围之内。