第三方SDK是首屏加载瓶颈，优化核心是不加载、不执行、不干扰首屏渲染；应延迟加载非关键SDK，按需+条件触发，封装防重逻辑，并替换为轻量版或模块化SDK。
第三方 SDK 是首屏加载的常见瓶颈——统计、客服、分享、广告等脚本常直接写在 <head> 里，同步阻塞 HTML 解析和 JS 执行，拖慢 LCP 和 TTI。优化核心是：**不加载、不执行、不干扰首屏渲染**，等页面主体就绪后再按需引入。
延迟加载非关键 SDK
把统计、埋点、客服等不影响首屏展示的 SDK，从 HTML 中移除，改用动态插入方式：
- 用
document.createElement('script')创建 script 标签，设置async=true或defer（推荐 async） - 触发时机要合理：例如用户停留 ≥3 秒、滚动过首屏、点击行为后，再加载
- 避免在
DOMContentLoaded或load事件里立即加载——此时仍可能影响交互响应
按需加载 + 条件触发
不是“全量懒加载”，而是结合业务逻辑精准控制：
- 客服 SDK 只在用户点击“在线客服”按钮时才加载
- 分享组件只在用户展开分享弹窗前 200ms 预加载
- 广告 SDK 在进入可视区域（
IntersectionObserver检测）或即将曝光时加载
封装加载逻辑，避免重复请求
同一个 SDK 多次调用 import() 或重复插入 script，会导致多次下载和执行：
立即学习“Java免费学习笔记（深入）”；
- 用 Promise 缓存加载状态，首次加载返回 Promise，后续调用直接复用
- 检查全局变量（如
window.TencentAnalytics）是否存在，存在则跳过加载 - 对 SDK 提供的初始化方法做防重处理，比如加锁或标记已初始化
替换或精简 SDK 版本
很多 SDK 提供轻量版或模块化入口：
- 百度统计用
https://bdstatic.com/xxx.js替代完整版，体积减少 60%+ - 微信 JS-SDK 加载时传参
jsapi_ticket后只引入所需接口，避免全量加载 - 使用 ESM 形式动态导入特定模块，例如：
import('analytics-core').then(({ track }) => track('pageview'))
