打点，也被叫做“埋点”。在特定点提前设置好一段处理逻辑，当用户行为触发这个特定点时，预置的处理逻辑执行，记录下用户的一次行为。这属于前端监控的一种，目前，主流监控均采用GIF方式进行打点。

从技术层面来讲，打点，就是将Web端的用户信息通过网络请求的方式发送到服务端，再由服务端统一处理。发送到服务端的方式有多种：请求接口、请求普通文件、请求图片资源等。
为什么GIF方式成为了主流呢？GIF为何胜出
1. 请求文件资源没有跨域问题

打点域名通常不是网页的当前域名，所以网络请求就成了跨域请求，容易因为配置不当导致请求被浏览器拦截并报错；而请求资源不存在跨域问题



2. 图像类型资源不会阻塞页面加载，影响用户体验

请求其他类型文件资源（js/css/ttf）受限于浏览器的资源加载机制。只有将创建的资源节点插入到DOM树，浏览器才会真正的去请求资源。但是频繁操作DOM会引发性能问题，并且加载js/css资源还会阻塞页面渲染，影响用户体验。
请求图片资源无需操作DOM树，只要创建Image对象就可以发起请求，也不会阻塞页面渲染。在没有js的浏览器环境中也能通过img标签正常打点。



3. GIF在所有图片中体积最小，相较BMP/PNG，可以节约41%/35%的网络资源。

作者：松山有雪
链接：https://juejin.cn/post/7024422532308697124
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。