Vibe coding 一个店铺速度检测工具：在一个页面里揪出 13MB 多余图片

订阅者专享 —— 订阅后阅读全文

🧪 GemLabs 的一次实验。 这是一篇 build 日志 —— 一个周末用 AI coding agent（比如 Claude Code）做的小实验，写出来让你照着抄。不懂代码也能看。值得拿走的不是这个工具，而是：你用一句话描述一个 workflow，agent 就帮你搭出来。

你看着后台：流量有，订单没有。你大概会怪文案、怪价格、怪投放。很少有人会怀疑那个最安静的原因 —— 页面太慢，访客根本没等到它加载完就走了。

我随手测了一个 Shopify 商品页，看到一个数字：13 MB 图片可以删掉，而买家看到的画面一个像素都不变。 不是压缩一点，是直接删。这个页面在传 13.7 MB 图片；同一批图，缩到它实际显示的尺寸、再存成 WebP，只剩 720 KB。轻了 95%。

这页一点都不特殊，它很典型。GemPages 的帮助中心讲得很直接：页面一过 3 秒，跳出率大约涨 32%，到 5 秒接近 90%；慢店铺据估计每年让整个行业损失约 16 亿美元销售额。速度不是「锦上添花」，它是转化率账本上的一行支出。

所以我花了一个晚上 vibe code 了一个工具：输入网址，它指出哪些图在发胖、胖了多少，再把优化好的文件直接给你下载。下面讲：为什么大多数提速建议都打错靶子、那 13 MB 是怎么拆出来的，以及一段教程 —— 没有编程基础也能自己搭，或者直接拿来用。

订阅后阅读完整内容。