前端埋点

吴龙淼 写于 2022-09-30

前端监控

  • 数据监控

PV(page view):即页面浏览量或点击量;UV:指访问某个站点或点击某条新闻的不同 IP 地址的人数 ;用户在每一个页面的停留时间 ;用户通过什么入口来访问该网页 ;用户在相应的页面中触发的行为,等…

  • 性能监控

不同用户,不同机型和不同系统下的首屏加载时间 ;白屏时间 ;http 等请求的响应时间 ;静态资源整体下载时间 ;页面渲染时间

  • 异常监控

Javascript 的异常监控 ;样式丢失的异常监控

埋点监控

手动埋点

在需要埋点的事件,请求,错误前调用接口,上报埋点数据;对于监控粒度精细,但是工作量大,繁杂容易出错,维护成本高

可视化埋点

将业务功能代码和埋点代码分离,提供前端交互界面,输入业务代码最终输出结合后的代码,但是高度定制化

全局埋点监控

前端采集全部事件,上报埋点数据,由后端来过滤和计算出有用的数据。优点是前端只要一次加载埋点sdk,缺点是流量和采集的数据过于庞大,服务器性能压力大,一般通过云计算。