51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
%20
前端埋点，为啥上线后服务器直接爆了？
%20%20%20Hello，大家好，我是%20Sunday。
说起埋点很多同学肯定是不陌生的，面试的时候经常会聊到，实际项目中更是“标配”。
但是，有些同学为项目添加了埋点之后，上线第一天，服务器就直接被挤爆了。。。。。。这是为什么呢？
典型的错误场景
让咱们先来看几个埋点的典型错误场景
1.%20全量直传
很多同学写埋点的时候，最直观的想法就是：用户点一下按钮，我就发一次请求。
于是代码就长这样：
button.addEventListener("click",%20()%20=>%20{
%20%20fetch("/track",%20{
%20%20%20%20method:%20"POST",
%20%20%20%20body:%20JSON.stringify({%20event:%20"button_click",%20time:%20Date.now()%20}),
%20%20});
});看起来挺合理的，对吧？点一下就上报一下呀，没毛病。
但你有没有想过：当%201%20万个用户同时点按钮会发生什么？
1%20万次点击%20===%201%20万个请求，直接打到后端接口。如果有大型的活动，那么活动一上线，可能瞬间涌来几十万请求。后端在没有做好充足准备的情况下，就可能会被直接%20“冲死”%20了。
2.%20没有采样逻辑
有的同学觉得：“埋点嘛，多多益善，反正数据越全越好。”（这样想的同学可不少）
于是页面里几乎所有的动作都打点：
结果就是：用户在一个页面里随便滑动几下，前端%20SDK%20就疯狂地往后端塞数据。
PS：这里给大家说一个 训练营 同学遇到过的真实情况
某位同事，直接在一个列表滚动事件里写了埋点。既：用户每滚动 1px 就发一次请求。结果一批用户刚进入页面，后端就已经被几万条无效数据给搞懵了。
所以说：埋点不是“越多越好”，而是要 有所取舍。否则，你想要的洞察没拿到，反而先收获了一堆垃圾数据。
3.%20没有合并上报
很多同学在写埋点的时候，完全没考虑“合并上报” 的情况，于是每次事件触发就立刻单独发一个请求。
比如：
tracker.track("page_view");
tracker.track("button_click");
tracker.track("api_success");那么这样就会导致出现%20“天量”%20的请求。
所以说，在上报的时候，要根据%20“埋点策略”%20进行%20 批量合并。按照%20不同的优先级划分 实时上报 和 统一上报 的方案。
设计终极解决方案
如果咱们想要好好的完成埋点功能，既能拿到有效数据，又不会把服务器%20“打崩”。那么就需要对整个埋点方案进行设计了。
先建立一份事件白名单表（事件名、层级、采样率、是否实时、字段%20schema、去重规则、负责人），非白名单事件不进行上报。
然后制定 采样策略，目的以 能看清趋势与差异 位标准。
比如：
- 固定采样：滚动 10%，曝光 30%，点击 50%（可按业务调参）
- 分流采样：userId % 10 < 1 → 10% 样本
- 动态采样：活动高峰服务端下发更高采样，平峰自动降采样
- 分层采样：Core=100%，Important=30%~100%，General=5%~20%
然后根据数据的优先级，采用 实时 + 统一上报 的结合方式
- 实时上报：Core 事件（下单/支付/注册/登录），用于风控/实时看板
- 统一上报：Important 事件，批量触发（条数阈值或时间阈值）
- 离线上报(可选的)：General 事件，集中批量，延迟可以更宽松一些
因为篇幅有限，所以咱们今天就先说这些。
总结来说：埋点得有策略。不能所有的埋点数据都直接实时上报。大家在实际埋点的方案中，也可以使用一些第三方的库或者平台，比如：sentry、神策、GrowingIO 等等的。
责任编辑：武晓燕
来源：
程序员Sunday
分享到微信 
分享到微博相关推荐
用了 localStorage，上线后直接崩溃了......
无论是存储用户的Token，还是保存一个主题色、语言类型，使用localStorage都是大家最顺手的方案了。但是，咱们需要知道的是localStorage的使用可不是无限制的。2025-09-08 02:11:00
Token语言类型项目
终于有人将埋点讲明白了
随着互联网技术的发展，从单纯的展示型到运营型，再到现在的数字化运营阶段，数据变得越来越重要，不仅可以进行辅助策略，还可以实现自动化的个性化运营。2021-08-31 19:14:38
技术埋点运营
终于有人将数据埋点讲明白了
数据埋点是指基于业务需求(如淘宝双11促销页面统计每个banner的点击次数)、产品需求(如推荐系统统计推荐商品的曝光次数及点击人数)，对每一个用户行为事件对应的位置进行埋点，并通过SDK上报埋点的数据结果，将记录数据汇总后进行分析，以推动产品优化或指导运营。2022-11-01 18:21:14
数据埋点SDK
Nginx搭建前端静态服务器+文件服务器
大家可能被虚拟主机不太了解，那我们的解释一下，虚拟主机指在一台物理主机服务器上划分出多个磁盘空间，每个磁盘空间都是一个虚拟主机，每台虚拟主机都可以对外提供Web服务，并且互不干扰。2021-09-10 10:07:17
Nginx虚拟主机服务器
为什么云服务器淘汰了传统服务器？
大多数的企业、机构逐步转向云服务器，IT基础上不再采用传统服务器。只有一些传统企业没有上云，他们也在加快信息化进程，把业务送上云端。2018-07-06 11:01:03
破局传统埋点四大痛点！携程机票前端可视化埋点实践
本文首先系统对比两种埋点方案的实现差异，深入剖析可视化埋点在敏捷迭代与跨团队协作中的核心价值；其次，从架构设计与运行机制层面阐述可视化埋点如何系统性解决传统埋点的弊端；最后，围绕"从实现到可用"的主题，探讨通过规范化管理与技术优化构建高可用性埋点体系的最佳实践。2025-07-11 09:09:00
继Adobe漏洞后 黑客声称控制了部分雅虎服务器
一名自称ViruSHimA的埃及黑客申称已经突破了雅虎的安全系统，对雅虎公司的服务器实现了攻击。2012-12-17 14:33:21
虚拟化服务器后：工作量减少还是加大了
未来的数据中心可能至少一部分会采用虚拟化，但是整合硬件并不意味着减少了工作量。恰恰相反，更多的虚拟服务器仍意味着更多服务器需要维护，从而加大了、而不是减轻了IT部门的负担。2009-04-20 17:19:59
虚拟化服务器Vmware
神策数据推出《Android全埋点技术白皮书》，开源所有项目源码！
随着大数据行业的快速发展，越来越多的人们意识到——数据基础夯实与否，取决于数据的采集方式。据神策数据了解，目前国内大数据埋点方式多样，按照埋点位置不同，可以分为前端(客户端)埋点与后端(服务器端)埋点。其中全埋点是目前较为流行的前端埋点方式之一。全埋点采用“全部采集，按需选取”的形式，对页面中所有交互元素的用户行为进行采集，通过界面...2018-11-14 11:26:49
神策数据
挖矿病毒“盯上”了 Docker 服务器
根据Crowdstrike发布的报告来看，目前正在进行的LemonDuck挖矿活动，背后的威胁攻击者正在将其钱包隐藏在代理池后面。2022-04-24 14:11:26
病毒僵尸网络网络攻击
服务器中毒了—菜是原罪
先使用网络排查三板斧：（1）打开浏览器访问域名，发现无法建立连接。（2）Ping域名，发现域名可以正常解析。（3）TelnetIP+Port，发现Telnet不通。2022-07-25 11:32:37
服务器支付失败
服务器又被挖矿了，怎么防？
最近很多小伙伴服务器都被挖矿了，简单总结下在应急过程中，常遇到的一些被挖矿的特征，以及防护方法，工具后面会进行详细的介绍分享。2021-04-27 19:23:47
服务器工具redis
今天的这款OPPO Find X刷爆了线上线下
今天上午10点，OPPOFindX线上线下正式开启首销，从微博平台刷到的数据来看，感觉上万人在给FindX刷屏，有买到的，有没买到的，各种晒单，可谓空前绝后。2018-07-13 15:49:11
OPPO
明明服务化了，为啥耦合更加严重了？
耦合，是架构中，本来不相干的代码、模块、服务、系统因为某些原因联系在一起，各自独立性差，影响则相互影响，变动则相互变动的一种架构状态。2021-08-26 16:55:26
耦合服务化架构
Linux服务器安装后的优化
我们的服务器并不是安装完成后就可直接托管到机房了，而是需要进行一系列的优化配置和安全配置等.2009-09-30 11:14:52
黑客入侵服务器后的手段
黑客攻击总是备受关注，因为在互联网时代，网络安全总是与全球十多亿网民的利益息息相关。在信息共享与个人隐私并存的虚拟世界，黑客的无所不能，总让人胆战心惊。那么黑客入侵服务器后手段有那些呢？2011-03-04 12:33:16
惠普服务器“马失后蹄”
惠普个人用户的事情还没有解决利索，政府采购的又出了问题。“马失前蹄”，尚有“后蹄”支撑能够爬起；“马失后蹄”的话，就得永远趴在地上了。惠普，你下一步想怎么办呢？2010-04-19 09:10:18
惠普惠普服务器
Android埋点技术分析
埋点，是对网站、App或者后台等应用程序进行数据采集的一种方法。通过埋点，可以收集用户在应用中的产生行为，进而用于分析和优化产品后续的体验，也可以为产品的运营提供数据支撑，其中常见的指标有PV、UV、页面时长和按钮的点击等。2017-12-28 14:54:04
Android代码埋点全埋点
用了这个浏览器功能，前端页面直接崩溃了，咋搞啊？
你是否遇到过这样的场景：在浏览器中使用谷歌翻译功能后，网页突然崩了，控制台错误：这一切的罪魁祸首，其实是谷歌翻译悄悄修改了你的页面结构！下面就来简单解释原因和解决方案。2025-02-21 08:04:09
三招避免虚拟机撑爆物理服务器
虚拟化厂商把虚拟化形容的非常完美，一台物理物理服务器可以虚拟成好几台虚拟机，但是物理服务器的计算能力有自己的上限，当虚拟机设置过多的话，物理服务器就可能被虚拟机撑爆。2009-10-20 10:31:46
虚拟机物理服务器
相似话题
芯片
1087内容数据中心
5095内容
同话题下的热门内容
%20相关专题%20更多
%20技术荟萃 | 亲身体验 | 交流盛宴
HarmonyOS NEXT 高效开发与创新实践
2025-06-13 13:22:06
解读惠普Z系列工作站ZBook Ultra G1a高性能移动
2025-04-30 15:22:55
我收藏的内容
