CN110717122A - 页面性能采集方法、装置及电子设备 - Google Patents
页面性能采集方法、装置及电子设备 Download PDFInfo
- Publication number
- CN110717122A CN110717122A CN201910916802.XA CN201910916802A CN110717122A CN 110717122 A CN110717122 A CN 110717122A CN 201910916802 A CN201910916802 A CN 201910916802A CN 110717122 A CN110717122 A CN 110717122A
- Authority
- CN
- China
- Prior art keywords
- time
- page
- loading
- acquiring
- counter
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 58
- 238000009877 rendering Methods 0.000 claims abstract description 35
- 239000000523 sample Substances 0.000 claims description 11
- 238000001514 detection method Methods 0.000 claims description 10
- 230000008569 process Effects 0.000 claims description 10
- 230000008859 change Effects 0.000 claims description 9
- 230000001960 triggered effect Effects 0.000 claims description 5
- 238000012545 processing Methods 0.000 abstract description 10
- 238000004590 computer program Methods 0.000 description 14
- 238000010586 diagram Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 238000011156 evaluation Methods 0.000 description 5
- 230000003287 optical effect Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000007613 environmental effect Effects 0.000 description 2
- 238000012544 monitoring process Methods 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 238000013480 data collection Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F11/00—Error detection; Error correction; Monitoring
- G06F11/30—Monitoring
- G06F11/34—Recording or statistical evaluation of computer activity, e.g. of down time, of input/output operation ; Recording or statistical evaluation of user activity, e.g. usability assessment
- G06F11/3466—Performance evaluation by tracing or monitoring
- G06F11/3476—Data logging
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Databases & Information Systems (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Computer Hardware Design (AREA)
- Quality & Reliability (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本公开实施例中提供了一种页面性能采集方法、装置及电子设备，属于计算机技术领域，该方法包括：在页面首次加载的情况下，获取页面首次开始加载时间t0，并且在单页应用加载的情况下，获取单页应用开始加载时间t0；获取页面文档加载完成时间t1以及页面资源加载完成时间t2，其中所述页面文档加载完成时间t1指示DOM文档结构准备完毕的时间，所述页面资源加载完成时间t2指示窗体加载完成的时间；获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3；以及根据所述时间t0、时间t1、时间t2、时间t3获得页面加载时间。通过本公开的处理方案，能够获取页面完整展现时间。
Description
技术领域
本公开涉及计算机技术领域，尤其涉及一种页面性能采集方法、装置及电子设备。
背景技术
单页引用是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，而非传统的从服务器重新加载整个新页面。
目前针对单页应用的性能采集方法有如下方法：
1、基于浏览器的性能工具，例如chrome的performance tool，但该方式无法将采集的数据汇集到服务器进行统一处理，只能针对单个设备进行数据采集，而且依赖特定浏览器才能做到。过程中无法完全自动化，需要人工界定页面加载的起始和终止时间。
2、基于Vue等特定JS框架或者组件实现，比如针对Vue的特定事件进行处理，获取性能数据，但该方式受限于特定的JS框架或者组件技术，无法在其他框架下实现数据采集，使用范围受限。
3、基于页面加载的性能采集，目前很多前端性能采集依赖于页面重新加载，通过页面的onload、domready事件进行处理，但该方式无法处理不刷新页面的单页应用。
发明内容
有鉴于此，本公开实施例提供一种页面性能采集方法、装置及电子设备，以至少部分解决现有技术中存在的问题。
根据本公开实施例的方案通过在网页中加入JS探针，探针在网页上执行相关的采集操作，将采集到的数据上报到服务器端，实现对所有用户访问网页的性能监控。该方案可以完成页面首次加载时候的性能采集，也可以针对单页应用的性能数据做采集，采集的数据除了客户端必要的环境信息外，特别是能够采集页面的完整展现时间。
第一方面，本公开实施例提供了一种页面性能采集方法，包括：
在页面首次加载的情况下，获取页面首次开始加载时间t0，并且在单页应用加载的情况下，获取单页应用开始加载时间t0；
获取页面文档加载完成时间t1以及页面资源加载完成时间t2，其中所述页面文档加载完成时间t1指示DOM文档结构准备完毕的时间，所述页面资源加载完成时间t2指示窗体加载完成的时间；
获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3；以及
根据所述时间t0、时间t1、时间t2、时间t3获得页面加载时间。
根据本公开实施例的一种具体实现方式，通过如下步骤确定加载类型为页面首次加载还是单页应用加载：
在所述页面中集成探针；以及
在所述探针中加入随页面加载执行的逻辑；
其中所述逻辑在所述页面首次加载或单页应用加载时被触发。
根据本公开实施例的一种具体实现方式，所述获取单页应用开始加载时间t0，包括：
确定浏览器是否支持url变化的检测；
在所述浏览器支持url变化的检测的情况下，将检测到url变化的时间确定为单页应用开始加载时间t0；
在所述浏览器不支持url变化的检测的情况下，以预定周期获取当前浏览器的链接地址；并且
将所述链接地址发生改变的时间确定为单页应用开始加载时间t0。
根据本公开实施例的一种具体实现方式，所述获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3，包括：
对所述Ajax请求过程进行计数，其中在所述Ajax请求发送前，对所述计数器进行累加计数，并且在接收到Ajax请求结果时，对所述计数器进行累减计数；以及
将所述计数器的计数值恢复到原始值的时间确定为Ajax请求执行且渲染完毕的时间t3。
根据本公开实施例的一种具体实现方式，在所述启动计数器之前，所述方法还包括对所述计数器进行复位。
根据本公开实施例的一种具体实现方式，所述将所述计数器的计数值恢复到原始值的时间确定为Ajax请求执行且渲染完毕的时间t3，包括：
启动计数器，在页面首次加载的情况下在所述页面文档加载完成之后启动计数器，并且在所述单页应用加载的情况下，在单页应用开始加载之后启动计数器；
以预定时间间隔确定所述计数器的计数值；并且
当所述计数器的计数值恢复到原始值时，将该时间确定为Ajax请求执行且渲染完毕的时间t3。
根据本公开实施例的一种具体实现方式，所述页面加载时间包括页面渲染时间和后台请求时间，并且，在页面首次加载的情况下，所述页面渲染时间为Max(t1,t2,t3)-t0，并且所述后台请求时间为t3-t1，其中Max(t1,t2,t3)指示t1、t2和t3中的最大值。
根据本公开实施例的一种具体实现方式，所述页面加载时间包括页面渲染时间和后台请求时间，并且，在单页应用加载的情况下，t1＝t2＝0，并且页面渲染时间和后台请求时间均为t3-t0。
根据本公开实施例的一种具体实现方式，通过浏览器的perfromance接口或者通过获取当前系统时间获取所述时间t1、t2和t3。
第二方面，本公开实施例提供了一种页面性能采集装置，包括：
开始加载时间获取模块，在页面首次加载的情况下，获取页面首次开始加载时间t0，并且在单页应用加载的情况下，获取单页应用开始加载时间t0；
页面文档加载完成时间以及页面资源加载完成时间获取模块，获取页面文档加载完成时间t1以及页面资源加载完成时间t2，其中所述页面文档加载完成时间t1指示DOM文档结构准备完毕的时间，所述页面资源加载完成时间t2指示窗体加载完成的时间；
Ajax请求执行且渲染完毕时间获取模块，获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3；以及
页面加载时间获取模块，根据所述时间t0、时间t1、时间t2、时间t3获得页面加载时间。
第三方面，本公开实施例还提供了一种电子设备，该电子设备包括：
至少一个处理器；以及，
与该至少一个处理器通信连接的存储器；其中，
该存储器存储有可被该至少一个处理器执行的指令，该指令被该至少一个处理器执行，以使该至少一个处理器能够执行前述第一方面或第一方面的任一实现方式中的页面性能采集方法。
第四方面，本公开实施例还提供了一种非暂态计算机可读存储介质，该非暂态计算机可读存储介质存储计算机指令，该计算机指令用于使该计算机执行前述第一方面或第一方面的任一实现方式中的页面性能采集方法。
第五方面，本公开实施例还提供了一种计算机程序产品，该计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序，该计算机程序包括程序指令，当该程序指令被计算机执行时，使该计算机执行前述第一方面或第一方面的任一实现方式中的页面性能采集方法。
本公开实施例中的页面性能采集方案，包括在页面首次加载的情况下，获取页面首次开始加载时间t0，并且在单页应用加载的情况下，获取单页应用开始加载时间t0；获取页面文档加载完成时间t1以及页面资源加载完成时间t2，其中所述页面文档加载完成时间t1指示DOM文档结构准备完毕的时间，所述页面资源加载完成时间t2指示窗体加载完成的时间；获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3；以及根据所述时间t0、时间t1、时间t2、时间t3获得页面加载时间。通过本公开的处理方案，能够获取页面完整展现时间。
附图说明
为了更清楚地说明本公开实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
图1为本公开实施例提供的一种页面性能采集方法的流程示意图；
图2为本公开实施例提供的一种获取开始加载时间的流程图；
图3为本公开实施例提供的一种获取Ajax请求执行且渲染完毕的时间的流程示意图；
图4为本公开实施例的计数器的操作示例；
图5为本公开实施例提供的一种页面性能采集装置结构示意图；
图6为本公开实施例提供的电子设备示意图。
具体实施方式
下面结合附图对本公开实施例进行详细描述。
以下通过特定的具体实例说明本公开的实施方式，本领域技术人员可由本说明书所揭露的内容轻易地了解本公开的其他优点与功效。显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。本公开还可以通过另外不同的具体实施方式加以实施或应用，本说明书中的各项细节也可以基于不同观点与应用，在没有背离本公开的精神下进行各种修饰或改变。需说明的是，在不冲突的情况下，以下实施例及实施例中的特征可以相互组合。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
需要说明的是，下文描述在所附权利要求书的范围内的实施例的各种方面。应显而易见，本文中所描述的方面可体现于广泛多种形式中，且本文中所描述的任何特定结构及/或功能仅为说明性的。基于本公开，所属领域的技术人员应了解，本文中所描述的一个方面可与任何其它方面独立地实施，且可以各种方式组合这些方面中的两者或两者以上。举例来说，可使用本文中所阐述的任何数目个方面来实施设备及/或实践方法。另外，可使用除了本文中所阐述的方面中的一或多者之外的其它结构及/或功能性实施此设备及/或实践此方法。
还需要说明的是，以下实施例中所提供的图示仅以示意方式说明本公开的基本构想，图式中仅显示与本公开中有关的组件而非按照实际实施时的组件数目、形状及尺寸绘制，其实际实施时各组件的型态、数量及比例可为一种随意的改变，且其组件布局型态也可能更为复杂。
另外，在以下描述中，提供具体细节是为了便于透彻理解实例。然而，所属领域的技术人员将理解，可在没有这些特定细节的情况下实践所述方面。
本公开实施例提供一种页面性能采集方法。本实施例提供的页面性能采集方法可以由一计算装置来执行，该计算装置可以实现为软件，或者实现为软件和硬件的组合，该计算装置可以集成设置在服务器、终端设备等中。
本公开实施例提供的页面性能采集方法能够应用于页面首次加载和单页应用加载二者。具体地，能够采集页面首次加载和单页应用加载的加载时间以及客户端必要的环境信息。
首先，参考图1，描述根据本公开实施例的页面性能采集方法，所述方法包括：
S100：获取开始加载时间t0，具体地，在页面首次加载的情况下，获取页面首次开始加载时间t0，并且在单页应用加载的情况下，获取单页应用开始加载时间t0。
术语“页面首次加载”是一般是指通过输入url得到html的过程，一般包括浏览器根据DNS服务器得到域名的IP地址、向该IP的机器发送http请求、服务器收到、处理并返回请求以及浏览器得到返回的内容。
与此不同，在单页应用中，整个使用流程里浏览器不刷新，所有的数据交互由Ajax(Asynchronous JavaScript and XML，用JavaScript执行异步网络请求)完成。
在本公开实施例中，为了获取页面完整展现时间，首先获取页面开始加载的时间t0。具体地，可以将url变化的时间确定为页面首次开始加载的时间t0。
S100：获取页面文档加载完成时间t1以及页面资源加载完成时间t2，其中所述页面文档加载完成时间t1指示DOM文档结构准备完毕的时间，所述页面资源加载完成时间t2指示窗体加载完成的时间。
在本公开实施例中，还获取页面文档加载完成时间t1以及页面资源加载完成时间t2。页面文档加载完成时间t1可以通过注册DomReady事件，并且在DOM文档结构准备完毕后触发获取当前的时间来获得页面文档加载完成时间t1。另外，页面资源加载完成时间t2可以通过注册window.onload事件，并且在页面或图像加载完成后(即所有元素的资源都下载完毕)触发获取当前的时间来获得页面资源加载完成时间t2。
换句话说，可以通过注册DomReady事件和window.onload事件来获得DOM文档结构准备完毕的时间t1以及作为窗体加载完成的时间t2。
S103：获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3。
在页面首次加载或单页应用加载中，Ajax请求执行和渲染过程中也需要时间，因此还需要确定Ajax请求执行且渲染完毕的时间t3。具体地，可以将所有Ajax请求执行完毕的时间作为时间t3。
S104：根据所述时间t0、时间t1、时间t2、时间t3获得页面加载时间。
在本公开实施例中，页面加载的时间一般包括页面渲染时间和后台请求时间，在页面首次加载的情况下，页面渲染时间为Max(t1,t2,t3)-t0，并且后台请求时间为t3-t1，其中Max(t1,t2,t3)指示t1、t2和t3中的最大值。在在单页应用加载的情况下，t1＝t2＝0，并且页面渲染时间和后台请求时间均为t3-t0。
根据本公开实施例的一种具体实现方式，可以通过在页面中集成探针来确定加载的类型是页面首次加载还是单页应用加载。
探针是一种Web脚本程序，实质上是通过网页编程语言(ASP、PHP、ASP.NET等)实现探测服务器敏感信息的脚本文件，通常用于探测网站目录、服务器操作系统、CPU数量、Session超时时间、服务器Session变量、服务器Application变量、组件支持情况、运算速度、磁盘读写速度以及网络连接速度等。在本公开实施例中，在探针中加入随页面加载执行的逻辑，如此当该逻辑被执行时即可知道加载的类型。
例如，该逻辑可以在页面首次加载时被触发，如此可以通过该逻辑的触发判断加载类型为页面首次加载。可替代地，可以在单页应用加载时被触发，如此可以通过该逻辑的触发判断加载类型为单页应用加载。
参见图2，根据本公开实施例的一种具体实现方式，通过如下步骤获取开始加载时间t0。
S201：确定浏览器是否支持url变化的检测。
对于有的浏览器，其无法实时监测浏览器的url变化，而另外一些浏览器可以通过例如注册onhashchange事件来检测url值的变化。因此，在本公开实施例中，首先确定浏览器是否支持url变化的检测。
S202：在所述浏览器支持url变化的检测的情况下，将检测到url变化的时间确定为单页应用开始加载时间t0。具体地，例如可以将onhashchange事件被触发的时间作为开始加载时间t0。
S203：在所述浏览器不支持url变化的检测的情况下，以预定周期获取当前浏览器的链接地址，并且将所述链接地址发生改变的时间确定为开始加载时间t0。具体地，例如可以每10ms检测并存储url，当下一周期所检测到的url发生改变时，则可认为url改变的时间为开始加载时间t0。
参见图3，根据本公开实施例的一种具体实现方式，所述获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3，包括：
S301：对计数器进行复位。具体地，可以将计数器的初始值设置为0。
S302：启动计数器。具体地，对于页面首次加载的情况下，在所述页面文档加载完成之后启动计数器。在所述单页应用加载的情况下，在单页应用开始加载之后启动计数器。
在本公开实施例中，计数器对Ajax请求过程进行计数，具体地，在Ajax请求发送前，对所述计数器进行累加计数，并且在接收到Ajax请求结果时，对所述计数器进行累减计数。
图4示出了根据本公开实施例的计数器计数示例，其中计数器的初始值s为0。
如图所示，在时间t处，发起Ajax1请求，在发起Ajax1请求前，计数器进行累加计数，并且计数器的值s变为1。在时间t+1处，发起Ajax2请求，在发起Ajax2请求前，计数器进行累加计数，并且计数器的值s变为2。另外，在时间t+2处，接收到Ajax请求(Ajax1请求或者Ajax2请求)的结果，此时计数器进行累减计数，并且计数器的值变为1。在时间t+3处，接收到Ajax请求(Ajax1请求或者Ajax2请求)的结果，此时计数器进行累减计数，并且计数器的值变为0。
S303：将所述计数器的计数值恢复到原始值的时间确定为Ajax请求执行且渲染完毕的时间t3。
具体地，如上所述，可以将计数器的值s恢复到0的时间确定为Ajax请求执行且渲染完毕的时间t3。
根据本公开实施例的一种具体实现方式，对于计数器的值，可以通过计时器以预定时间间隔(例如每10ms)来确定计数器的计数值s，并且当计数器的计数值恢复到原始值(例如，0)时，将该时间确定为Ajax请求执行且渲染完毕的时间t3。在这种情况下，计时器的采集周期或时间间隔的大小将影响确定的时间t3的精度。
此外，需要说明的是，在本公开实施例中，可以通过浏览器的perfromance接口来获取时间t0-t3。可替代地，可以通过获取当前系统时间来获得时间t0-t3。
另外，虽然在本公开实施例中，仅描述了采集页面加载时间，但是应当理解，根据本公开实施例的方法还可以采集JS内存使用大小，总大小、上限(需浏览器api支持):performace.memory、浏览器UA信息、语言、分辨率等本地信息。
此外，根据本公开实施例的方法可以通过在网页中加入JS探针，探针在网页上执行相关的采集操作，将采集到的数据上报到服务器端，实现对所有用户访问网页的性能监控。该方案可以完成页面首次加载时候的性能采集，也可以针对单页应用的性能数据做采集，采集的数据除了客户端必要的环境信息外，重点是页面的完整展现时间。
参见图5，其示出了根据本公开实施例的页面性能采集装置500，所述页面性能采集装置500包括：
开始加载时间获取模块501，在页面首次加载的情况下，获取页面首次开始加载时间t0，并且在单页应用加载的情况下，获取单页应用开始加载时间t0；
页面文档加载完成时间以及页面资源加载完成时间获取模块502，获取页面文档加载完成时间t1以及页面资源加载完成时间t2，其中所述页面文档加载完成时间t1指示DOM文档结构准备完毕的时间，所述页面资源加载完成时间t2指示窗体加载完成的时间；
Ajax请求执行且渲染完毕时间获取模块503，获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3；以及
页面加载时间获取模块504，根据所述时间t0、时间t1、时间t2、时间t3获得页面加载时间。
图5所示装置可以对应的执行上述方法实施例中的内容，本实施例未详细描述的部分，参照上述方法实施例中记载的内容，在此不再赘述。
参见图6，本公开实施例还提供了一种电子设备60，该电子设备包括：
至少一个处理器；以及，
与该至少一个处理器通信连接的存储器；其中，
该存储器存储有可被该至少一个处理器执行的指令，该指令被该至少一个处理器执行，以使该至少一个处理器能够执行前述方法实施例中的页面性能采集方法。
本公开实施例还提供了一种非暂态计算机可读存储介质，该非暂态计算机可读存储介质存储计算机指令，该计算机指令用于使该计算机执行前述方法实施例中的页面性能采集方法。
本公开实施例还提供了一种计算机程序产品，该计算机程序产品包括存储在非暂态计算机可读存储介质上的计算程序，该计算机程序包括程序指令，当该程序指令被计算机执行时，使该计算机执行前述方法实施例中的的页面性能采集方法。
下面参考图6，其示出了适于用来实现本公开实施例的电子设备60的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图6示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示，电子设备60可以包括处理装置(例如中央处理器、图形处理器等)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有电子设备60操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常，以下装置可以连接至I/O接口605：包括例如触摸屏、触摸板、键盘、鼠标、图像传感器、麦克风、加速度计、陀螺仪等的输入装置606；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607；包括例如磁带、硬盘等的存储装置608；以及通信装置609。通信装置609可以允许电子设备60与其他设备进行无线或有线通信以交换数据。虽然图中示出了具有各种装置的电子设备60，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置609从网络上被下载和安装，或者从存储装置608被安装，或者从ROM 602被安装。在该计算机程序被处理装置601执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：获取至少两个网际协议地址；向节点评价设备发送包括所述至少两个网际协议地址的节点评价请求，其中，所述节点评价设备从所述至少两个网际协议地址中，选取网际协议地址并返回；接收所述节点评价设备返回的网际协议地址；其中，所获取的网际协议地址指示内容分发网络中的边缘节点。
或者，上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：接收包括至少两个网际协议地址的节点评价请求；从所述至少两个网际协议地址中，选取网际协议地址；返回选取出的网际协议地址；其中，接收到的网际协议地址指示内容分发网络中的边缘节点。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协议地址的单元”。
应当理解，本公开的各部分可以用硬件、软件、固件或它们的组合来实现。
以上所述，仅为本公开的具体实施方式，但本公开的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本公开揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本公开的保护范围之内。因此，本公开的保护范围应以权利要求的保护范围为准。
Claims (12)
1.一种页面性能采集方法，其特征在于，包括：
获取开始加载时间t0，在页面首次加载的情况下，获取页面首次开始加载时间，并且在单页应用加载的情况下，获取单页应用开始加载时间；
获取页面文档加载完成时间t1以及页面资源加载完成时间t2，其中所述页面文档加载完成时间t1指示DOM文档结构准备完毕的时间，所述页面资源加载完成时间t2指示窗体加载完成的时间；
获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3；以及
根据所述时间t0、时间t1、时间t2、时间t3获得页面加载时间。
2.根据权利要求1所述的页面性能采集方法，其特征在于，通过如下步骤确定加载类型为页面首次加载还是单页应用加载：
在所述页面中集成探针；以及
在所述探针中加入随页面加载执行的逻辑；
其中所述逻辑在所述页面首次加载或单页应用加载时被触发。
3.根据权利要求1所述的页面性能采集方法，其特征在于，所述获取开始加载时间t0，包括：
确定浏览器是否支持url变化的检测；
在所述浏览器支持url变化的检测的情况下，将检测到url变化的时间确定为开始加载时间t0；
在所述浏览器不支持url变化的检测的情况下，以预定周期获取当前浏览器的链接地址；并且
将所述链接地址发生改变的时间确定为开始加载时间t0。
4.根据权利要求1所述的页面性能采集方法，其特征在于，所述获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3，包括：
对所述Ajax请求过程进行计数，其中在所述Ajax请求发送前，对所述计数器进行累加计数，并且在接收到Ajax请求结果时，对所述计数器进行累减计数；以及
将所述计数器的计数值恢复到原始值的时间确定为Ajax请求执行且渲染完毕的时间t3。
5.根据权利要求4所述的页面性能采集方法，其特征在于，在所述启动计数器之前，所述方法还包括对所述计数器进行复位。
6.根据权利要求4所述的页面性能采集方法，其特征在于，所述将所述计数器的计数值恢复到原始值的时间确定为Ajax请求执行且渲染完毕的时间t3，包括：
启动计数器，在页面首次加载的情况下在所述页面文档加载完成之后启动计数器，并且在所述单页应用加载的情况下，在单页应用开始加载之后启动计数器；
以预定时间间隔确定所述计数器的计数值；并且
当所述计数器的计数值恢复到原始值时，将该时间确定为Ajax请求执行且渲染完毕的时间t3。
7.根据权利要求1所述的页面性能采集方法，其特征在于，所述页面加载时间包括页面渲染时间和后台请求时间，并且，在页面首次加载的情况下，所述页面渲染时间为Max(t1,t2,t3)-t0，并且所述后台请求时间为t3-t1，其中Max(t1,t2,t3)指示t1、t2和t3中的最大值。
8.根据权利要求1所述的页面性能采集方法，其特征在于，所述页面加载时间包括页面渲染时间和后台请求时间，并且，在单页应用加载的情况下，t1＝t2＝0，并且页面渲染时间和后台请求时间均为t3-t0。
9.根据权利要求1所述的页面性能采集方法，其特征在于，通过浏览器的perfromance接口或者通过获取当前系统时间获取所述时间t1、t2和t3。
10.一种页面性能采集装置，其特征在于，包括：
开始加载时间获取模块，在页面首次加载的情况下，获取页面首次开始加载时间t0，并且在单页应用加载的情况下，获取单页应用开始加载时间t0；
页面文档加载完成时间以及页面资源加载完成时间获取模块，获取页面文档加载完成时间t1以及页面资源加载完成时间t2，其中所述页面文档加载完成时间t1指示DOM文档结构准备完毕的时间，所述页面资源加载完成时间t2指示窗体加载完成的时间；
Ajax请求执行且渲染完毕时间获取模块，获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3；以及
页面加载时间获取模块，根据所述时间t0、时间t1、时间t2、时间t3获得页面加载时间。
11.一种电子设备，其特征在于，所述电子设备包括：
至少一个处理器；以及，
与所述至少一个处理器通信连接的存储器；其中，
所述存储器存储有可被所述至少一个处理器执行的指令，所述指令被所述至少一个处理器执行，以使所述至少一个处理器能够执行前述利要求1-10中任一项所述的页面性能采集方法。
12.一种非暂态计算机可读存储介质，该非暂态计算机可读存储介质存储计算机指令，该计算机指令用于使该计算机执行前述利要求1-10中任一项所述的页面性能采集方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910916802.XA CN110717122B (zh) | 2019-09-26 | 2019-09-26 | 页面性能采集方法、装置及电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910916802.XA CN110717122B (zh) | 2019-09-26 | 2019-09-26 | 页面性能采集方法、装置及电子设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110717122A true CN110717122A (zh) | 2020-01-21 |
| CN110717122B CN110717122B (zh) | 2021-12-07 |
Family
ID=69210980
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910916802.XA Active CN110717122B (zh) | 2019-09-26 | 2019-09-26 | 页面性能采集方法、装置及电子设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110717122B (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112346944A (zh) * | 2020-10-22 | 2021-02-09 | 北京基调网络股份有限公司 | 一种监控网页用户操作体验的方法、设备及存储介质 |
| CN113496003A (zh) * | 2020-04-08 | 2021-10-12 | 北京沃东天骏信息技术有限公司 | 一种确定页面停留时长的方法及装置 |
| CN117076284A (zh) * | 2023-10-18 | 2023-11-17 | 荣耀终端有限公司 | 页面加载时长的检测方法、设备及存储介质 |
Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102215251B (zh) * | 2010-04-09 | 2016-02-10 | 微软技术许可有限责任公司 | 用于分析页面加载时间的方法和系统 |
| US20170237799A1 (en) * | 2016-02-16 | 2017-08-17 | Linkedin Corporation | Real user monitoring of single-page applications |
| CN108052538A (zh) * | 2017-11-16 | 2018-05-18 | 成都视达科信息技术有限公司 | 一种页面加载方法和系统 |
| CN108845839A (zh) * | 2018-05-31 | 2018-11-20 | 康键信息技术（深圳）有限公司 | 应用页面加载方法、装置及计算机可读存储介质 |
| CN108874922A (zh) * | 2018-05-31 | 2018-11-23 | 康键信息技术（深圳）有限公司 | 客户端设备、基于单页应用的网页渲染方法和存储介质 |
| CN109376318A (zh) * | 2018-09-03 | 2019-02-22 | 中国平安人寿保险股份有限公司 | 一种页面加载方法、计算机可读存储介质及终端设备 |
| CN109388766A (zh) * | 2017-08-07 | 2019-02-26 | 阿里巴巴集团控股有限公司 | 页面加载的方法和装置 |
| US20190205111A1 (en) * | 2017-12-29 | 2019-07-04 | ASG Technologies Group, Inc. dba ASG Technologies | Dynamically Deploying a Component in an Application |
-
2019
- 2019-09-26 CN CN201910916802.XA patent/CN110717122B/zh active Active
Patent Citations (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102215251B (zh) * | 2010-04-09 | 2016-02-10 | 微软技术许可有限责任公司 | 用于分析页面加载时间的方法和系统 |
| US20170237799A1 (en) * | 2016-02-16 | 2017-08-17 | Linkedin Corporation | Real user monitoring of single-page applications |
| CN109388766A (zh) * | 2017-08-07 | 2019-02-26 | 阿里巴巴集团控股有限公司 | 页面加载的方法和装置 |
| CN108052538A (zh) * | 2017-11-16 | 2018-05-18 | 成都视达科信息技术有限公司 | 一种页面加载方法和系统 |
| US20190205111A1 (en) * | 2017-12-29 | 2019-07-04 | ASG Technologies Group, Inc. dba ASG Technologies | Dynamically Deploying a Component in an Application |
| CN108845839A (zh) * | 2018-05-31 | 2018-11-20 | 康键信息技术（深圳）有限公司 | 应用页面加载方法、装置及计算机可读存储介质 |
| CN108874922A (zh) * | 2018-05-31 | 2018-11-23 | 康键信息技术（深圳）有限公司 | 客户端设备、基于单页应用的网页渲染方法和存储介质 |
| CN109376318A (zh) * | 2018-09-03 | 2019-02-22 | 中国平安人寿保险股份有限公司 | 一种页面加载方法、计算机可读存储介质及终端设备 |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113496003A (zh) * | 2020-04-08 | 2021-10-12 | 北京沃东天骏信息技术有限公司 | 一种确定页面停留时长的方法及装置 |
| CN112346944A (zh) * | 2020-10-22 | 2021-02-09 | 北京基调网络股份有限公司 | 一种监控网页用户操作体验的方法、设备及存储介质 |
| CN117076284A (zh) * | 2023-10-18 | 2023-11-17 | 荣耀终端有限公司 | 页面加载时长的检测方法、设备及存储介质 |
| CN117076284B (zh) * | 2023-10-18 | 2024-04-05 | 荣耀终端有限公司 | 页面加载时长的检测方法、设备及存储介质 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110717122B (zh) | 2021-12-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110717122B (zh) | 页面性能采集方法、装置及电子设备 | |
| WO2018223717A1 (zh) | 网页前端测试方法、装置、系统、设备及可读存储介质 | |
| CN111813641B (zh) | 崩溃信息收集的方法、装置、介质和设备 | |
| CN110046310B (zh) | 分析页面中的跳转链接的方法和装置 | |
| CN109344066B (zh) | 一种浏览器页面的测试方法、系统及终端 | |
| US20220374582A1 (en) | Method and apparatus for obtaining loading time length of image in webpage, and electronic device | |
| US20160164757A1 (en) | Browser provided website statistics | |
| CN110634049A (zh) | 页面显示内容的处理方法、装置、电子设备及可读介质 | |
| CN113032172B (zh) | 异常检测方法、装置和电子设备 | |
| CN104899131A (zh) | 一种对浏览器中网页加载的检测方法、装置及移动终端 | |
| CN110781427A (zh) | 一种首屏时间的计算方法、装置、设备和存储介质 | |
| CN116225600A (zh) | 应用程序录制方法、回放方法、装置、介质及电子设备 | |
| CN111783005A (zh) | 显示网页的方法、装置和系统、计算机系统和介质 | |
| CN110765386A (zh) | 网页图像的监控方法、装置、电子设备及可读存储介质 | |
| CN111783010B (zh) | 网页空白页面监测方法、装置、终端及存储介质 | |
| CN112954056B (zh) | 监控数据处理方法、装置、电子设备及存储介质 | |
| CN117193668B (zh) | 高频振动数据稀释方法、装置及电子设备 | |
| CN112291121B (zh) | 一种数据处理方法及相关设备 | |
| CN110825603A (zh) | 页面首次加载时间确定方法、装置、电子设备及存储介质 | |
| CN109408387B (zh) | 页面测试方法及装置 | |
| CN111198853B (zh) | 数据处理方法、装置、电子设备及计算机可读存储介质 | |
| CN110134601A (zh) | 一种软件压测覆盖率测量方法、系统、介质和电子设备 | |
| CN113127282B (zh) | 一种帧能力确定方法、装置、电子设备和存储介质 | |
| CN112817874B (zh) | 一种用户界面的测试方法、装置、设备及介质 | |
| CN110879738B (zh) | 一种操作步骤的展示方法、装置及电子设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB03 | Change of inventor or designer information |
Inventor after: Zhang Chunwei Inventor after: Mi Kun Inventor after: Sun Mingdong Inventor before: Zhang Chunwei |
|
| CB03 | Change of inventor or designer information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20220328 Address after: C2303-3, 21 / F, building 8, yard 1, Zhongguancun East Road, Haidian District, Beijing 100084 Patentee after: Beijing Huayu Jiupin Technology Co.,Ltd. Address before: 100084 C2301, c2302, 21 / F, building 8, yard 1, Zhongguancun East Road, Haidian District, Beijing Patentee before: BEIJING THUNISOFT INFORMATION TECHNOLOGY Co.,Ltd. |
|
| TR01 | Transfer of patent right |