Hyva 走向免费，PWA Studio 逐步淡出：2026 年 Magento 前端押注

打开原生 Magento 店面的网络标签页（Network 选项卡），清点一下加载的 JavaScript。你会发现 jQuery、引入数十个小型模块的 RequireJS，以及负责连接购物车和结账流程的 Knockout.js——所有这一切都在单张商品图片加载完成之前就已经发生。这就是 Luma 主题，十年来它一直是 Magento 的默认门面。它也是众多 Magento 店铺悄然未能通过 Core Web Vitals 的根源。多年来，逃离这一困境的代价都是需要花钱。然而，在 2025 年底短短的一段时间里，整个前端的立足之基在所有人脚下发生了巨变。

2025 年底发生了什么变化

发生了两件指向不同方向的重大事件。首先，Hyva 走向免费。2025 年 11 月 10 日，Hyva 宣布在 Open Software License 3.0 (OSL-3.0) 和 Academic Free License 3.0 (AFL-3.0) 协议下重新许可其主题。这意味着它可以免费使用，并可在商业许可下重新分发。在此之前，Hyva Theme 需要付费许可证，据报道每个店铺大约需要 1,000 欧元（约合 1,000 美元）。这一价格门槛曾是许多团队固守 Luma 的主要阻碍。

其次，Adobe 逐渐告别了 PWA Studio。这并非以正式终止为标志，而是重心的转移。Adobe 的注意力已转向 Edge Delivery Services，使 PWA Studio 进入了类似于 Luma 长期以来的维护模式。

为什么 Luma 是个问题

要理解 Hyva 为何广受欢迎，重要的是看它正在摆脱什么。经典的 Luma 前端构建在四项技术之上，这些技术在 2015 年颇具意义，但在今天已经过时：用于数据绑定的 Knockout.js、用于模块加载的 RequireJS、用于 DOM 操作的 jQuery，以及用于样式的 LESS。问题并不在于这些技术本身有多糟糕，而在于它们叠加在一起的沉重负担。Luma 的架构导致店面通常需要传输庞大的 JavaScript 打包体积，从而导致性能指标表现不佳。

代理商反映，一个典型的 Luma 商品详情页可以在数百个文件中加载远超 1 MB 的 JavaScript。尽管你可以对其进行优化，但依然受限于其底层架构。

Hyva 的解决方案：更少的 JavaScript

Hyva 做出了一个关键的架构决策：在服务器端渲染，并且几乎不向浏览器发送 JavaScript。它摒弃了 Knockout、RequireJS、jQuery 和 LESS，转而使用 Tailwind CSS 处理样式，并使用 Alpine.js 处理所需的少量交互。Alpine.js 允许你直接在 HTML 标记中添加行为，无需模块加载器的复杂性。

这意味着页面从服务器端传输过来时已完全渲染完成，Alpine 仅负责处理少数交互元素。性能提升非常显著，因为需要下载、解析和执行的 JavaScript 大幅减少。迁移到 Hyva 的团队表示，得益于主线程工作量的减少，他们的 Core Web Vitals 从未能达标转变为顺利通过。

“免费”的现实

澄清此语境中“免费”的含义非常重要。Hyva Theme 及其兼容模块现在是开源的。然而，Hyva Checkout、Hyva Enterprise 和 Hyva Commerce 仍然是付费产品。因此，虽然基于免费 Hyva 主题构建的店铺是真正免费的，但想要使用 Hyva 专属结账功能的店铺仍需承担费用。相比之前每家店铺需要一千美元的要求，这已经是一个相当划算的方案。

PWA Studio：并非消亡，只是方向转变

PWA Studio 作为 Adobe 基于 React 的 Headless 店面，并未消亡或被弃用。它仍在接收更新，其 14.5.1 版本于 2026 年 5 月发布。然而，Adobe 的重点已从它身上转移。现在的版本发布主要由兼容性和安全更新组成，而非新功能。本质上，PWA Studio 仍然可用，但它已不再是 Adobe 未来的发展方向。

Adobe 的新方向：Edge Delivery Services

Adobe 未来的重点是 Edge Delivery Services，其旨在通过在边缘组装组件并分发内容来提供快速的店面体验。这种方法旨在实现轻量与高效，但它也伴随着用户需要权衡的取舍。

结语

截至 2025 年底，Magento 前端格局发生了重大变化。随着 Hyva 现已免费以及 PWA Studio 进入维护模式，商家在 2026 年为其店面有了新的考量选择。

优势

• 高性价比： Hyva 现已免费，让更多商家能够使用。
• 性能提升： Hyva 的架构带来了更好的 Core Web Vitals 评分。
• 开发简化： 更少的 JavaScript 意味着更容易维护和更快的加载速度。

劣势

• 兼容性问题： 为 Luma 构建的传统扩展可能无法与 Hyva 配合使用。
• 付费功能： Hyva 的某些功能仍属商业收费，这可能会导致额外的成本。

注意事项

本文仅供学习与参考之用。任何占位符数值都必须替换为真实数据，读者在采信相关说法之前应核对原始来源。

常见问题解答

• 什么是 Hyva？ — Hyva 是一种用于 Magento 的前端解决方案，用于替代 Luma 主题，现已免费提供。
• Hyva 为什么走向免费？ — Hyva 走向免费是为了降低商家寻求提升前端性能的门槛。
• 什么是 PWA Studio？ — PWA Studio 是 Adobe 针对 Magento 推出的基于 React 的 Headless 店面，现处于维护模式。
• 什么是 Edge Delivery Services？ — Edge Delivery Services 是 Adobe 利用边缘技术提供快速店面的全新战略重心。
• Hyva 如何提升性能？ — Hyva 减少了发送到浏览器的 JavaScript 数量，从而改善了加载时间和交互性。
• 使用 Hyva 会产生任何费用吗？ — 虽然 Hyva Theme 是免费的，但像 Hyva Checkout 等某些功能仍然是付费的。

标签

#magento #ecommerce #frontend #webdev #hyva #pwa #adobe #corewebvitals #performance #webdevelopment