发现两篇说明前端数据监控比较好的文章,收藏在此。
http://www.yunishare.cn/2021/01/web-report-methods-compare.html
https://mp.weixin.qq.com/s/v6R2w26qZkEilXY0mPUBCw?utm_source=tuicool&utm_medium=referral
总结如下:
目前前端采集上报数据的实现方式,大致分三种:
- 接口请求方式上报
- 图片打点方式上报
- navigator.sendBeacon API上报
(图片中的红框是比较大的限制)
而为什么打点都用GIF,不用js、css之类的,主要是因为:
- 没有跨域问题;
- 不会阻塞页面加载,影响用户体验;
- 在所有图片中体积最小,相较BMP/PNG,可以节约41%/35%的网络资源。