应使用 requestIdleCallback 在主线程空闲时执行非关键任务，不支持时降级为 setTimeout；避免 DOMContentLoaded 前同步脚本阻塞；用 IntersectionObserver 替代 scroll 懒加载；关键 CSS 需内联，非关键异步加载。
用 requestIdleCallback 延迟非关键 JS 执行
浏览器主线程空闲时才执行低优先级任务，避免阻塞渲染。适合处理日志上报、预加载非首屏资源、DOM 渲染后微调等场景。
-
requestIdleCallback不是所有环境都支持（如 Safari 旧版本），需用setTimeout降级 - 回调中必须检查
deadline.timeRemaining() > 0，不能假设能跑完全部逻辑 - 不要在其中修改 DOM 或触发重排，否则可能引发布局抖动
if ('requestIdleCallback' in window) {
requestIdleCallback(() => {
// 非关键逻辑，比如埋点采集
sendAnalytics();
}, { timeout: 2000 });
} else {
setTimeout(sendAnalytics, 0);
}
避免在 DOMContentLoaded 前执行大量同步脚本
HTML 解析遇到 标签会暂停构建 DOM 树，直到脚本下载、解析、执行完成。这是首屏延迟的常见元凶。
- 把
放在
