Vite 项目的 Web Vitals 与性能监控：指标采集、构建期埋点与 RUM 上报
在 Vite 项目里落地真实用户性能监控：LCP、INP、CLS 三个核心指标的含义与采集方式、web-vitals 库与 PerformanceObserver 的用法、构建期注入上报脚本与版本标记、RUM 的采样与批量上报、指标归因到具体资源、Lighthouse CI 与性能预算、产物体积与指标的关联，以及重复上报与采样偏差等高频陷阱。
tag
RUM
共 4 篇文章。
前端与移动端 RUM：Web Vitals、会话与用户体验监控
深度讲解前端与移动端真实用户监控（RUM）工程实践：Web Vitals 核心指标（LCP/INP/CLS）与计算方式、Performance API 与导航/资源计时采集、长任务与错误采集（Source Map 还原）、会话与采样、隐私合规、移动端 App 监控，以及前后端指标关联定位。
前端监控与可观测性：RUM 采集、Sourcemap 错误还原、性能采样与告警闭环
从零构建前端监控体系：RUM 真实用户指标采集（PerformanceObserver + sendBeacon）、JS 错误上报与 Sourcemap 堆栈还原、性能采样率与分位数聚合设计、Session Replay 实现思路，以及告警闭环与根因分析流程，附可落地的采集 SDK 代码。
Web 性能指标全解析：Core Web Vitals 与真实用户监控（RUM）
系统性解读 Web 性能指标体系：Core Web Vitals（LCP、INP、CLS）的测量原理、优化阈值与实战方案；TTFB/FCP/FID/TBT 等辅助指标；真实用户监控（RUM）与实验室测试（Lighthouse）的结合；Web Vitals JS API、Chrome UX Report（CrUX）、PerformanceObserver、Resource Timing；Vue/React 性能监控 SDK 接入。