[发明专利]一种用户前端体验性能的监控方法

说明书

技术领域

本发明涉及监控前端性能技术领域，特别涉及一种用户前端体验性能的监 控方法。

背景技术

作为一个网站管理者，除了需要了解某个特定浏览器上的页面性能情况外， 还需要覆盖大多数用户的、用户端感受到的前端性能数据，以帮助发现用户感 受到的响应时间影响最大的因素，并据此找到相应的解决办法。

如果可以从真实用户处获取大量的前端性能数据，并在此数据的基础上安 装操作系统、浏览器等因素统计用户的平均前端性能数据，结合服务端的响应 数据等信息，网站管理者就可以清楚地了解网站页面的性能情况，并能给出对 前端性能进行优化的建议。

发明内容

本发明解决的技术问题在于提供一种用户前端体验性能的监控方法，可从 真实用户处获取大量的前端性能数据。

本发明解决上述技术问题的技术方案是：

所述的方法主要包含以下几个步骤：

步骤1：在页面上增加计时点；

步骤2：使用JavaScript库简化计时点工作；

步骤3：将计时信息发送给服务器；

所述的步骤2中，是使用JavaScript编写计时函数tick()和获取计时值函 数getTick()并保存于JavaScript文件tick.js，在任何需要计时的页面开始 处放入或引用前述的JavaScript脚本，即可在任意需要计时的地方使用计时函 数tick()进行计时，使用getTick()函数以字符串方式返回所有计时点的计时 值；

所述的步骤3中，在合适的时间，调用report()函数将步骤2的计时信息 发给服务器，并保存这些信息，以备查询和统计。

所述的步骤3，在HTTP服务器和计时库之间约定协议，可以约定HTTP服务 器接受的包含计时信息的URL为 http：//server/tick&page＝[pagename]&rt＝[label.time]：[label.time]&ft＝[ label.time]：[label.time]，以实现一个HTTP服务器对接收到的数据的保存功 能。

所述的步骤1中，先是进行页面监控需求的分析：如果想要获取页面上某 个点相对于页面开始解析的时间，就可以在页面的开始处设置一个初始计时点， 然后在需要计时的地方再次获取当前时间，计算其与初始计时点的时间差，得 到的结果就是该点的计时值。

本发明阐述了一种通过页面增加计时点模拟从真实用户处获取大量的前端 性能数据，然后在此数据的基础上安装操作系统、浏览器等因素统计用户的平 均前端性能数据，结合服务端的响应数据等信息，网站管理者就可以清楚地了 解网站页面的性能情况，并能给出对前端性能进行优化的建议。

附图说明

下面结合附图对本发明进一步说明：

图1为本发明的方法流程图。

具体实施方式

见图1所示，本发明为一种监控用户体验到的前端性能的方法，具体包含以 下几个步骤：

步骤1：先是进行页面监控需求的分析：如果想要获取页面上某个点相对于 页面开始解析的时间，就可以简单地在页面的开始处设置一个初始计时点，然 后在需要计时的地方再次获取当前时间，计算其与初始计时点的时间差，得到 的结果就是该点的计时值。

步骤2：使用JavaScript编写计时函数tick()和获取计时值函数getTick() 并保存于JavaScript文件tick.js，这样只需要在任何需要计时的页面开始处 放入这段JavaScript脚本(或者引用该JavaScript脚本文件)即可在任意需 要计时的地方使用计时函数tick()进行计时，使用getTick()函数以字符串方式 返回所有计时点的计时值。

步骤3：调用report()函数将步骤2中统计的页面或者脚本执行分析的时 间并在合适的时间将这些计时信息发给服务器，并保存这些信息，以备查询和 统计；一个HTTP服务器就可以实现此功能，需要HTTP服务器和计时库之间约 定协议，可以约定HTTP服务器接受的包含计时信息的URL为 http：//server/tick&page＝[pagename]&rt＝[label.time]：[label.time]&ft＝[ label.time]：[label.time]，则可以实现一个HTTP服务器对接收到的数据的保 存功能。