页面性能数据的生成方法和装置、计算机存储介质、终端与流程

1.本发明涉及h5网页处理技术领域，尤其是一种页面性能数据的生成方法和装置、计算机存储介质、终端。


背景技术：

2.随着互联网技术的快速发展，各互联网企业将h5页面引入开发的不同app产品、网页产品中已经成为主流项目开发趋势。其中，为了挽留使用不同产品的用户，各互联网企业会极力提升h5页面的性能，从而引入更多的用户。
3.目前，现有对h5页面中的页面性能数据的生成仅仅通过浏览器一端获取网络连接时长、页面渲染完成时间、资源下载时间等基础数据，进而进行交互响应时间的统计处理，但是，针对浏览器一端获取的基础数据进行统计处理得到的页面性能数据存在遗漏用户对页面产生真实操作的情况，从而使得页面性能数据处理过于僵化，无法得到真实的页面性能数据，并且，仅仅依靠浏览器一端进行统计，会降低页面性能数据在用户特征维度的准确性，从而无法满足对页面性能数据的生成需求。


技术实现要素：

4.本发明实施例所要解决的一个技术问题是页面性能数据处理过于僵化，无法得到真实的页面性能数据，并且，仅仅依靠浏览器一端进行统计，会降低页面性能数据在用户特征维度的准确性，从而无法满足对页面性能数据的生成需求。
5.依据本发明一个方面，提供了一种页面性能数据的生成方法，包括：
6.当检测到用户页面访问请求后，获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间；
7.根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储，所述已配置的性能节点包括基础性能节点、以及用于表征基于用户操作行为确定的目标页面性能节点；
8.响应于页面性能数据输出请求，基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据，并进行输出。
9.进一步地，所述获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间之前，所述方法还包括：
10.基于页面访问的过程信息确定产生网络基础数据和/或用户访问数据的至少一个触发节点；
11.为所述触发节点配置追踪事件，以使到达所述触发节点时基于所述追踪事件记录节点时间。
12.进一步地，所述基于页面访问的过程信息确定产生网络基础数据和/或用户访问数据的至少一个触发节点之前，所述方法还包括：
13.获取页面业务需求信息，并解析页面业务需求信息的需求节点，所述页面业务需
求信息用于表征基于不同页面业务产生性能数据处理需求的内容；
14.根据所述需求节点配置性能节点中的基础性能节点、以及目标页面性能节点，所述基础性能节点至少包括传输协议建立节点、域名解析节点、页面资源下载节点、页面脚本运行节点、页面文档对象模型解析节点中之一，所述目标页面性能节点至少包括页面可见可操作节点、页面到达节点、页面路由节点、页面组件渲染节点中之一。
15.进一步地，所述基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据包括：
16.若所述待处理的性能节点为页面可见可操作节点，则提取所述节点时间中的页面首次加载时间与页面首次渲染完成时间，根据所述页面首次加载时间与所述页面首次渲染完成时间的差值确定为页面可见可操作性能耗时；和/或，
17.若所述待处理的性能节点为页面路由节点，则提取所述节点时间中的页面路由进入时间与页面路由退出时间，根据所述页面路由进入时间与所述页面路由退出时间的差值确定为页面路由性能耗时；和/或，
18.若所述待处理的性能节点为页面组件渲染节点，则提取所述节点时间中页面生命周期函数的创建前时间与创建后时间，根据所述创建前时间与所述创建后时间的差值确定为页面组件渲染性能耗时；和/或，
19.若所述待处理的性能节点为页面到达节点，则提取所述节点时间中存在页面地址加载和/或页面内容渲染所对应的节点时间的第一用户量以及请求页面访问的第二用户量，按照预设时间间隔计算所述第一用户量与所述第二用户量的比值，确定为页面到达率。
20.进一步地，所述获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间包括：
21.当检测到基于代理服务器实时记录用户标识、页面访问时间、页面访问地址中任意一个时，判断是否到达所述触发节点；
22.若到达所述触发节点，则基于所述追踪事件记录所述网络基础数据和/或用户访问数据的节点时间。
23.进一步地，所述为所述触发节点配置追踪事件包括：
24.若所述触发节点为页面地址加载节点，则将所述追踪事件配置于检测到页面资源下载完成且页面脚本执行前的节点处，以使将页面资源下载完成且页面脚本执行前的节点时间作为页面地址加载时间。
25.进一步地，所述根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储包括：
26.按照不同用户标识、或不同页面标识对所述网络基础数据和/或用户访问数据的节点时间进行分类，并将分类后的所述节点时间存储至与所述性能节点匹配的数据库中。
27.依据本发明另一个方面，提供了一种页面性能数据的生成装置，包括：
28.获取模块，用于当检测到用户页面访问请求后，获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间；
29.存储模块，用于根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储，所述已配置的性能节点包括基础性能节点、以及用于表征基于用户操作行为确定的目标页面性能节点；
30.统计模块，用于响应于页面性能数据输出请求，基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据，并进行输出。
31.进一步地，所述装置还包括：
32.确定模块，用于基于页面访问的过程信息确定产生网络基础数据和/或用户访问数据的至少一个触发节点；
33.配置模块，用于为所述触发节点配置追踪事件，以使到达所述触发节点时基于所述追踪事件记录节点时间。
34.进一步地，所述装置还包括：解析模块，
35.所述解析模块，用于获取页面业务需求信息，并解析页面业务需求信息的需求节点，所述页面业务需求信息用于表征基于不同页面业务产生性能数据处理需求的内容；
36.所述配置模块，还用于根据所述需求节点配置性能节点中的基础性能节点、以及目标页面性能节点，所述基础性能节点至少包括传输协议建立节点、域名解析节点、页面资源下载节点、页面脚本运行节点、页面文档对象模型解析节点中之一，所述目标页面性能节点至少包括页面可见可操作节点、页面到达节点、页面路由节点、页面组件渲染节点中之一。
37.进一步地，所述统计模块包括：
38.第一确定单元，用于若所述待处理的性能节点为页面可见可操作节点，则提取所述节点时间中的页面首次加载时间与页面首次渲染完成时间，根据所述页面首次加载时间与所述页面首次渲染完成时间的差值确定为页面可见可操作性能耗时；和/或，
39.第二确定单元，用于若所述待处理的性能节点为页面路由节点，则提取所述节点时间中的页面路由进入时间与页面路由退出时间，根据所述页面路由进入时间与所述页面路由退出时间的差值确定为页面路由性能耗时；和/或，
40.第三确定单元，用于若所述待处理的性能节点为页面组件渲染节点，则提取所述节点时间中页面生命周期函数的创建前时间与创建后时间，根据所述创建前时间与所述创建后时间的差值确定为页面组件渲染性能耗时；和/或，
41.第四确定单元，用于若所述待处理的性能节点为页面到达节点，则提取所述节点时间中存在页面地址加载和/或页面内容渲染所对应的节点时间的第一用户量以及请求页面访问的第二用户量，按照预设时间间隔计算所述第一用户量与所述第二用户量的比值，确定为页面到达率。
42.进一步地，所述获取模块包括：
43.判断单元，用于当检测到基于代理服务器实时记录用户标识、页面访问时间、页面访问地址中任意一个时，判断是否到达所述触发节点；
44.记录单元，用于若到达所述触发节点，则基于所述追踪事件记录所述网络基础数据和/或用户访问数据的节点时间。
45.进一步地，所述配置模块，具体用于若所述触发节点为页面地址加载节点，则将所述追踪事件配置于检测到页面资源下载完成且页面脚本执行前的节点处，以使将页面资源下载完成且页面脚本执行前的节点时间作为页面地址加载时间。
46.进一步地，存储模块，具体用于按照不同用户标识、或不同页面标识对所述网络基础数据和/或用户访问数据的节点时间进行分类，并将分类后的所述节点时间存储至与所
述性能节点匹配的数据库中。
47.根据本发明的又一方面，提供了一种存储介质，所述存储介质中存储有至少一可执行指令，所述可执行指令使处理器执行如上述页面性能数据的生成方法对应的操作。
48.根据本发明的再一方面，提供了一种终端，包括：处理器、存储器、通信接口和通信总线，所述处理器、所述存储器和所述通信接口通过所述通信总线完成相互间的通信；
49.所述存储器用于存放至少一可执行指令，所述可执行指令使所述处理器执行上述页面性能数据的生成方法对应的操作。
50.借由上述技术方案，本发明实施例提供的技术方案至少具有下列优点：
51.本发明提供了一种页面性能数据的生成方法及装置、计算机存储介质、终端，与现有技术相比，本发明实施例通过当检测到用户页面访问请求后，获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间；根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储，所述已配置的性能节点包括基础性能节点、以及用于表征基于用户操作行为确定的目标页面性能节点；响应于页面性能数据输出请求，基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据，并进行输出，从而以灵活配置性能节点生成页面性能数据，来满足不同页面性能需求，并将用户真实操作行为作为性能节点的分析范围内，大大增加了对页面操作反映页面性能的真实性，从而提高了页面性能数据的有效性。
52.下面通过附图和实施例，对本发明的技术方案做进一步的详细描述。
附图说明
53.构成说明书的一部分的附图描述了本发明的实施例，并且连同描述一起用于解释本发明的原理。
54.参照附图，根据下面的详细描述，可以更加清楚地理解本发明，其中：
55.图1示出了本发明实施例提供的一种页面性能数据的生成方法流程图；
56.图2示出了本发明实施例提供的另一种页面性能数据的生成方法流程图；
57.图3示出了本发明实施例提供的又一种页面性能数据的生成方法流程图；
58.图4示出了本发明实施例提供的一种页面性能数据的生成系统架构示意图；
59.图5示出了本发明实施例提供的一种页面性能数据的生成装置组成框图；
60.图6示出了本发明实施例提供的一种终端的结构示意图。
具体实施方式
61.现在将参照附图来详细描述本发明的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本发明的范围。
62.同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
63.以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本发明及其应用或使用的任何限制。
64.对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适
当情况下，所述技术、方法和设备应当被视为说明书的一部分。
65.应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
66.本发明实施例可以应用于计算机系统/服务器，其可与众多其它通用或专用计算系统环境或配置一起操作。适于与计算机系统/服务器一起使用的众所周知的计算系统、环境和/或配置的例子包括但不限于：个人计算机系统、服务器计算机系统、瘦客户机、厚客户机、手持或膝上设备、基于微处理器的系统、机顶盒、可编程消费电子产品、网络个人电脑、小型计算机系统﹑大型计算机系统和包括上述任何系统的分布式云计算技术环境，等等。
67.计算机系统/服务器可以在由计算机系统执行的计算机系统可执行指令(诸如程序模块)的一般语境下描述。通常，程序模块可以包括例程、程序、目标程序、组件、逻辑、数据结构等等，它们执行特定的任务或者实现特定的抽象数据类型。计算机系统/服务器可以在分布式云计算环境中实施，分布式云计算环境中，任务是由通过通信网络链接的远程处理设备执行的。在分布式云计算环境中，程序模块可以位于包括存储设备的本地或远程计算系统存储介质上。
68.本发明实施例提供了一种页面性能数据的生成方法，如图1所示，该方法包括：
69.101、当检测到用户页面访问请求后，获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间。
70.其中，所述网络基础数据为用户触发页面访问请求后因网络连接而产生的数据，包括但不限于网络状态数据、页面加载数据、接口数据、url地址等，所述用户访问数据为在页面访问过程中体现用户特征的数据，包括但不限于用户ip、用户访问时间等，本发明实施例不做具体限定。本发明实施例中，当前执行主体可以通过追踪事件对产生网络基础数据、用户访问数据的节点进行记录时间点，从而在检测到用户触发页面访问请求后，获取已经配置在网络基础数据、用户访问数据的节点的节点时间。
71.需要说明的是，作为当前执行端的执行主体可以为嵌入至客户端中应用组件、脚本工具或服务端中的软件包，以实时检测用户是否触发页面的页面访问请求，从而获取已经追踪记录页面所产生的网络基础数据、用户访问数据的节点时间。另外，本发明实施例中，页面可以为不同应用程序中搭建的用户界面，优选为一套用于构建用户界面的渐进式框架vue所构建的页面。另外，本发明实施例中的用户为任意一个访问指定页面的用户，因此在统计页面性能数据时，为针对一个指定页面生成的性能数据。
72.102、根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储。
73.其中，所述已配置的性能节点包括基础性能节点、以及用于表征基于用户操作行为确定的目标页面性能节点，所述基础性能节点至少包括传输协议建立节点、域名解析节点、页面资源下载节点、页面脚本运行节点、页面文档对象模型解析节点中之一，所述目标页面性能节点至少包括页面可见可操作节点、页面到达节点、页面路由节点、页面组件渲染节点中之一。本发明实施例中，由于用户触发页面访问请求后，可能会进行退出操作、或者跳转至其他页面等操作，因此，获取到节点时间后，为了准确生成页面性能数据，按照已配置的性能节点将网络基础数据、用户访问数据的节点时间存储在预设的数据库中，如clickhouse数据库中，本发明实施例不做具体限定。
74.需要说明的是，本发明实施例中的性能节点为用户进行页面访问后，浏览器、网络服务器等将页面内容全部输出给用户过程中各个流程节点中需要统计页面性能的节点，因此，可以预先基于不同的业务、或者用户行为进行配置，从而利用不同性能节点的节点时间进行页面性能的生成。
75.103、响应于页面性能数据输出请求，基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据，并进行输出。
76.本发明实施例中，对于页面性能数据输出请求的请求方可以为业务后台的开发人员，也可以为有权限获取页面性能数据的用户方，本发明实施例不做具体限定。因此，当接收到页面性能数据输出请求后，当前执行端根据已经存储在数据库中的网络基础数据、用户访问数据的节点时间统计需要处理的性能节点的页面性能数据。其中，页面性能数据用于表征页面被用户访问后所产生各种数据的时间消耗，例如，待处理的性能节点为域名解析节点，则基于节点时间统计的页面性能数据即为域名解析耗时，以进行输出。其中，输出的方式可以为grafana图表、表格等，本发明实施例不做具体限定。
77.对于本发明实施例中，若待处理的性能节点为基础性能节点，则至少包括传输协议建立节点、域名解析节点、页面资源下载节点、页面脚本运行节点、页面文档对象模型解析节点中之一，因此，对于传输协议建立节点的页面性能数据即可以为tcp传输协议建立耗时，统计方法为浏览器和服务器进行连接结束的时间与浏览器向服务器请求url内容的时间之差，表示为tcp传输协议建立耗时＝performance.timing.connectend
‑
performance.timing.connectstart；对于域名解析节点的页面性能数据即可以为dns解析耗时，统计方法为解析域名结束时间与解析域名起始时间之差，表示为dns解析耗时＝performance.timing.domainlookupend
‑
performance.timing.domainlookupstart；对于页面资源下载节点的页面性能数据即可以为页面资源下载耗时，统计方法为浏览器从服务器、缓存或者本地资源接收响应的最后一个字节或者连接的时间与浏览器使用准备使用http请求抓取文档的时间之差，表示为网页资源下载耗时＝performance.timing.responseend
‑
performance.timing.fetchstart；对于页面脚本运行节点的页面性能数据即可以为自执行javascript运行耗时，统计方法为页面加载状态改变时事件的载入完成时间与页面加载状态改变时事件的已加载且文档与用户开始交互时间之差，表示为自执行javascript运行耗时＝performance.timing.domcomplete
‑
performance.timing.dominteractive；对于页面文档对象模型解析节点的页面性能数据即可以为dom解析耗时，统计方法为解析器开始工作时进入载入中的时间与解析器开始工作时进入交互的时间之差，表示为dom解析耗时＝performance.timing.dominteractive
‑
performance.timing.domloading。其中，上述performance.timing是一系列关键时间点，其包含了网络、解析等一系列的时间数据，从而进行性能节点的耗时数据的统计，本发明实施例不做具体限定。
78.在本发明实施例中，为了进一步说明及限定，如图2所示，步骤101获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间之前，所述方法还包括：201、基于页面访问的过程信息确定产生网络基础数据和/或用户访问数据的至少一个触发节点；202、为所述触发节点配置追踪事件，以使到达所述触发节点时基于所述追踪事件记录节点时间。
79.为了避免页面性能数据生成中过于僵化，在获取网络基础数据、用户访问数据的
节点时间之前，确定确定产生网络基础数据和/或用户访问数据的至少一个触发节点，并为触发节点配置追踪事件。其中，页面访问的过程信息为从用户触发页面开始，经过浏览器、网络服务器等处理端开始请求网络建立、通信协议建立、url域名解析、页面资源加载、页面脚本运行、页面渲染等步骤，直至在用户端完整显示页面的步骤，对应于页面访问的过程信息，触发节点即为在此流程中获取到网络基础数据、用户访问数据的执行节点，例如，页面资源加载节点，即为开始获取页面资源加载数据的时间点，因此，将页面资源加载节点作为触发节点时，在此触发节点配置触发事件后，在访问页面过程中，到达页面资源加载节点时，记录节点时间。
80.需要说明的是，本发明实施例中的追踪事件为通过一个追踪接口，记录触发节点后的节点时间，例如为track api，在到达触发节点时，调用track api的追踪脚本进行记录节点时间，本发明实施例不做具体限定。
81.在本发明实施例中，为了进一步限定及说明，步骤202为所述触发节点配置追踪事件，具体包括：若所述触发节点为页面地址加载节点，则将所述追踪事件配置于检测到页面资源下载完成且页面脚本执行前的节点处，以使将页面资源下载完成且页面脚本执行前的节点时间作为页面地址加载时间。
82.由于用户触发页面访问请求过程中，是通过代理服务器记录url数据的，可能会因页面脚本执行而出现url跳转的情况，从而导致用户访问页面的真正url与代理服务器记录的url不一致，从而影响页面地址加载节点的性能节点的确定，因此，本发明实施例中，将作为页面地址加载节点的触发节点的追踪事件配置于检测到页面资源下载完成且页面脚本执行前的节点处，从而将页面资源下载完成且页面脚本执行前的节点时间作为页面地址加载时间，确保追踪记录用户访问页面的真实url的节点时间，提高页面性能数据生成的准确性。
83.在本发明实施例中，为了进一步限定及说明，步骤201所述基于页面访问的过程信息确定产生网络基础数据和/或用户访问数据的至少一个触发节点之前，所述方法还包括：获取页面业务需求信息，并解析页面业务需求信息的需求节点，所述页面业务需求信息用于表征基于不同页面业务产生性能数据处理需求的内容；根据所述需求节点配置性能节点中的基础性能节点、以及目标页面性能节点，所述基础性能节点至少包括传输协议建立节点、域名解析节点、页面资源下载节点、页面脚本运行节点、页面文档对象模型解析节点中之一，所述目标页面性能节点至少包括页面可见可操作节点、页面到达节点、页面路由节点、页面组件渲染节点中之一。
84.为了满足不同的页面性能数据生成需求，扩大页面性能的感知力度，在确定触发节点之前，可以通过获取页面业务需求信息，并解析出需求节点，将需求节点配置为基础性能节点、目标页面性能节点。其中，页面业务需求信息用于表征基于不同页面业务产生性能数据处理需求的内容，页面业务为用户触发页面所产生的操作需求，例如，视频页面为播放视频需求，网购页面为电子交易需求，因此，针对不同页面业务会产生不同的性能数据处理需求，进而的，根据页面业务需求信息可以解析出不同的需求节点。例如，针对视频播放业务，页面业务需求信息可以为视频资源加载需求，因此，解析得到的需求节点为视频资源加载节点。本发明实施例中，对于解析页面业务需求信息的需求节点，可以基于录入的页面业务需求信息中的需求内容进行拆分，从而将每个拆分出的需求内容作为一个需求节点，从
而按照需求节点配置性能节点中的基础性能节点、以及目标页面性能节点。
85.需要说明的是，由于性能节点包括针对页面访问过程中为页面优化提供基础依据的传输协议建立节点、域名解析节点、页面资源下载节点、页面脚本运行节点、页面文档对象模型解析节点等，以及包括为了满足不同页面业务中与用户操作行为相关的页面可见可操作节点、页面到达节点、页面路由节点、页面组件渲染节点。其中，页面可见可操作节点为页面相对于用户真正显示并可操作执行的节点，页面到达节点为对用户在预设时间间隔内触发页面访问后，页面内容真实到达用户端进行显示的节点。另外，针对vue页面，页面路由节点为vue路由注入的节点，页面组件渲染节点为vue组件真正渲染的节点，本发明实施例不做具体限定。
86.在本发明实施例中，为了进一步限定，步骤102基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据，具体包括：若所述待处理的性能节点为页面可见可操作节点，则提取所述节点时间中的页面首次加载时间与页面首次渲染完成时间，根据所述页面首次加载时间与所述页面首次渲染完成时间的差值确定为页面可见可操作性能耗时；和/或，若所述待处理的性能节点为页面路由节点，则提取所述节点时间中的页面路由进入时间与页面路由退出时间，根据所述页面路由进入时间与所述页面路由退出时间的差值确定为页面路由性能耗时；和/或，若所述待处理的性能节点为页面组件渲染节点，则提取所述节点时间中页面生命周期函数的创建前时间与创建后时间，根据所述创建前时间与所述创建后时间的差值确定为页面组件渲染性能耗时；和/或，若所述待处理的性能节点为页面到达节点，则提取所述节点时间中存在页面地址加载和/或页面内容渲染所对应的节点时间的第一用户量以及请求页面访问的第二用户量，按照预设时间间隔计算所述第一用户量与所述第二用户量的比值，确定为页面到达率。
87.由于性能节点包括基础性能节点与目标页面性能节点，为了满足不同的页面性能数据的生成需求，对于目标页面性能节点的页面性能数据的生成，不同的目标页面性能节点具有不同的计算方法。具体的，若待处理的性能节点为页面可见可操作节点，则提取节点时间中的页面首次加载时间与页面首次渲染完成时间，根据页面首次加载时间与页面首次渲染完成时间的差值确定为页面可见可操作性能耗时，即通过window.performance.timing.navigationstart得到浏览器提供的页面首次加载时间，以及根据追踪事件记录的页面首次渲染时间统计出可见可操作耗时。若待处理的性能节点为页面路由节点，则提取节点时间中的页面路由进入时间与页面路由退出时间，根据页面路由进入时间与页面路由退出时间的差值确定为页面路由性能耗时，即针对vue页面，利用vue路由跳转通过注入vue
‑
router的beforeeach和aftereach分别作为页面路由进入时间与页面路由退出时间，以确定两个时间点差值。若待处理的性能节点为页面组件渲染节点，则提取节点时间中页面生命周期函数的创建前时间与创建后时间，根据创建前时间与创建后时间的差值确定为页面组件渲染性能耗时，即针对vue页面，利用注入vue页面的生命周期函数beforecreate和mounted分别作为创建钱时间和创建后时间，以确定两个时间点差值。若待处理的性能节点为页面到达节点，则提取节点时间中存在页面地址加载和/或页面内容渲染所对应的节点时间的第一用户量以及请求页面访问的第二用户量，按照预设时间间隔计算第一用户量与第二用户量的比值，确定为页面到达率，其中，页面到达率用于表示在一定时间范围内，所有打开特定页面的用户，有多少用户真实的访问到了特定页面的概率，因此通过页面加载
地址、或页面内容渲染的时间节点作为用户实际打开页面的节点对应的用户量，结合用户请求页面访问的时间节点对应的用户量计算出页面到达率，以体现出用户对该页面的期待程度。
88.需要说明的是，本发明实施例中的可见可操作耗时用于表示出不同页面在同一个设备上渲染耗时的快慢，因此，在统计时还可以基于每一个用户的访问设备型号作为统计依据，结合使用该设备的用户从访问页面开始到页面最终内容呈现完毕可交互点击这个过程的耗时，从而作为分析一个页面、不同终端设备的实际渲染快慢，作为性能数据。同时，对于到达率的统计，由于节点时间均存储在clickhost数据库中，针对存储在不同位置的节点时间，例如一个数据表中存储有用户访问请求网络相关数据，另一个数据表中存储有用户访问请求页面实际到达相关数据，从而按照预设时间间隔作为一个统计点，统计一次页面到达率，如每5分钟做为一个时间节点，以访问请求明细表中用户访问量做为分母，实际到达明细表中用户访问量做为分子，算出历史记录每5分钟的页面到达率。
89.在本发明实施例中，为了进一步限定及说明，如图3所示，步骤101所述获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间包括：1011、当检测到基于代理服务器实时记录用户标识、页面访问时间、页面访问地址中任意一个时，判断是否到达所述触发节点；1012、若到达所述触发节点，则基于所述追踪事件记录所述网络基础数据和/或用户访问数据的节点时间。
90.具体的，当用户触发页面访问请求后，通过代理服务器实时记录用户的访问信息，包括用户标识、页面访问时间、页面访问地址，因此，为了提高对触发节点的追踪记录准确性，当检测到代理服务器记录到用户标识、页面访问时间、页面访问地址中任意一个时，说明用户开始了页面访问的流程，从而开始判断是否达到预先配置的触发节点，若到达触发节点，则调用追踪事件记录产生网络基础数据、用户访问数据的时间节点。
91.在本发明实施例中，为了进一步限定及说明，步骤102所述根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储，具体包括：按照不同用户标识、或不同页面标识对所述网络基础数据和/或用户访问数据的节点时间进行分类，并将分类后的所述节点时间存储至与所述性能节点匹配的数据库中。
92.具体的，用户标识为用于表示用户身份的用户ip，页面标识为用于表示页面身份的页面id或url，在进行存储时，为了便于对不同性能节点的性能数据的统计生成，可以按照不同用户标识、或不同页面标识对网络基础数据、用户访问数据的节点时间进行分类，按照根据不同用户标识、或不同页面标识分类后的节点时间，存储在与性能节点匹配的数据库中，以便提高性能数据生成的效率以及准确性。
93.在本发明实施例中的一个vue页面场景中，如图4所示的页面性能数据生成系统架构图，包括：当用户进行页面访问请求后，基于nginx服务器获取用户访问时间、用户访问url、用户ip等信息，作为当前执行端的@sd/monitor通过performance接口来获取各个节点时间，按照预先配置的触发节点获取追踪到的用户进入页面url、可见可操作节点等节点的节点时间，按照用户网络相关数据、用户访问数据分类存储在clickhouse数据库中。当开放人员或者权限用户请求性能数据输出时，基于数据应用层调取数据库中数据进行用户到达率、可见可操作耗时、页面网络建立耗时(网络状态)、页面首次渲染耗时(首屏时长)、页面完全加载完成耗时、dom解析耗时统计，从而输出得到的页面性能数据。
94.本发明实施例提供了一种页面性能数据的生成方法，与现有技术相比，本发明实施例通过当检测到用户页面访问请求后，获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间；根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储，所述已配置的性能节点包括基础性能节点、以及用于表征基于用户操作行为确定的目标页面性能节点；响应于页面性能数据输出请求，基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据，并进行输出，从而以灵活配置性能节点生成页面性能数据，来满足不同页面性能需求，并将用户真实操作行为作为性能节点的分析范围内，大大增加了对页面操作反映页面性能的真实性，从而提高了页面性能数据的有效性。
95.进一步的，作为对上述图1所示方法的实现，本发明实施例提供了一种页面性能数据的生成装置，如图5所示，该装置包括：
96.获取模块31，用于当检测到用户页面访问请求后，获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间；
97.存储模块32，用于根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储，所述已配置的性能节点包括基础性能节点、以及用于表征基于用户操作行为确定的目标页面性能节点；
98.统计模块33，用于响应于页面性能数据输出请求，基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据，并进行输出。
99.进一步地，所述装置还包括：
100.确定模块，用于基于页面访问的过程信息确定产生网络基础数据和/或用户访问数据的至少一个触发节点；
101.配置模块，用于为所述触发节点配置追踪事件，以使到达所述触发节点时基于所述追踪事件记录节点时间。
102.进一步地，所述装置还包括：解析模块，
103.所述解析模块，用于获取页面业务需求信息，并解析页面业务需求信息的需求节点，所述页面业务需求信息用于表征基于不同页面业务产生性能数据处理需求的内容；
104.所述配置模块，还用于根据所述需求节点配置性能节点中的基础性能节点、以及目标页面性能节点，所述基础性能节点至少包括传输协议建立节点、域名解析节点、页面资源下载节点、页面脚本运行节点、页面文档对象模型解析节点中之一，所述目标页面性能节点至少包括页面可见可操作节点、页面到达节点、页面路由节点、页面组件渲染节点中之一。
105.进一步地，所述统计模块包括：
106.第一确定单元，用于若所述待处理的性能节点为页面可见可操作节点，则提取所述节点时间中的页面首次加载时间与页面首次渲染完成时间，根据所述页面首次加载时间与所述页面首次渲染完成时间的差值确定为页面可见可操作性能耗时；和/或，
107.第二确定单元，用于若所述待处理的性能节点为页面路由节点，则提取所述节点时间中的页面路由进入时间与页面路由退出时间，根据所述页面路由进入时间与所述页面路由退出时间的差值确定为页面路由性能耗时；和/或，
108.第三确定单元，用于若所述待处理的性能节点为页面组件渲染节点，则提取所述
节点时间中页面生命周期函数的创建前时间与创建后时间，根据所述创建前时间与所述创建后时间的差值确定为页面组件渲染性能耗时；和/或，
109.第四确定单元，用于若所述待处理的性能节点为页面到达节点，则提取所述节点时间中存在页面地址加载和/或页面内容渲染所对应的节点时间的第一用户量以及请求页面访问的第二用户量，按照预设时间间隔计算所述第一用户量与所述第二用户量的比值，确定为页面到达率。
110.进一步地，所述获取模块包括：
111.判断单元，用于当检测到基于代理服务器实时记录用户标识、页面访问时间、页面访问地址中任意一个时，判断是否到达所述触发节点；
112.记录单元，用于若到达所述触发节点，则基于所述追踪事件记录所述网络基础数据和/或用户访问数据的节点时间。
113.进一步地，所述配置模块，具体用于若所述触发节点为页面地址加载节点，则将所述追踪事件配置于检测到页面资源下载完成且页面脚本执行前的节点处，以使将页面资源下载完成且页面脚本执行前的节点时间作为页面地址加载时间。
114.进一步地，存储模块，具体用于按照不同用户标识、或不同页面标识对所述网络基础数据和/或用户访问数据的节点时间进行分类，并将分类后的所述节点时间存储至与所述性能节点匹配的数据库中。
115.本发明实施例提供了一种页面性能数据的生成装置，与现有技术相比，本发明实施例通过当检测到用户页面访问请求后，获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间；根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储，所述已配置的性能节点包括基础性能节点、以及用于表征基于用户操作行为确定的目标页面性能节点；响应于页面性能数据输出请求，基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据，并进行输出，从而以灵活配置性能节点生成页面性能数据，来满足不同页面性能需求，并将用户真实操作行为作为性能节点的分析范围内，大大增加了对页面操作反映页面性能的真实性，从而提高了页面性能数据的有效性。
116.根据本发明一个实施例提供了一种计算机存储介质，所述存储介质存储有至少一可执行指令，该计算机可执行指令可执行上述任意方法实施例中的页面性能数据的生成方法。
117.图6示出了根据本发明一个实施例提供的一种终端的结构示意图，本发明具体实施例并不对电子设备的具体实现做限定。
118.如图6所示，该终端可以包括：处理器(processor)402、通信接口(communications interface)404、存储器(memory)406、以及通信总线408。
119.其中：处理器402、通信接口404、以及存储器406通过通信总线408完成相互间的通信。
120.通信接口404，用于与其它设备比如客户端或其它服务器等的网元通信。
121.处理器402，用于执行程序410，具体可以执行上述页面性能数据的生成方法实施例中的相关步骤。
122.具体地，程序410可以包括程序代码，该程序代码包括计算机操作指令。
123.处理器402可能是中央处理器cpu，或者是特定集成电路asic(application specific integrated circuit)，或者是被配置成实施本发明实施例的一个或多个集成电路。电子设备包括的一个或多个处理器，可以是同一类型的处理器，如一个或多个cpu；也可以是不同类型的处理器，如一个或多个cpu以及一个或多个asic。
124.存储器406，用于存放程序410。存储器406可能包含高速ram存储器，也可能还包括非易失性存储器(non
‑
volatile memory)，例如至少一个磁盘存储器。
125.程序410具体可以用于使得处理器402执行以下操作：
126.当检测到用户页面访问请求后，获取追踪记录页面产生网络基础数据和/或用户访问数据的节点时间；
127.根据已配置的性能节点对所述网络基础数据和/或用户访问数据的节点时间进行存储，所述已配置的性能节点包括基础性能节点、以及用于表征基于用户操作行为确定的目标页面性能节点；
128.响应于页面性能数据输出请求，基于已存储的所述节点时间统计与所述输出请求中携带待处理的性能节点匹配的页面性能数据，并进行输出。
129.本说明书中各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其它实施例的不同之处，各个实施例之间相同或相似的部分相互参见即可。对于系统实施例而言，由于其与方法实施例基本对应，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
130.可能以许多方式来实现本发明的方法和系统。例如，可通过软件、硬件、固件或者软件、硬件、固件的任何组合来实现本发明的方法和系统。用于所述方法的步骤的上述顺序仅是为了进行说明，本发明的方法的步骤不限于以上具体描述的顺序，除非以其它方式特别说明。此外，在一些实施例中，还可将本发明实施为记录在记录介质中的程序，这些程序包括用于实现根据本发明的方法的机器可读指令。因而，本发明还覆盖存储用于执行根据本发明的方法的程序的记录介质。
131.本发明的描述是为了示例和描述起见而给出的，而并不是无遗漏的或者将本发明限于所公开的形式。很多修改和变化对于本领域的普通技术人员而言是显然的。选择和描述实施例是为了更好说明本发明的原理和实际应用，并且使本领域的普通技术人员能够理解本发明从而设计适于特定用途的带有各种修改的各种实施例。