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

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

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

用户行为追踪

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

0.jpg

关键路径记录:


0 (1).jpg

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

资源加载详情

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

0 (3).jpg

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


0 (2).jpg

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

0 (5).jpg

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

0 (4).jpg

喜欢请点个赞呗

或者去https://github.com/kisslove/web-monitoringStar一下

或者打赏一下

再或者……

哈哈,想法有点多了。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,148评论 1 32
  • 性能优化方向分类 请求数量: 合并脚本和样式表, CSS Sprites, 拆分初始化负载, 划分主域(使用“查找...
    Www刘阅读 1,800评论 3 8
  • 计划: 1,黄金白银:清仓空单,等待明确的信号出现再操作。 2,比特币:设置止损为入场点。等待行情继续。 总结: ...
    aier_wiki阅读 268评论 0 0
  • 蔓攀垣壁隔嚣喧,绿盘玉牗栏。 落根石间干虬弯,籀书苍古颜。 滴春翠,乱秋弦。冷冬寒难眠。 来年燕子恋巢还,沐阳再与...
    真老实人_425a阅读 269评论 0 6
  • 回首往事, 发现, 人生重大台阶 好像都是 在陷入绝境时 放手奋力一搏 而跃进的。 没有人喜欢苦难 可经历过苦难的...
    杏花坞主人阅读 427评论 0 7