前端监控(用户行为追踪、资源加载详情)

evenboy

​所谓web,即使你我素未谋面,便知志趣相投;足不出户,亦知世界之大。

好久不见,可曾想念?前端监控系统增加了用户行为追踪和资源加载详情,那什么是用户行为追踪呢?什么又是资源加载详情?有了这些我们能做什么呢?我们下面就来聊一聊。

用户行为追踪

我们收集了用户的pv,一堆又一堆的数据摆在我们面前,我们怎样才能发挥这些数据的作用呢?这下好了,我们知道用户访问页面时间,离开页面时间,进而可以计算出页面停留时间,我们如果将单个用户的访问记录串联起来,就会产生一条较完整的访问路径,有了这条路径,这样我们就可以清楚地看到用户对哪些功能页面感兴趣,是不是豁然开朗^_^。那就来看看我们的监控平台:

图片描述

关键路径记录:

图片描述

你们觉得怎么样呢?赶紧去看看吧!

资源加载详情

当用户进入站点时,浏览器将会加载一系列资源,比如xmlhttp、javascript、css和img等等。作为开发人员,有时,我们需要去关注这些资源的加载情况(大小,耗时等),找出耗时较长的资源来做一些优化,帮助提升网页响应速度。那怎样才能获取到这些数据呢?我们又要回到我们的神器performance,它提供了很多方法:

图片描述

这里我们要用到的便是getEntries()这个方法,它会拿到页面加载的所有资源情况。
图片描述

重点来了,我们来看看我们的监控平台如何开启这个功能:
首先我们到应用设置页面,勾选上报资源加载情况,然后复制探针到你的网站。

图片描述

一切大功告成,现在去系统的资源加载详情,就能看到资源加载情况了,是不是很简单呢,^_^。

图片描述

喜欢请点个赞呗

或者去https://github.com/kisslove/w...

或者打赏一下

再或者……

哈哈,想法有点多了。

阅读 3.3k

前端
做一个有趣的web开发者

全栈工程师

164 声望
2 粉丝
0 条评论

全栈工程师

164 声望
2 粉丝
文章目录
宣传栏