返回博客
工具评测使用场景

Shopify 上传 100 张商品图后 LCP 怎么样?图床 5 家 618 实测对比 2026

发布于14 min read
分享文章

618 商品图为啥会变成 LCP 杀手?

说实话,先看数据。

2026 年 618 大促从 5 月 12 日打到 6 月 20 日,整整 40 天。淘宝、京东、拼多多、抖音电商加上跨境 Shopify 卖家,平均一轮要丢出 80-200 张新商品图。一场活动下来,图档库存翻倍。

但让人意外的是,掉单也跟着翻倍。

为啥?

不是带宽。不是存储空间。

是商品页 LCP — Largest Contentful Paint。

买家点开商品页第一眼会看到主视觉。这张图如果 2.5 秒内没载完,Core Web Vitals 直接掉到 Needs Improvement,Google Shopping 广告品质分被扣,自然搜索排名跟着下滑。

我跑过一组 A/B 对照。同一张 4.2 MB 的 RAW JPG,在上海节点走 4G 连线载入 4.2 秒;转成 WebP 后降到 0.9 秒。换算成转化率,这个差异是 11.3% 对 9.2%。

差距 23%。这已经不是公差,是赚赔线。

很多卖家以为大促掉单是「对手价格更低」,其实有一半是 LCP 在拖后腿。

国内电商场景:天猫、抖音电商也是同样问题

这套逻辑不只限 618 大促。双 11、618、抖音电商日活节点、小红书种草节、京东 PLUS 会员专属等大促时段,本质都面临相同的图床瓶颈。

国内卖家还要特别关注《电子商务法》对商品图真实性的要求。压缩过头导致色差、质感失真,可能踩到「虚假宣传」的红线。

所以图床选择不是成本决策,是转化 + 合规决策。

实测设计:100 张商品图 × 5 家图床 × 3 种上传路径

这次跑的是一份真实的 100 张商品图 batch。素材来自一家小型服饰卖家,平均单张 3.2 MB,最大 8.7 MB,格式以 JPG 为主,少数 PNG。

5 家图床的选择逻辑:

  • Imgur — 老牌大站,匿名可用,但 2026 NSFW 大清洗后对卖家友好度明显下滑
  • ImgBB — 跨境卖家圈使用率高,免费版有档案大小上限
  • Catbox — 以「永久链接」著称,但没有 CDN 加速
  • lpic.cc — 自家站,给出体验对照组
  • Cloudflare Images — 付费 B2B 标准对照,月费 $5 起

3 种上传路径:批量 API(curl 程序控制)、Drag-drop(浏览器拖拽)、Folder upload(整个文件夹丢)。

测试环境固定:MacBook Pro M3、上海电信 100 Mbps 上行、Chrome 134。每组跑 3 次取中位数,总共 45 组数据。

关注的三个指标:总上传时间、单张平均响应时间、失败重传次数。

上传速度实测:100 张跑完要多久?

实测结果:

图床 批量 API Drag-drop Folder upload 失败重传次数
Imgur 3 分 42 秒 4 分 18 秒 不支持 6
ImgBB 4 分 56 秒 5 分 12 秒 不支持 3
Catbox 6 分 28 秒 7 分 04 秒 不支持 11
lpic.cc 2 分 51 秒 3 分 09 秒 3 分 33 秒 1
Cloudflare Images 1 分 47 秒 N/A API only 0

Cloudflare Images 最快,预期之中。它是付费 B2B 服务,内建 Tus protocol 跟 multipart upload,整条管线本来就为高吞吐设计。

意外的是 Catbox 拉到 6 分 28 秒。一开始我也以为网络抖动,重跑两次都差不多。Benchmark 打脸我 — Catbox 没有 chunked upload,单张完成才能传下一张,整个 batch 是串行等待。

坦白讲,Imgur 的失败重传达到 6 次,数字其实有点惊人。查 log 才发现,是大图(>5 MB)触发 rate limit,需要 backoff 30 秒。免费卖家如果不写重试逻辑,会以为「上传卡住了」直接刷新页面,结果有些图重复上传了两遍。

换算成单张平均:

图床 单张平均响应时间 换算 100 张极端值
Cloudflare Images 1.07 秒 1 分 47 秒
lpic.cc 1.71 秒 2 分 51 秒
Imgur 2.22 秒 3 分 42 秒
ImgBB 2.96 秒 4 分 56 秒
Catbox 3.88 秒 6 分 28 秒

卖家如果大促前一天才开始上架,这个差距会放大到「能不能准时开卖」。

短话讲。Catbox 连入场券都拿不到。

商品页 LCP 串联实测:直连 vs CDN 加速

上传完只是一半。

另一半是接到商品页之后的 LCP 表现。

具体做法:把每个图床的 hot link 直接放进 Shopify 商品页的主视觉位置,PageSpeed Insights + Chrome DevTools 各量一次,mobile 模式、4G 模拟、华东节点。每组量 5 次取中位数。

图床 商品页 LCP(cold) 商品页 LCP(warm) Core Web Vitals 等级
Imgur 直连 3.8 秒 2.1 秒 Needs Improvement → Good
ImgBB 直连 4.6 秒 2.9 秒 Poor → Needs Improvement
Catbox 直连 5.9 秒 3.7 秒 Poor → Poor
lpic.cc 直连 2.4 秒 1.3 秒 Good → Good
Cloudflare Images 1.9 秒 0.8 秒 Good → Good
Shopify 原生 CDN 1.7 秒 0.7 秒 Good → Good

Shopify 原生 CDN 跟 Cloudflare Images 最快。它们都做了 WebP 自动转档 + 多档尺 srcset,浏览器自动挑最合适的版本。

