[发明专利]一种WEB应用静态资源加载性能的分析方法及装置

权利要求书

1.一种WEB应用静态资源加载性能的分析方法，其特征在于，包括：

在WEB应用页面头部插入性能数据收集脚本；

判断浏览器是否支持PerformanceObserver；

若支持则构建PerformanceObserver对象，对该对象进行监听得到resource性能数据；

对收集到的resource性能数据进行处理，得到标准可读的性能指标；

根据得到的性能指标对WEB应用静态资源的加载性能进行分析。

2.如权利要求1所述的WEB应用静态资源加载性能的分析方法，其特征在于，所述对收集到的resource性能数据进行处理，得到标准可读的性能指标具体包括：

构建如下函数：

function filterTime(a,b){

return a0b0a-b＝0？a-b:undefined；

}；

将收集到的resource性能数据的结束时间和开始时间依次填入a，b中，输出该resource性能数据的加载时间或undefined。

3.如权利要求1所述的WEB应用静态资源加载性能的分析方法，其特征在于，在所述若支持则构建PerformanceObserver对象，对该对象进行监听得到resource性能数据之后，还包括：

若不支持则监听浏览器的onload事件，调用performance并获取其中的resource性能数据。

4.如权利要求1至3任一项所述的WEB应用静态资源加载性能的分析方法，其特征在于，所述性能指标包括：资源的url、资源的类型、资源重定向时间、DNS解析时间、TCP建连时间、网络总耗时、加载执行时间及请求发送到接收时间。

5.一种WEB应用静态资源加载性能的分析装置，其特征在于，包括：

插入模块，用于在WEB应用页面头部插入性能数据收集脚本；

判断模块，用于判断浏览器是否支持PerformanceObserver，若支持则构建PerformanceObserver对象，对该对象进行监听得到resource性能数据；

处理模块，用于对收集到的resource性能数据进行处理，得到标准可读的性能指标；

分析模块，用于根据得到的性能指标对WEB应用静态资源的加载性能进行分析。

6.如权利要求5所述的WEB应用静态资源加载性能的分析装置，其特征在于，所述处理模块具体用于：

构建如下函数：

function filterTime(a,b){

return a0b0a-b＝0？a-b:undefined；

}；

将收集到的resource性能数据的结束时间和开始时间依次填入a，b中，输出该resource性能数据的加载时间或undefined。

7.如权利要求5所述的WEB应用静态资源加载性能的分析装置，其特征在于，所述判断模块还用于：

若浏览器不支持PerformanceObserver，则监听浏览器的onload事件，调用performance并获取其中的resource性能数据。

8.如权利要求5至7任一项所述的WEB应用静态资源加载性能的分析装置，其特征在于，所述性能指标包括：资源的url、资源的类型、资源重定向时间、DNS解析时间、TCP建连时间、网络总耗时、加载执行时间及请求发送到接收时间。

9.一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时，实现权利要求1至4任意一项所述方法中的步骤。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至4任意一项所述方法中的步骤。