乐趣区

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

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

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

用户行为追踪

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



关键路径记录:

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

资源加载详情

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

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

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

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

喜欢请点个赞呗

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

或者打赏一下

再或者……

哈哈,想法有点多了。

退出移动版