优化事件处理函数本身

本文将围绕开发实战，提供可落地的 INP 优化策略

常见的导致 INP 高耗时的情况🌅包括： 点击、键🎇盘输入或触摸事件处理函数中执行了过多的同步计算

页面在加载或滚动过程中，大量脚本延迟执行，挤占⭐了⚡交互响应的时间片

减少强制回流与重排

古装剧中贴合时代的服饰、发饰与建筑，现代剧中符合人物身份的穿搭🎯、布景，奇幻作品里脑洞大开的造型设计，都能✨快速搭建故事的背景框架

精致用心的服化道会弱化观众的疏离感，让人完全相信这个虚构的世界，反之粗劣的制💡作则会频频出戏，严重破坏整体的观影沉浸感

识别高延迟的交互场景

拆分长任务，保障主线程空闲🤔 主线🎇程阻塞是 INP 延迟的主要来源

必要时使用 懒加载🌟或延迟加载 🎵第三方工具代码

拆分长任务，保障主线程空闲

识别高延迟的交互场☀️景 优化前需要明确哪些交互造成了高延迟