INP 提升:从事件处理到帧率稳定



减少第三方脚本干扰: 来自分析、广告或社交分享按钮的脚本可能在主线程上抢占执行时间,应通过异步加载或限制其执行时机来避免阻塞



CLS 深度改善:从图片预留到字体切换



优化时,可以采取以下措施: 预加载关键资源: 使用 <link rel="preload"> 提前加载LCP候选图片



提升INP需要重点关注以下方面: 拆分长任务: 将耗时超过50毫秒的JavaScript任务拆分为多个微任务,使用 requestAnimationFrame 或 scheduler



调整策略后,应至少观察 28天 ,因为数据采集和用户分布需要时间稳定



举报/反馈