微交互性能，数据到底该怎么看

微交互性能，数据到底该怎么看

动画感觉发涩时，先看 trace，不要先改缓动曲线。输入之后的长任务、频繁布局和大面积绘制都会影响反馈；平均帧率很难说明是哪一个环节卡住。

在相同设备和路径下比较改动前后：按下、拖拽、取消和连续操作都要测。观察长任务、布局次数、绘制范围和内存是否在页面往返后回落。

new PerformanceObserver((list) => { for (const entry of list.getEntries()) { if (entry.duration > 50) reportLongTask(entry.duration); } }).observe({ type: 'longtask', buffered: true });

示例只用于定位，线上采样必须限流且不带用户内容。数据指出问题位置，具体怎么改仍要回到元素、样式和交互目标。