摘要

  • Vercel 默认计费方式下,MISS 和 STALE 都会产生图片变换与缓存写入用量。HIT 若从共享全球缓存取图,会产生读取用量;近期在同一区域使用的区域缓存免去的是这项读取费用。
  • 图片数量无法代替版本、文件体积和交付路径。延长缓存能减少重复处理,也要准备好更换旧图;跳过优化则可能把支出推向数据传输。

“命中缓存”是技术报告里很讨喜的四个字。它说明系统找到了做好的东西,不必从头再来。把它递到预算会上,四个字却常被擅自加戏:既然做好了,以后就不用花钱了。

Vercel 的图片优化文档给这场乐观表演安排了几名会计。图片变换、缓存写入、缓存读取分开计量,送到用户面前还涉及 Fast Data Transfer 和 CDN Requests。加工过的图可以反复使用,取货和送货仍有各自的工作。缓存把一道重复工序省掉,采购方还得看完其余几行。

HIT 只说找到了,没说从哪儿拿

官方定价说明把共享全球缓存的读取按 8KB 单位计量,同时明确排除了“每次 HIT 都收这项费”的理解。同一区域近期访问过的图片,例如几小时前用过,留在区域缓存里,就不会产生这项读取费用。

因此,同样显示 HIT,一次可能直接取用附近的副本,另一次可能从共享全球缓存取回。命中率本身无法告诉财务发生了多少全球缓存读取。交付还有单独计量的资源,也不能把区域读取豁免扩成整次服务免费。

MISS 的流程是取源图、变换、存入缓存,再交给用户。STALE 则先把缓存里的图送出去,在后台重新验证。文档把两者都列为变换和写入的计量对象,写入同样按 8KB 单位计算。页面看起来很平静,后台仍可能开工。一个正常显示的商品橱窗,不能替后台签停工单。

这也让客户分布变得有意义。究竟哪些版本在哪些区域重复使用,影响的是实际取图路径。仅凭“海外访问增加”就估算涨价幅度,省略了文件大小、请求和缓存复用这些必要输入。地理范围不是一张现成价目表。

图库只有一张,组件可以点一桌

服务原理列出的缓存区分条件,包括项目、请求宽度、质量,以及规范化的 Accept 请求头。对于本地图片,键中使用内容哈希;远程图片则使用绝对 URL。同一个拍摄对象,在系统里可以对应多个被请求的成品。

这原本就是优化服务的价值:手机屏幕无需总收一份给大屏准备的文件。真正该问的是,需要哪些宽度和质量,哪些会被反复用到。允许更多选择,不代表所有排列组合立刻全部生成;请求到来的时候,具体选择才会触发工作。

问题在于,照片的管理者和版本的决定者经常不是同一拨人。编辑部没有添图,前端组件却可以在改版后要求更多宽度和质量。若成本审计只核对图库,审核者会很满意地找到一份没有变化的清单,然后继续解释一张已经变了的账单。

Vercel 的用量管理指南建议整理允许的格式、质量和尺寸,以及允许优化的来源范围。压缩选择数量和压缩文件大小,作用也不同。前者收窄可能的变体,后者减少读取、写入和传送的数据。质量降下来,文件可能更小;商品细节还能不能看清,需要另验。销售页面不能靠把顾客需要的信息一起压掉来证明节约。

延长缓存之前,先想好怎么换图

对很少改变的图片,延长有效期可以减少再次变换和写入。这是确切地省掉重复劳动。另一半决定,是哪天照片需要修改时,谁负责让新图真正出现在用户面前。

远程源图在相同 URL 下被换掉,并不会立刻替换已经缓存的成品。旧版可继续留到过期或失效处理。远程缓存的 TTL 取源站 max-age 与 minimumCacheTTL 中较大的值。单纯重新部署应用不会使图片缓存失效。本地图片可以通过修改内容再部署改变内容哈希,平台也提供显式清除缓存的方法。

这条有效期规则,还不能冒充区域副本的保留承诺。变换结果能保留多久,与最近在某区域用过的副本是否仍在,是两件事。设了一个长 TTL,并不能据此宣称同样长时间都免去全球缓存读取。

对运营团队,图片更新的终点是用户看到的新版本。文件上传成功,只能完成内部动作。如果商品照片有误,负责人需要知道用哪条替换或清除路径,以及怎样检查实际结果。节省重复处理的方案,应当连着纠错能力一起批准。

优化关掉,搬运工也没下班

对于很小的文件、矢量图等优化收益有限的内容,指南建议有选择地跳过优化。相关图片便可避开变换和图片缓存读写。但同一指南提醒,给所有图片一律跳过,可能增加 Fast Data Transfer。直接送原图,送出去的字节可能更多。一个成本项目很容易把工作礼貌地转交给隔壁。

实际合同也要先看。旧计费方式按计费周期内被请求的不同源图计量。文档保留的选择范围,是部分在 2025 年 2 月 18 日以前创建的 Enterprise 团队,可到合同届满前继续旧方式,或转到默认方式。不能把这种选择当成所有团队现成可用的按钮。

要算某家运营者的具体节约,还缺它的合同基础、变体体积、区域请求和实际资源用量。文档已经足够回答另一个问题:采购究竟买了什么。做图、存图、取图、送图需要分别理解。图库盘点可以继续做,只是别再让那张照片数量表兼任整家配送公司的财务总监。