游乐游手机版
首页/科技数码/文章详情

前端埋点,为啥上线后服务器直接爆了?

时间:2025-12-15 13:33
如果咱们想要好好的完成埋点功能,既能拿到有效数据,又不会把服务器 “打崩”。那么就需要对整个埋点方案进行设计了。 Hello,大家好,我是 Sunday。说起埋点很多同学肯定是不陌生的,面试的时候经

如果咱们想要好好的完成埋点功能,既能拿到有效数据,又不会把服务器 “打崩”。那么就需要对整个埋点方案进行设计了。

Hello,大家好,我是 Sunday。

说起埋点很多同学肯定是不陌生的,面试的时候经常会聊到,实际项目中更是“标配”。

但是,有些同学为项目添加了埋点之后,上线第一天,服务器就直接被挤爆了。。。。。。这是为什么呢?

典型的错误场景

让咱们先来看几个埋点的典型错误场景

1. 全量直传

很多同学写埋点的时候,最直观的想法就是:用户点一下按钮,我就发一次请求。

于是代码就长这样:

button.addEventListener("click", () => { fetch("/track", { method: "POST", body: JSON.stringify({ event: "button_click", time: Date.now() }), });});

看起来挺合理的,对吧?点一下就上报一下呀,没毛病。

但你有没有想过:当 1 万个用户同时点按钮会发生什么?

1 万次点击 === 1 万个请求,直接打到后端接口。如果有大型的活动,那么活动一上线,可能瞬间涌来几十万请求。后端在没有做好充足准备的情况下,就可能会被直接 “冲死” 了。

2. 没有采样逻辑

有的同学觉得:“埋点嘛,多多益善,反正数据越全越好。”(这样想的同学可不少)

于是页面里几乎所有的动作都打点:

用户点击按钮 → 埋点用户滚动页面 → 埋点用户划过一个元素 → 也埋点

结果就是:用户在一个页面里随便滑动几下,前端 SDK 就疯狂地往后端塞数据。


PS:这里给大家说一个训练营同学遇到过的真实情况

某位同事,直接在一个列表滚动事件里写了埋点。既:用户每滚动1px就发一次请求。结果一批用户刚进入页面,后端就已经被几万条无效数据给搞懵了。

所以说:埋点不是“越多越好”,而是要有所取舍。否则,你想要的洞察没拿到,反而先收获了一堆垃圾数据。

3. 没有合并上报

很多同学在写埋点的时候,完全没考虑“合并上报”的情况,于是每次事件触发就立刻单独发一个请求。

比如:

tracker.track("page_view");tracker.track("button_click");tracker.track("api_success");

那么这样就会导致出现 “天量” 的请求。

所以说,在上报的时候,要根据 “埋点策略” 进行 批量合并。按照 不同的优先级划分实时上报和统一上报的方案。

设计终极解决方案

如果咱们想要好好的完成埋点功能,既能拿到有效数据,又不会把服务器 “打崩”。那么就需要对整个埋点方案进行设计了。

先建立一份事件白名单表(事件名、层级、采样率、是否实时、字段 schema、去重规则、负责人),非白名单事件不进行上报。

图片

然后制定采样策略,目的以能看清趋势与差异位标准。

比如:

固定采样:滚动 10%,曝光 30%,点击 50%(可按业务调参)分流采样:userId % 10 < 1 → 10% 样本动态采样:活动高峰服务端下发更高采样,平峰自动降采样分层采样:Core=100%,Important=30%~100%,General=5%~20%

然后根据数据的优先级,采用实时 + 统一上报的结合方式

实时上报:Core 事件(下单/支付/注册/登录),用于风控/实时看板统一上报:Important 事件,批量触发(条数阈值或时间阈值)离线上报(可选的):General 事件,集中批量,延迟可以更宽松一些

因为篇幅有限,所以咱们今天就先说这些。

总结来说:埋点得有策略。不能所有的埋点数据都直接实时上报。大家在实际埋点的方案中,也可以使用一些第三方的库或者平台,比如:sentry、神策、GrowingIO等等的。

来源:https://server.51cto.com/article/824776.html
上一篇外媒:iPhone 17 Air将惊艳全场,但非大众之选 下一篇曝索尼PS6延续可拆卸光驱设计:灵活控制生产成本
本站内容用于信息整理与展示,如有侵权或内容问题请及时联系处理。

相关推荐

补充同频道和同主题内容,方便继续浏览更多相关内容。

同类最新

继续查看同栏目最近更新的文章。

更多
OpenClaw手机App上线,结果翻车了
科技数码 · 2026-07-01

OpenClaw手机App上线,结果翻车了

OpenClaw 官方宣布,已正式推出 iOS 和 Android 原生移动 App,用户如今可以在手机上使用这款主打“能真正帮你做事”的个人 AI 助手。官方在 X 上给出的定位也很直接:把 Agent 放进口袋里,让用户可以在移动端处理频道消息、任务和回复。从功能上看,OpenClaw 移动端并

优必选CEO周剑:家庭机器人生态核心投入过半精力
科技数码 · 2026-07-01

优必选CEO周剑:家庭机器人生态核心投入过半精力

先说几个核心判断:优必选正在布局一盘长远战略。创始人兼CEO周剑在近期一场媒体沟通会上,直接亮出了公司未来的发展路线——工业、商用、家庭陪伴机器人三条业务主赛道并行推进,现阶段每条线各占约一半精力。一边是已经能够稳定创造收入的工业场景,另一边则是他眼中“最具想象力与未来空间”的家庭陪伴领域。工业人形

CPO/NPO/OIO开启封装级光连接价值空间,技术路线尚未收敛
科技数码 · 2026-07-01

CPO/NPO/OIO开启封装级光连接价值空间,技术路线尚未收敛

6月30日,申银万国在光连接系列研报中重点指出,MPO光连接器领域的投资机会值得高度关注。通俗来说,随着AI算力集群持续扩张,光互联升级带来的连锁效应——数据中心光纤通道数量、前面板端口密度、机柜内光纤管理复杂度——均在同步攀升。光连接器的角色早已超越传统的低价值标准件,如今它直接决定着链路插损、可

龙岗AR实景剧本游内测体验短板有效破解之道
科技数码 · 2026-07-01

龙岗AR实景剧本游内测体验短板有效破解之道

在今年龙岗区第二届人工智能与机器人发展大会上,区级部门一次性推出了7个AI“龙搭子”。其中,名为“龙导游”的成果成为文商旅融合领域的核心亮点。据南都N视频记者了解,依托“龙导游”打造的全区全域AR实景剧本游“龙岗大陆”,已在今年五一假期发布了内测版本。经过一个月市场验证后,该项目正式启动面向全社会的

南下资金6月30日净买入中芯国际与建滔积层板
科技数码 · 2026-07-01

南下资金6月30日净买入中芯国际与建滔积层板

6月30日,南下资金持续大举买入港股,单日净流入金额高达58 95亿港元。接下来,我们直接盘点哪些个股获得资金青睐、哪些遭到减持: 净买入方面,中芯国际领跑全场,单日吸金19 33亿港元;建滔积层板紧随其后,净买入10 59亿港元;腾讯控股获得7 65亿港元净流入;智谱(02513 HK)也有6 5