运营优化
Shopify App 装太多,网站慢还每月多烧 $280
你的 Shopify 后台装了多少个 App?
先来看一个真实案例:12 个 App,每月账单 $280,首屏加载 6.8 秒,PageSpeed 移动端分数 28 分。
月账单明细
Loox 评价 $9.99 ← 在用
Smile.io 积分 $49.00 ← 上月才用过一次
Privy 弹窗 $30.00 ← Klaviyo 也能做同样的事
Tidio 聊天 $49.00 ← 三个月没回复过消息
Searchpie 搜索 $39.00 ← 从来没登录过后台
…还有 7 个 App $103.00
─────────────────────────
每月合计 $279.99 → 一年 $3,360
这不是极端案例。App Store 里几千个选择、每个 App 看起来都解决一个问题——很多店在运营半年之后,后台都会悄悄积累到这个规模。
今天拆解三个核心坑,以及对应的审查方法、清理步骤和替代方案。
坑 01 · 每个 App 都在首屏偷偷加载脚本
这是三个坑里对性能影响最直接的一个。
App 安装后,会在主题的 theme.liquid 里注入 <script> 标签,页面每次加载都会把这些脚本下载并执行。即使你在 App 后台关掉了某个功能,脚本依然在加载。
来看这个瀑布图,还原的是装了 4 个 App 之后的网络请求顺序:
Network Waterfall · 12 Apps Installed
theme.min.js ██░░░░░░░░░░░░░░░░░░ 85KB [主题]
chat-tidio.js ████████░░░░░░░░░░ 320KB [阻塞]
smile-loyalty.js ██████░░░░░░░░░░░░ 250KB [阻塞]
privy-popup.js █████░░░░░░░░░░░░░ 190KB [阻塞]
searchpie.js ████░░░░░░░░░░░░░░ 160KB [阻塞]
hero-banner.jpg ██████░░░ ←被延迟 [主图]
四个 App 脚本(共 920KB)在首屏并行竞争带宽,Banner 主图被推到 3 秒后 才开始下载。而 Banner 主图正是 LCP(最大内容渲染时间)的主角——它被延迟,LCP 就超标,PageSpeed 分数就崩。
还有一个隐藏陷阱:卸载后脚本可能还在
部分 App 安装时向 theme.liquid 注入 <script> 标签,卸载 App 之后,这些标签不会自动删除。用户每次打开你的网站,浏览器还在尝试请求一个已经不存在的 App 脚本,白白浪费时间,还可能触发报错。
怎么检查:卸载 App 后,进入主题编辑器打开 layout/theme.liquid,全局搜索已卸载 App 的域名(如 tidio.co、smile.io),找到就整段删除。
坑 02 · 月费悄悄叠加,很多 App 你根本没在用
「装了之后就忘了」是这个坑的核心机制。
每个 App 在装的时候都有充分的理由,但三个月后它可能已经成了沉默的月费项目。真正的问题在于很多人从来不主动审查这个列表——直到某天看到账单才反应过来。
来看上面那个真实案例的使用情况对照:
| App | 月费 | 实际使用情况 |
|---|---|---|
| Loox 评价 | $9.99 | ✅ 每周查看,核心功能 |
| Smile.io 积分 | $49.00 | 🟡 上个月才用过一次 |
| Tidio 聊天 | $49.00 | 🟡 三个月没回复过消息 |
| Searchpie 搜索 | $39.00 | 🔴 从来没登录过后台 |
| Privy 弹窗 | $30.00 | 🔴 Klaviyo 也能做同样的事 |
这 5 个 App 每月 $176.99,其中可以省下的有 $118/月——一年就是 $1,416,直接可以用来投广告。
解决方法:每月 15 分钟审查一次
进入 Shopify 后台「应用」页面,逐个问自己两个问题:
① 这个月用过它吗? Shopify 的「应用分析」里可以看到每个 App 最近 30 天的使用次数。0 次的,优先列入卸载候选。
② 它做的事情有没有被别的工具覆盖? 这引出了第三个坑。
坑 03 · 功能重叠,花了两份钱做同一件事
最容易被忽视,也是最纯粹的浪费。
很多 App 不只做一件事,但用户只用了它最核心的一个功能,没有注意到它其实覆盖了其他场景。与此同时,另一个已付费工具早就有同样的功能——于是两个工具做同一件事,两份月费同时在跑。
四个最典型的重叠场景:
弹窗收邮件:Privy($30/mo)+ Klaviyo(已付费) Klaviyo 本来就有完整的 Form 弹窗功能,支持自定义样式、触发条件、A/B 测试,和 Privy 的功能几乎完全重叠。装了 Klaviyo 还装 Privy,等于花了两份钱做同一件事。
评价展示:Loox($9.99/mo)+ Judge.me($15/mo) 图片评价和文字评价分别装了两个 App,但实际上 Judge.me 的付费版支持图片评价,Loox 也支持文字评价——大多数店只需要一个。
倒计时:Countdown Timer App($9.99/mo)+ 主题自带 Dawn 和大多数主流主题自带倒计时 Section,进主题编辑器就能配置,根本不需要专门的倒计时 App。
多个弹窗工具:Privy + Omnisend Omnisend 的弹窗功能同样完整,和 Privy 高度重叠。如果两个都在装,二选一就好。
根本原因:装 App 前没有检查现有工具的完整功能
装新 App 之前,先花 5 分钟打开 Klaviyo、Omnisend、现有主题的「功能介绍」页面,看一眼有没有你需要的功能。很多时候答案是「已经有了,只是没用过」。
怎么审查:10 分钟找出拖速度的 App
三步走,不需要任何专业知识:
第一步:PageSpeed Insights 查「减少第三方代码」建议
打开 pagespeed.web.dev,输入你的首页 URL,运行测试。在「机会」或「诊断」区域找到「减少第三方代码的影响(Reduce the impact of third-party code)」,展开后能看到每个脚本的大小和可节省的加载时间:
PageSpeed Insights · "减少第三方代码" 建议
● cdn.tidio.com/tidiobot.js 320KB 可省 2.1s
● smile.io/assets/smile-sdk.js 250KB 可省 1.6s
● privy.com/static/privy.js 190KB 可省 1.2s
● searchpie.io/bundle.js 160KB 可省 0.9s
按「可省时间」从大到小排序,对应到哪个 App,就知道优先处理哪个了。
第二步:Chrome DevTools 的 Network 面板核实
打开 Chrome DevTools(F12),切到 Network 面板,刷新页面,按 Size 列从大到小排序。找到最大的几个外部 JS 文件,看 URL 里的域名,能判断出是哪个 App 的脚本。
第三步:Shopify 后台查看 App 使用数据
进入「应用」列表,点击某个 App 进入详情,可以查看近 30 天的使用次数。0 次的,加入卸载候选名单;使用次数极低且月费偏高的,也值得重新评估。
安全卸载:三步骤,不遗留问题
卸载 App 不是点删除按钮那么简单——跳过任何一步都可能留下隐患。
① 卸载前先导出数据备份
评价 App 里的买家评价数据、积分 App 里的积分余额和客户标签,卸载后可能丢失且无法找回。进入 App 后台,找到「导出」或「Export」选项,下载 CSV 备份,再执行卸载。
② 卸载后检查 theme.liquid 残留脚本
这是最容易被遗漏的一步。进入主题编辑器 → layout/theme.liquid,用 Ctrl+F 搜索已卸载 App 的域名:
❌ 卸载后仍然残留(需要手动删除)
<!-- Tidio Chat -->
<script src="//code.tidio.co/..."></script>
<!-- Smile.io -->
<script src="//cdn.smile.io/..."></script>
✅ 清理后(只保留主题必要代码)
<head>
<!-- 只保留主题必要代码 -->
</head>
找到对应的 <script> 标签,连同注释一起整段删除,保存主题文件。
③ 清理后再跑一次 PageSpeed,确认脚本消失
重新在 pagespeed.web.dev 测试一次,展开「减少第三方代码」建议,确认已卸载 App 的域名不再出现,才算真正清理干净。
5 个 App 的代码替代方案
这 5 个场景是独立站最常见的付费 App 需求,都有成本更低或完全免费的替代:
| 功能 | 付费 App | 替代方案 | 每月节省 |
|---|---|---|---|
| 弹窗收邮件 | Privy $30 | Klaviyo 内置 Form 功能 | $30 |
| 满减进度条 | 进度条 App $15 | 20 行 JS 自己写(fetch /cart.js) | $15 |
| 折扣角标 | 角标 App $9.99 | 纯 CSS + Liquid 条件判断,30 分钟 | $9 |
| 基础 SEO | SEO App $20 | Shopify 内置:Meta、Sitemap、alt | $20 |
| 产品评价 | Loox 付费版 | Judge.me 免费版(足够大多数店使用) | 降低成本 |
5 个替代加起来每月最多省 $74,一年省 $888。而且这些代码替代方案没有额外的脚本加载——速度比 App 更快,维护成本也接近于零。
满减进度条和折扣角标的完整实现代码,可以在这个系列的其他文章里找到,拿来直接用就行。
总结:精简才是正确策略
| 坑 | 问题 | 影响 | 处理方式 |
|---|---|---|---|
| 坑 01 · 脚本注入 | App 脚本竞争带宽,LCP 超标 | 速度杀手 | PageSpeed 找出最重脚本,卸载后清残留 |
| 坑 02 · 月费叠加 | 很多 App 装了就忘,默默扣费 | 钱白烧 | 每月 15 分钟审查,3 个月没用就卸载 |
| 坑 03 · 功能重叠 | 两个工具做同一件事,两份钱 | 重复付费 | 装新 App 前先查现有工具的功能列表 |
App 不是越多越好。每装一个 App,就同时承担了速度成本和月费成本。装之前问一句「真的需要吗」「现有工具能不能做」,能省下的钱和速度都相当可观。
💡 现在打开你的 Shopify 后台,数一数装了几个 App,然后打开 pagespeed.web.dev 测一下「减少第三方代码」建议,看看哪个 App 的脚本最重——把那个 App 卸掉,往往就是最快见效的第一步。