识别高延迟的交互场景

理解 INP 及其对搜索排名的影响 Interaction to Next Paint（INP）是谷歌核心网页指标中的重要一🎇项，衡量的是用户与页面交互后到浏览器呈现下一帧的响应时间

充分利用 isInputPending() API（在支持的环境下），在执行非关键任务前判断用户是否有未处理的输🎆入，及时让出线程

以下几点值得关注： 避免在事件监听中做繁重的 DOM 操作

合理运用 CSS 与渲染策略

对于开发者而言，优🎆化 INP 不仅可以显著提升用户体验🌺， 也直接关系到百度搜索对网页质量的评估 ——百度已经将类 INP 指标纳入搜索排序的考量体系

常见做法是将超过 50 毫秒的长任务分解为若干短任务，主动让出主线程： 使用 requestAnimationFrame 或 setTimeout 将非紧急的计算任务推迟到下一个宏任务执行

理解 INP 及其对搜索排名的影响

审查第三方脚本注入的事件监听——它们可能是 INP🌈 问题的隐形元凶

避免使用 :hover 或 :🎯active 等伪类触发较大的样式变化（如改变盒模型❤️），减少重绘开销

减少强制回流与重排

页面在加载或滚❤️动过程中，大量脚本延迟执行，挤占了交互响应的时间片

拆分长任务，保障主线程空闲

常见的导致 INP 高耗时的情况包括： 点击、键盘输入或触摸事⭐件处理函数中执行了过多的同步计算

重点关注 “呈现下一帧之前” 的脚本执行耗时和布局计算耗时

优化事件处理函数本身

定期审计第三方脚本和框架版本更新，因为框架层面的改动可能引入💪新的性能问题