资讯专栏INFORMATION COLUMN

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

Allen / 1274人阅读

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

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

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

用户行为追踪

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



关键路径记录:

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

资源加载详情

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

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

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

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

喜欢请点个赞呗

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

或者打赏一下

再或者……

哈哈,想法有点多了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105917.html

相关文章

  • 一步一步搭建前端监控系统:如何将网页截图上报?

    摘要:目前已经在运行的线上前端监控系统代码和讲解都放在这篇文章里监控系统介绍及代码用户对前端程序员来说,就是一个黑匣子。 摘要: 通过录屏或者截图,快速复现BUG场景。 作者:一步一个脚印一个坑 原文:搭建前端监控系统(备选)Js截图上报篇 Fundebug经授权转载,版权归原作者所有。 PS:本文关于Fundebug录屏功能的内容有些不准确的地方,比如录屏并非通过截图实现的,录屏插件...

    Martin91 评论0 收藏0
  • Fundebug能够捕获这些BUG

    摘要:之前版本的插件只能监控执行错误,这次,我们正式发布,它新增了对资源加载错误与请求错误的支持,努力让前端开发者不放过每一个。可以捕获所有请求错误,同时记录用户行为,并实时提醒开发者,且不需要修改后端,也不需要搭建复杂的日志系统。 摘要:Fundebug的JavaScript监控插件更新至0.1.0,可以监控3种不同类型的前端BUG:JavaScript执行错误、资源加载错误、HTTP请求...

    biaoxiaoduan 评论0 收藏0
  • OneAPM 云监控部署与试用体验

    摘要:作为骨灰级粉丝,一直以来对第三方监控都是拒绝的。例如白屏时间首屏时间脚本错误网页加载就绪时间各种浏览器的访问情况,甚至能了解不同浏览器运营商地区用户的访问状况。脚本错误在所难免,错误进一步导致网站部分功能无法使用。 作为 Zabbix 骨灰级粉丝,一直以来对第三方监控(APM)都是拒绝的。一来觉得收费,二来担心数据被人所知,三来觉得 Zabbix 牛逼到无可取代。但是,随着 APM 市...

    Tecode 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<