"Resource Timing 实战：前端性能的采集与分析维度"

概述Resource Timing API 暴露资源加载的关键时间点（DNS、TCP、请求、响应等），可用于精细分析瓶颈与优化路径。结合采样与标签维度实现高性价比的 RUM 采集。采集与结构使用 `PerformanceObserver` 监听 `resource` 条目，获取 `PerformanceResourceTiming` 的细粒度时间戳（如 `domainLookupStart/End`、`connectStart/End`、`requestStart`、`responseStart/End` 等）［参考1,2］。聚合维度：按资源类型（脚本、样式、图片）、域名、路径与设备类型聚合，观察 P95/P99 与错误率关联。上报与采样结合采样（比例或阈值），将关键字段上报到后端；避免过高频率导致成本增加。参考与验证［参考1］MDN 中文：Performance API 概览与 Resource Timing 说明：https://developer.mozilla.org/zh-CN/docs/Web/API/Performance_API［参考2］MDN：`PerformanceObserver` 用法与事件监听：https://developer.mozilla.org/zh-CN/docs/Web/API/PerformanceObserver［参考3］Site24x7：浏览器监测支持的 Web 性能指标与解释：https://www.site24x7.cn/help/internet-service-metrics/web-page-analyzer.html关键词校验关键词与 Resource Timing 采集一致。