返回博客列表

运营优化

Shopify App 装太多,网站慢还每月多烧 $280

2026-07-19

你的 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.cosmile.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 $30Klaviyo 内置 Form 功能$30
满减进度条进度条 App $1520 行 JS 自己写(fetch /cart.js)$15
折扣角标角标 App $9.99纯 CSS + Liquid 条件判断,30 分钟$9
基础 SEOSEO App $20Shopify 内置: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 卸掉,往往就是最快见效的第一步。