第三步：优化交互事件处理程序与第三方代码

优化建议： 分离读写操作 ：先批量读取所有需要的样式值，再批量写入修改，避免读取之间穿插写入

避免在滚动✅或交互事件中使用复杂布局查询 ：如果必须在事件🌅中读取尺寸信息，尽量使用缓存值或节流（throttle）处理

第三步：优化交互事件处理程序与第三方代码 交互事件的响应时间直接影响INP，特别是事件🚀处理程序本身的执行效率

第二步：控制布局抖动与强制同步布局

重复此类操作会引发布局抖动（Layout Thrashing），严重🍀增加INP

使用变换代替布局属性动画 ：对元素位置和大小进行动画时，优先使用 transform 和 opacity ，它们不会触发布局重算

许武维

警惕第三方脚本 ：广🍀告、分析工具、社交分享按钮等第三方代码常为主线程带来额外负担