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

​所谓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一下

或者打赏一下

再或者……

哈哈，想法有点多了。