乐趣区

关于javascript:Sentry-前端监控系列

之前在做前端监控的时候,钻研了一下 sentry 的源码,颇有启发。这次又筹备做前端监控,所以借此机会想深刻理解一番。然而此之前,我想谈谈本人对前端监控的一些思考。

前端监控到底要监控什么

基于数据驱动准则,咱们须要统计线上我的项目中,用户的行为和应用状况,从而更加贴近用户,为咱们的决策提供相应的数据反对,更好地迭代降级咱们的产品,发明用户价值。
既然如此,研发同学以及业务方对前端监控的诉求应该有:

  1. 被动监控,并提供告警性能
  2. 性能数据的采集,并提供慢会话的日志剖析
  3. 谬误,异样数据的采集
  4. 能重现用户行为

而目前,对于咱们来说,须要做的前端监控包含:异样监控 指标监控 埋点监控

异样监控

因为前端代码的执行环境非常复杂,很难保障在不同的环境下不呈现问题,而且有些问题往往是因为浏览器或者操作的起因,难以复现,所以咱们须要收集异样数据,不便疾速定位问题。

指标监控

什么是指标呢,我了解的应该是掂量咱们我的项目工程化能力的数据。比方记录 FCP 作为咱们的白屏工夫,LCP 作为首屏工夫等等。通过这些数据咱们得悉咱们是否须要对我的项目进行优化。

埋点监控

这个次要是与业务相干,比方咱们会须要记录咱们投放的营销页面的转化率,用户进入咱们的页面之后,点击了什么按钮,将页面滚动到了什么地位,等等。用于还原用户行为的信息记录,为业务方提供业务调整的方向和根据。

接下来

因为内容会比拟多,所以筹备分好几篇文档来论述。目前要写的有:

  • sentry 的前端异样监控计划
  • sentry 的数据上报机制

// 其余的还没想好,待定中

退出移动版