前端监控与 RUM 数据采集最佳实践

概述真实用户监控（RUM）通过在生产环境采集关键体验指标与错误事件，为性能与稳定性提供数据闭环。本文聚焦采集、采样与数据质量保障。已验证技术参数以 75th 百分位作为性能目标评估标准，反映大多数用户体验推荐使用 `PerformanceObserver` 采集 LCP/CLS/INP、资源与长任务（Long Task）建议采用 1–10% 采样率起步，并对关键页面/新版本提高采样使用 `navigator.sendBeacon` 可靠上报，避免卸载阶段请求丢失错误采集区分 JS 异常、资源加载失败与 Promise 未捕获拒绝实践示例// LCP / CLS / INP 采集示意 const po = new PerformanceObserver((list) => { for (const entry of list.getEntries()) { // 上报 entry.name / entry.value / entry.startTime 等 } }); po.observe({ type: 'largest-contentful-paint', buffered: true }); po.observe({ type: 'layout-shift', buffered: true }); po.observe({ type: 'interaction-to-next-paint', buffered: true }); // 长任务监控（阻塞 UI >50ms） const lt = new PerformanceObserver((list) => { list.getEntries().forEach((e) => {/* 上报 e.duration */}); }); lt.observe({ type: 'longtask', buffered: true }); // 可靠上报 navigator.sendBeacon('/rum', JSON.stringify(payload)); 数据质量与隐私去标识化用户数据；避免采集 PII；遵守地区数据合规要求对异常与指标进行去重与限频，降低噪声与告警风暴使用采样分层（页面/设备/网络）保证关键视角数据充足治理建议建立版本对比与回归阈值；在发布后 24–72 小时密切观察指标联动：将 RUM 指标与业务转化关联，衡量性能对业务的影响结语RUM 是性能与稳定性治理的地基。科学采集与合规处理，让数据真正服务于体验提升与风险控制。