概述Event Timing 暴露输入事件的时序(如 `first-input` 与一般 `event`),包含处理开始时间与持续时间字段,有助于评估交互延迟与关联 INP 指标。示例const obs = new PerformanceObserver(list => { for (const e of list.getEntries()) { // e.name: 'first-input' 或 'event' // e.processingStart, e.duration } }) obs.observe({ type: 'event', buffered: true }) 工程建议采集策略:在首屏与关键交互阶段启用;与 Long Tasks/资源加载日志联动定位问题。优化路径:减少主线程阻塞,拆分任务与并行化,结合调度优先级。兼容:特性检测与降级;在不支持平台使用用户事件埋点估算。参考与验证MDN PerformanceEventTiming 文档:https://developer.mozilla.org/docs/Web/API/PerformanceEventTimingweb.dev INP 与 Event Timing 指南:https://web.dev/articles/inpChrome 性能监测说明:https://developer.chrome.com/docs/crux/methodology/inp/

发表评论 取消回复