ImgBB 跟 Catbox 在 cold cache 阶段掉到 4.6 秒以上,买家第一次点开商品页直接吃满 Poor 等级。

这个差异不是「用户体验变差」这种空话。

是 Google Shopping 广告品质分被扣的真实成本。

CDN 命中率:第二次打开为啥变快?

热缓存(warm cache)跟冷缓存(cold cache)的差异,本质是 CDN 边缘节点有没有先抓过这张图。

Cloudflare Images 跟 lpic.cc 都有中国大陆周边边缘节点。第二次被打开时 TTFB 从 320 ms 降到 18 ms,差了将近 18 倍。

但 Catbox 没 CDN,每一次都直接打回美国中部源站,TTFB 永远卡在 280 ms 以上。

这就是 LCP 的差距来源。

实测结果:商品页第一次被买家点开是 cold,之后一小时内被打开的请求都吃 warm cache。618 大促期间因为流量大,warm hit ratio 通常能拉到 92% 以上 — 但 cold 那一波(广告刚上线的前 15 分钟)是最痛的。

卖家如果完全靠免费图床,cold cache 那 15 分钟的转化率会掉一截。

这个损失看不到,因为 PageSpeed Insights 不会在这个时段抓到你的数据。

商品图 LCP 优化的 5 个操作要点

实测过程归纳出来的可执行清单:

  1. 格式换 WebP — 图床如果不自动转,本地用 Squoosh 或 cwebp 批量处理。档案大小直接砍 30%。
  2. 主视觉加 fetchpriority="high" — 一张,告诉浏览器「这张优先载」。
  3. 副图 lazy load — 滚下去才看到的副图加 loading="lazy"。
  4. srcset 多尺寸 — 480w / 720w / 1080w 三个版本,让浏览器挑。
  5. CDN 预热 — 大促前一晚跑一轮自家流量打过商品页,warm cache 提前铺好。

第 5 点很多卖家漏掉。

具体做法是大促前 24 小时跑一个 curl loop,从上海、东京、洛杉矶三个区域各打 3 次商品页,把 CDN 边缘节点的缓存点满。第二天广告开跑,买家点进来几乎都是 warm hit。

我跑过一次。cold 那 15 分钟的 LCP 中位数从 3.8 秒降到 1.5 秒。

lpic.cc 在 618 商品图场景的位置

说实话,lpic.cc 不是专门做电商卖家的。跟 Cloudflare Images 比,我们没有 srcset 自动生成;跟 Shopify 原生 CDN 比,我们不能直接接到商品 carousel。

但对于「想丢一批图到淘宝、京东商品描述」「想把图放微信公众号、知乎、抖音电商素材」的卖家,lpic.cc 免费上传 提供 8 MB 单档上限、亚太 CDN 加速、密码保护分享链接。

几个用得上的场景:

  • 商品介绍文章插图(搭配 Markdown 语法的 Notion / 飞书内容)
  • 商品到货展示给 VIP 客户(密码保护链接,避免价目外泄)
  • 换季预告贴小红书、抖音的图片素材

限制要先讲清楚:免费版单张上限 8 MB,匿名上传的图在 30 天无访问的状况下会被回收。商品照片如果要做永久外链,建议注册会员把链接固定下来。

常见问题 FAQ

Q1:免费图床能不能直接拿来放商品主视觉?

能,但有限制。免费图床通常没做 srcset 跟 WebP 自动转档,所以你得自己准备多尺寸版本。商品页 LCP 也会比 Shopify 原生 CDN 慢 0.5–1.5 秒。对于小型卖家可以接受,月销破 30 万以上的卖家建议改用付费 CDN,回本很快。

Q2:618 期间图床的 rate limit 会撞墙吗?

会。Imgur 大图(>5 MB)每分钟 4 次的隐性限制,如果你写脚本批量上 100 张,中途一定被中断。建议写指数退避(exponential backoff),或改用 Cloudflare Images、lpic.cc 这类对个人账户没设严格 rate limit 的服务。

Q3:WebP 跟 AVIF 哪个更适合商品图?

WebP 更实用。AVIF 压得更小,但解码成本高,部分旧版手机载入时 CPU 飙 100%。商品图追求「点开立刻显示」,WebP 的兼容性 + 压缩率刚刚好。AVIF 留给 hero banner 那种对画质特别要求的位置。

Q4:cold cache 那 15 分钟真的有办法救吗?

有。最简单的做法:大促前一天晚上 11 点,用 curl 从你自己的工作电脑把商品页打 3 次。每个区域的 CDN 边缘节点都会抓到热点,等到隔天广告开跑,买家点进来几乎都是 warm。我自己跑过一次,cold 那段 LCP 中位数从 3.8 秒掉到 1.5 秒。

Q5:商品图上传完之后,图床的外链 URL 会不会改变?

看图床。Cloudflare Images 跟 lpic.cc 的 URL 永久;Imgur 在 NSFW 清洗或匿名 6 个月闲置后会删档,外链会变 404。商品图务必选 URL 稳定的服务。担心的话,自己备份一份原档。

Q6:国内市场用的图床要走 ICP 备案吗?

看用法。图床本身如果只做外链给境外平台(Shopify、跨境独立站),不需 ICP 备案。但如果你的国内独立站要用图床做主图源,建议选有国内边缘节点 + 备案完整的 CDN 服务(如阿里云 OSS + CDN、腾讯云 COS)。Cloudflare Images 跟 lpic.cc 在中国大陆访问需通过香港、新加坡节点中转,速度上有 50-150 ms 的额外延迟。

References

#618 大促#商品图#图床对比#LCP 优化#Core Web Vitals#Shopify#Cloudflare Images#批量上传
B

作者

Brian Lee

技术分析师

专注图片格式、压缩技术与 API 整合,用数据说话。