理解INP：从用户交互到画面反馈的关键指标

INP记录的是用户每次交互（如点击、按键）到浏览器下一💡次📌绘制出对应视觉反馈所经历的时间

优先使用 transform 和 opacity 实现动画，它们不触发布局重算

导致INP表现不佳的常见原因

另外，通过设置 资源提示 （如preconnect、dns-prefetch）减少后续交互请求的延迟

优化INP的实用方法

控制DOM规模和布局变化 大型DOM💡树或频繁📌的布局变化会显著影响INP

避免在交互过程中连续触发强制同步布局（如读offsetHeight后立即写style）