INP（交互到下次绘制）优化中的几个常见误区

误区三：只优化 JS 执行，忽视布局偏移和渲染开销 INP 虽然主要衡量的是事件处理🔍到绘制的延迟，但如果交互触发了大规模的 DOM 操作或布局变化（比如修改了某个🎆宽高不确定的元素），浏览器需要额外进行布局计算和绘制，这部分时间也会被计入 INP

误区五：完全依赖工具报告，忽略实际用户的设备差异 Lighthouse 或 Chrome DevTools 的 INP 数据是基于实验▶️室环境（通常为模拟的固定网速和 CPU 降速）生成的

INP（交互到下次绘制）优化中的几个常见误区

这类操作链在移动端低性能设备上极易造成 INP 升高