Shopify 第三方应用脚本拖慢首屏怎么处理

现象#

主题本身不慢，但装上几个应用后移动端 LCP 超过 4 秒，Network 面板里大量来自应用域名的 .js。

原因#

• 应用通过 ScriptTag 在 <head> 同步注入脚本，阻塞渲染
• 多个应用各自加载一份 jQuery 或同一统计 SDK
• 应用脚本在首屏执行大量 DOM 操作，拉长主线程任务

处理步骤#

1. 在页面源码里搜 cdn.shopify.com/s/files/.../assets，列出所有应用注入的脚本与加载方式
2. 对非关键应用改为延迟加载：defer 或移到 </body> 前，必要时用 requestIdleCallback 启动
3. 逐个临时停用应用对比 LCP，锁定真正拖慢的那个，再决定替换或改配置
4. 合并重复的第三方库，只保留一个版本

验收标准#

移动端 LCP 回到 2.5 秒以内；Network 中首屏关键请求数量明显减少。