前端知识之前端监控

前端监控

前端监控一般分为三种，分别为页面埋点、性能监控以及异常监控。

页面埋点

监控数据

一般起码会监控以下几个数据：

• PV / UV
• 停留时长
• 流量来源
• 用户交互

实现思路

• 手写埋点

可以自主选择需要监控的数据然后在相应的地方写入代码。

这种方式的灵活性很大，但是唯一的缺点就是工作量较大，每个需要监控的地方都得插入代码。

• 无埋点

不需要开发者手写埋点了，而是统计所有的事件并且定时上报。

这种方式虽然没有前一种方式繁琐了，但是因为统计的是所有事件，所以还需要后期过滤出需要的数据。

性能监控

• 性能监控可以很好的帮助开发者了解在各种真实环境下，页面的性能情况是如何的。
• 对于性能监控来说，我们可以直接使用浏览器自带的 Performance API 来实现这个功能。
• 对于性能监控来说，其实我们只需要调用performance.getEntriesByType(‘navigation’) 这行代码就行了。
• 这行代码返回了一个数组，内部包含了相当多的信息，从数据开始在网络中传输到页面加载完成都提供了相应的数据。