Resource Timing 实战：前端性能的采集与分析维度
"讲解 Resource Timing API 的数据结构与采集方法，结合 PerformanceObserver 与采样策略，给出前端性能分析的关键维度与上报建议。"
采集
Screen Capture API：getDisplayMedia 屏幕采集与录制
使用 Screen Capture API 采集屏幕与窗口，并结合 MediaRecorder 进行录制与导出，覆盖权限提示与参数选型建议。
Server-Timing 端到端性能观测：后端指标上报、浏览器采集与优化闭环
使用 Server-Timing 头部在后端上报性能指标，浏览器端采集并联动优化闭环，提供可验证的后端与前端协同数据
Next.js 15 Web Vitals RUM 采集与治理实践
在 Next.js 15 中使用 PerformanceObserver 采集 LCP/INP/CLS 并上报到 Edge Route Handler，形成端到端性能治理闭环，包含采集与服务端接收示例。
Performance Long Tasks 采集与持久化实践
使用 PerformanceObserver 采集长任务信息并持久化到 IndexedDB，辅助定位卡顿来源与影响范围。
Performance Navigation Timing 采集与首屏分析实践
使用 PerformanceNavigationTiming 采集导航与首屏相关指标，并持久化用于分析与优化决策。
Performance Paint Timing 与 FCP 采集与持久化实践
使用 PerformanceObserver 采集 Paint Timing（含 FCP）并持久化，用于首屏渲染分析与优化。
Performance Resource Timing 采集与持久化实践
采集资源级性能指标并持久化，辅助定位慢资源与网络瓶颈，提供能力检测与采集封装。
PerformanceObserver 指标采集与 IndexedDB 持久化实践
使用 PerformanceObserver 采集关键性能指标并持久化到 IndexedDB，提供能力检测与采集封装。
Server-Timing 指标采集与前端持久化实践
采集服务端通过 Server-Timing 暴露的性能指标，并在前端持久化用于分析与优化。
