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

说明书

本发明提供了一种WEB应用静态资源加载性能的分析方法及装置，所述方法包括：在WEB应用页面头部插入性能数据收集脚本；判断浏览器是否支持PerformanceObserver；若支持则构建PerformanceObserver对象，对该对象进行监听得到resource性能数据；对收集到的resource性能数据进行处理，得到标准可读的性能指标；根据得到的性能指标对WEB应用静态资源的加载性能进行分析。本发明提供的分析方法该方法使用简单方便，并且对原有程序的侵入性小，能对静态资源的加载进行持续跟进。

技术领域

本发明涉及WEB应用领域，尤其是指一种WEB应用静态资源加载性能的分析方法及装置。

背景技术

互联网的发展一直很迅猛，从个人电脑到手机，WEB应用的发展也越来越迅猛，用户对于WEB应用的需求也持续旺盛。对于企业来说吸引和留住浏览者，并把他们转化为潜在的用户是非常有必要的。这其中WEB应用的加载性能问题是重中之重。

研究表明页面加载时间是影响用户忠诚度的主要因素，而对静态资源的加载分析是分析页面加载性能问题的一个重要痛点。一般的客户端静态资源加载的性能分析都是在客户端代码中插入具体的执行到某处时间戳的逻辑，获取的信息有限，且对源代码有侵入性，不够友好，缺乏持续跟进的方式。

发明内容

针对现有技术的不足，本发明提供了一种WEB应用静态资源加载性能的分析方法及装置，旨在解决现有性能分析方法获取的信息有限，对源代码有侵入性以及缺乏持续跟进的方式的问题。

为了解决上述技术问题，本发明采用了如下技术方案：

第一方面，提供了一种WEB应用静态资源加载性能的分析方法，包括：

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

判断浏览器是否支持PerformanceObserver；

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

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

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

第二方面，提供了一种WEB应用静态资源加载性能的分析装置，包括：

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

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

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

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

本发明的有益效果在于：

通过在WEB应用页面头部插入性能数据收集脚本，当浏览器支持PerformanceObserver时构建PerformanceObserver对象，对该对象进行监听以获取resource性能数据，对resource性能数据进行处理得到标准可读的性能指标，再根据获取到的性能指标对WEB应用静态资源的加载性能进行分析。该方法使用简单方便，并且对原有程序的侵入性小，能对静态资源的加载进行持续跟进。

附图说明

下面结合附图详述本发明的具体结构

图1为本发明第一实施例提供的WEB应用静态资源加载性能的分析方法的流程框图；