【技术实现步骤摘要】
页面性能采集方法、装置及电子设备
本公开涉及计算机
，尤其涉及一种页面性能采集方法、装置及电子设备。
技术介绍
单页引用是一种网络应用程序或网站的模型，它通过动态重写当前页面来与用户交互，而非传统的从服务器重新加载整个新页面。目前针对单页应用的性能采集方法有如下方法：1、基于浏览器的性能工具，例如chrome的performancetool，但该方式无法将采集的数据汇集到服务器进行统一处理，只能针对单个设备进行数据采集，而且依赖特定浏览器才能做到。过程中无法完全自动化，需要人工界定页面加载的起始和终止时间。2、基于Vue等特定JS框架或者组件实现，比如针对Vue的特定事件进行处理，获取性能数据，但该方式受限于特定的JS框架或者组件技术，无法在其他框架下实现数据采集，使用范围受限。3、基于页面加载的性能采集，目前很多前端性能采集依赖于页面重新加载，通过页面的onload、domready事件进行处理，但该方式无法处理不刷新页面的单页应用。
技术实现思路
有鉴于此，本公开...
【技术保护点】
1.一种页面性能采集方法，其特征在于，包括：/n获取开始加载时间t0，在页面首次加载的情况下，获取页面首次开始加载时间，并且在单页应用加载的情况下，获取单页应用开始加载时间；/n获取页面文档加载完成时间t1以及页面资源加载完成时间t2，其中所述页面文档加载完成时间t1指示DOM文档结构准备完毕的时间，所述页面资源加载完成时间t2指示窗体加载完成的时间；/n获取页面首次加载或单页应用加载中Ajax请求执行且渲染完毕的时间t3；以及/n根据所述时间t0、时间t1、时间t2、时间t3获得页面加载时间。/n
【技术特征摘要】
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，包括：
启动计数器，在页面首次加载的情况下在所述页面文档加载完成之后启动计数器，并且在所述单页应用加载的情况下，在单页应用开始...
【专利技术属性】
技术研发人员：张春玮，
申请(专利权)人：北京华宇信息技术有限公司，
类型：发明
国别省市：北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。