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

减少DOM操作频率 ：在循环中频💎繁修改DOM会显著增加重排与重绘成本，建议批量更新或使用文档片段（DocumentFragment）缓存变更

认识INP：百度搜索对用户交互体验的新衡量标准

第一步：识别并优化阻塞渲染的JavaScript任务 用户交互后页面无响应，最常见的原因是浏览器主线程被长时间运行的JavaScript任务占据

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

重点关注移动端设备，因为低性能设备上主线📢程更容易拥塞

第一步：识别并优化阻塞渲染的JavaScript任务

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

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

长效维护：持续监控与测试 I💪N🎯P优化不是一次性工作

长效维护：持续监控与测试

褪去城市浮华，平凡的家长里短满是烟火气，观看时内心安稳又平和

认识INP：百度搜索对用户交互体验的新衡🤔量标准 在百度搜索引擎优化（SEO）中，用户体验指标正变得越来越重要

使用被动事件监听器 ：对 touchstart 、 wheel 等事件添加 { passive: true✨ } 选项，告知浏览器不需要调用 preventDefault() ，从而允许浏览器立即优化滚动等操作而不等待脚本执行完毕