INP：交互延迟

响应式网站和 INP

您的网站可能打开速度很快，但是用户单击按钮时得到的响应有多快？ INP（与下一次绘制的交互）指标衡量用户在整个页面生命周期中执行的每次交互的延迟，并认为少于 200 毫秒为“良好”。

破坏 INP 分数的因素

长 JavaScript 任务（长任务）通常使主线程非常繁忙，是 INP 的敌人。如果在动画运行或正在处理大量数据时用户的点击仍未得到响应，您的 INP 分数就会增加。

如何优化？

• 代码分割：通过动态导入将大型 JS 文件分割成多个片段。
• Web Workers：将繁重的计算移至后台线程。
• 产量策略：长任务让浏览器喘口气通过使用 scheduler.yield()
分割房间
• 反跳/限制：优化频繁触发的事件处理程序。