提升INP的具体方法：从代码到资源加载

可以将实际更新逻辑放入 requestAnimationFrame 中，或者使用 防抖（debounce） 与 节流（throttle） 技术减少高频交互触发的次数

总结：将交互流畅度纳入SEO日常优化

复杂的首次绘制流程： 页面渲染期间，若布局计算或样式计算耗时过高，会拖慢后续交互的响应

对于滚动或鼠标移动监听，尽量让回调轻量，或者使用 { passive: t🎯rue } 选项告知浏览器不阻止默认行为，从而改善响应流畅度

INP优化的核心逻辑：减少主线程阻塞

未优化的事件处理： 在点击事件中执行高计算量的工作，或在 requestAni✅mationFrame 回调中执行耗时代码

例如，在循环处理数据时，可以使用 任务分块 技术： 每处理一定数量的数据后，使用 await new Promise(resolve => setTimeout(resolve, 0)) 让主线程有机会处理即将到来的交互