理解INP：何为“交互到下次绘制”？

第三方脚本干扰 ：广告代码、分析工具💡或社交媒体插件等第三方脚本可能🚀抢占主线程资源，延迟页面对用户交互的响应

Lighthouse（灯塔） 在诊断报告中的“Core Web Vitals”部分会展示INP评估结果，并给出具体的优化建议（如减少主线程工作、预加载关键资源）

INP优化诊断工具

常见的INP劣化场景与原🎆因 要优化INP，首先需要❤️了解哪些操作和资源会导致交互延迟