Shopify将Checkout Blocks迁移至Polaris Web组件，包体积最高缩减85%

Shopify详细介绍了Checkout Blocks应用的重构过程：将五个高流量结账UI扩展从React和旧的Remote UI桥接迁移至基于Preact与Polaris Web Components的remote-dom。这些扩展渲染了约三分之一的定制结账页面，现已用TypeScript重写，API版本从2025-07升级至2026-01。这是Shopify将全部UI扩展体系迁移至框架无关组件计划的一部分，且变更并非可选：从2026年10月1日起，部署包含早于2026-01版本扩展的应用将被阻止。

性能提升显著。所有扩展的传输包体积下降幅度在40%至85%之间，其中payment-icons扩展缩减了84.4%；扩展加载时间中位数下降约8%，90百分位值下降7%。这主要归功于2026-01版remote-dom CLI强制规定每个扩展压缩后包体积上限为64KB，而此前约为100KB至112KB。从React切换到Preact移除了react-reconciler，仅此一项即节省约89KB；团队还用内部代号“droplet”的Liquid解析器（压缩后13KB）替换了liquidjs（约73KB），并基于来自真实商家配置的42000行对照语料完成兼容性校验。dayjs被小型自定义日期工具替换，markdown-to-jsx则保留并做Preact别名映射。

针对需要自行迁移的开发者，Shopify提供了升级指南和AI工具包，并发布了Checkout和Customer Account扩展的迁移指南。在实际迁移中，大部分旧版Polaris React组件会转为与框架无关、由Shopify CDN加载的s-*自定义元素。转向Preact和框架无关Web Components的方案首次出现在2025年底的API 2025-10版本中，早期反馈整体偏正面，开发平台Gadget称其为“很棒的更新”，Hacker News上的开发者也认可这些组件不使用Shadow DOM。

不过，随着2026-01版本成为强制标准，评价变得褒贬不一。2026年4月，有开发者在Shopify论坛提出，交付一个无法固定版本的CDN脚本“对稳定性来说是一场噩梦”，该诉求在2026年年中仍在社区持续讨论；一个Reddit帖子则指责新组件“不完整”，列举了缺少Polaris React所提供的Index Table等组件的问题。Shopify是为数百万在线商店提供支持的商务平台，Polaris是其开源设计系统，新版Web Components为与框架无关的自定义元素，无论开发者使用何种框架都能渲染相同UI。