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

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

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

用户行为追踪

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

图片描述

关键路径记录:java

图片描述

大家以为怎么样呢?赶忙去看看吧!git

资源加载详情

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

图片描述

这里咱们要用到的即是getEntries()这个方法,它会拿到页面加载的全部资源状况。
图片描述web

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

图片描述

一切大功告成,如今去系统的资源加载详情,就能看到资源加载状况了,是否是很简单呢,^_^。优化

图片描述

喜欢请点个赞呗网站

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

或者打赏一下

再或者……

哈哈,想法有点多了。

相关文章
相关标签/搜索