常见误区提醒

利用 requestAnimatio▶️nFrame （rAF）： 将DOM更新等操作与浏览器的刷新率同步，在每一帧开始时执行，避免不可控的帧渲染延迟

如果一次性生成所有DOM节点，会导致主线程阻塞

延迟加载非关键脚本 将统计代码、第三方工具、社交分享按钮等非首屏交互脚本标记为 defer 或 async ，或者放到 requestIdleCallback 中执行

总结：从INP到百度排名的良性循环

理解INP指标：交互响应速度的核心 INP（Interaction 💡to Next Paint，交互到下一次绘制） 是Google在2024年3月正式纳入Core Web Vitals（核心网页💡指标）的关键性能指标

借助 requestIdleCallback （rIC）： 在浏览器空闲时段执行非紧急的💎任务，例如数据预加载、日志上报等，不阻塞关键交互