前端监控 SDK 开发 | 青训营笔记这是我参与「第五届青训营」伴学笔记创作活动的第12天，今天学习前端监控sdk开发。

这是我参与「第五届青训营」伴学笔记创作活动的第12天，今天学习前端监控sdk开发。

什么是前端监控

通过用户行为采集分析，当前端及客户端线上出现异常时，可以通过用户行为链及设备环境，快速定位线上环境的问题所在。
其次，当功能上线后，用户的使用效果没办法衡量。需要数据指标去衡量，比如功能使用率、性能指标等。
业务方的对业务的创意及需求需要反复不断的调优、开发，相同的组件开发了无数个，可能下次又得改回去，这就造成了大量的资源浪费。如果没有一个量化体系的话，运营只能通过上次成功的经验来感觉。所以需要通过对用户数据的监控，从而得到一个调优策略和量化指标。

前端监控采集的内容主要包括行为分析、异常监控、性能监控等。
其行为分析主要有：页面的进入、离开、点击、滚屏、自定义事件
数据监控

数据监控即通过数据分析用户行为，常见的监控数据包括：PV/UV、页面停留时长、通过什么入口进入、在页面触发了什么行为等。统计这些数据就是为了清楚用户来源，拓宽产品的推广渠道；了解用户在页面停留的时间情况，针对停留较短的页面进行分析改进。也就是我们常说的：who(uuid)、when(time)、from where(referrer)、where(x,y)、what (自定义拓展数据)串成的用户行为路径。
性能监控

性能监控主要是针对前端进行监控，比如不同用户在不同地区使用不同机型下的首屏加载时间、页面的白屏时间、静态资源下载时间等数据。通过针对这些性能数据进行监控，可以大概反映前端性能的好坏，根据性能监测的结果可以进一步的去优化前端性能。
异常监控

前端代码在执行过程中也可能会发生异常，因此需要引入异常监控例如 sentry 等工具及时的上报异常情况，可以避免线上故障的发生。常见的异常包括：Javascript 的异常监控、css 的异常监控等。