核心优化技术：拆分与异步

利用百度统计或第三方RUM工具： 从真实用户数据中筛选出INP表现不佳的页面和交互类型

使用 requestAnimationFrame 或 setTimeout(0) 将任务拆分为若干小片段，或者在Web Worker中执行计算🤔，再通过 postMessage 传回结果

在需要更新多个DOM元素的地方，考虑使用 display: none 暂时隐藏🔮容器，📌更新完成后再恢复显示，避免频繁重排

理解INP：从概念到实战

width = '100px' ）会强📌制浏览器多次重排，产生所谓的“🌟强制同步布局”（Forced Reflow）

实战优化第一步：识别瓶颈

例如，在拖拽或动画交互中尤其要注意避免读写交替