丁冠宇

优化交互事件中的布局偏移与渲染开销 用户触发交互后，若触发💪😎大规模DOM重排（Re-layout），会使INP严重恶化

常见情形包括点击后动态插入大段内容、更改隐藏元素的尺寸等

INP优化的核心机制：用户触觉响应

与传统的加载速度指标不同，INP衡量的是页🤔面在用户交互（如点击、触摸🎵、键盘输入）后，浏览器最快呈现反馈的延迟时间

针对百度搜索的INP优化五大实战策略

例如，当用户💡点击“展开全文”按钮，页面在100毫秒内完成布局变化并显示内容，INP表现即优；若点击后无任💪何视觉反馈持续500毫秒，即使最终内容加载完成，INP评分也会显著劣化