Magento 的 Hyva 主题：什么、为什么和如何？

您最近可能在不同的地方遇到过“Hyva”这个名字，从许多线下活动，例如荷兰的 Webwinkel Vakdagen、Meet Magento NYC/UK、德国的 Hyva Camp 到虚拟活动（Hyva 聚会、Hyva Hackathon）。 此外，一些流行的 Magento 扩展提供商宣布他们的产品现在与 Hyva 主题兼容。

还没有，根据 Builtwith 的说法，目前有 1,178 个网站正在使用 Hyva 主题，其中比利时、荷兰和美国分别有 246、202 和 168 个网站。

因此，如果您是 Magento 开发人员或 Magento 商家，那么您可能想知道 Hyva 主题是什么。 在本文中，我们将揭示您需要了解的有关此特殊主题的所有信息——从它提供的好处到如何开始使用它。 准备好开始了吗？ 继续阅读！

什么是 Hyva Magento 2 主题？

主题的想法是如何产生的？

Magento 提供了许多优势，例如可定制的灵活性和网络商店的多商店功能。 可悲的是，Magento 的前端并不是该平台的强项。 它的 UI 组件非常复杂，并为开发过程增加了大量额外的工作量。 即使是熟练的编码人员也需要大量培训才能执行微小的更改。 Magento Luma 主题的另一个问题是大量的 JavaScript 代码，这增加了加载时间并且难以优化。

一般来说，使用 Magento 默认主题有三个主要缺点：

• 它非常慢
• 它有很多死代码
• 定制需要时间

这就是海沃进来的原因。

海沃主题概述

Hyva 是一个非常规的 Magento 2 主题。 通过从标准 Adob​​e Magento 模板画布中删除 RequireJS、KnockoutJS 和 jQuery 等繁琐的库，并改用更轻的 AlpineJS 和 TailwindCSS，Hyva 成为现在最快的 Magento 模板之一。

让我们让它变得更简单！ Hyva 是 Magento 2 的主题，它消除了代码中所有不必要的内容，并更改了一些用于开发的库以使其更有效地工作。

成本

海沃主题的价格是多少？ Hyva 提供一次性购买许可证，费用为 1,000 欧元，不含增值税。

使用 Hyva Themes 的许可证，您可以获得对源代码的完全访问权限和无限更新。 这意味着您可以随时了解最新功能和改进，而无需支付任何额外费用。 此外，您将获得一个包含无限域和商店视图的 Magento 2 安装。

>>> 购买 Hyva 主题

这值得么？

如果您希望提高网站的速度和性能，可以使用几种不同的选项。 一种选择是安装 Magento 2 Page Speed Optimization 扩展。 这些扩展的价格范围从每年 99 美元到 599 美元不等，不包括安装费。

另一种选择是使用速度优化服务。 这些服务的成本通常在 500 美元到 2,000 美元之间。

最后，您还可以选择将 PWA（Progressive Web App）集成到您的网站中。 此选项的成本从 3,000 美元到 20,000 美元不等。

相比之下，如果您使用 Hyva 主题，购买它以及定制的成本可能与实施 PWA 的成本相似。

如果您正在寻找提高 Magento 网站速度的最佳方法，则应该只考虑 PWA 和 Hyva 解决方案。 这些是唯一可以真正提高您网站性能的选项。 相比之下，所有其他 Magento 页面速度优化扩展都无效。 （我们将在本文的另一部分对这两种解决方案进行快速比较。）

资源

• 海沃主题演示
• Hyva 主题在线文档
• 海沃主题github

40 个 Hyva 主题应用/案例研究示例：

为什么选择海沃主题？ 他们的核心价值观是什么？

您可能想知道为什么 Magento 商店所有者会想要使用 Hyva 主题，以及为什么开发人员会发现它们很有用。 对店主来说，最大的好处是提高他们的网站页面加载速度和 SEO。 Magento 开发人员还发现 Hyva 主题更易于定制，学习曲线更短，这要归功于其简单而明智的结构。

此外，当 Hyva 团队的 6 条核心原则中有 4 条是针对开发者的（针对商家的 2 条，针对两者的 1 条）时，Hyva 团队似乎更注重改善开发者体验而不是商家的利益：

• 降低复杂性（针对开发人员）
• 改进的性能（针对商家）
• 改进的开发人员体验（针对开发人员）
• 提高开发速度（针对开发商和商家）
• 减少依赖（针对开发人员）
• 减少学习曲线（针对开发人员）

让我们深入了解为什么企业家和程序员应该考虑在您的 Magento 商店/项目中使用 Hyva 主题：

对于 Magento 商店所有者 - 在 Google PageSpeed Insights 中实现加速页面速度和高分

Hyva 提供了一种服务器端渲染 (SSR) 解决方案，可大幅减少在服务器上渲染页面所需的数据量。 这可以导致更快的页面加载，这显然有利于商店性能和最终用户。 此外，速度极快的以 Hyva 为动力的网站可能会在搜索结果中获得更高的位置，因为页面速度是已确认的 Google 排名因素之一。

以下是 Google 页面速度测试中 Hyva Magento 主题的结果。 如您所见，所有分数（桌面版和移动版）都令人印象深刻，从 91 到 100：

值得注意的是，Hyva 演示网站的构建考虑了性能，这解释了其出色的页面速度结果。 但是，如果您正在构建一个更复杂的电子商务网站，您的结果可能会有所不同。 这是因为 Hyva 演示站点包含非常基本的功能——它既没有横幅滑块也没有复杂的样式——只有少量产品。

相比之下，大多数实际的 Magento 网站通常都有成百上千的产品，这些产品与每个项目的多个图像相关联，并且网站上有许多促销横幅。 因此，重要的是咨询专家，他们可以预测安装 Hyva 主题后您的网站性能将如何提高。

对于 Magento 开发人员 – 学得更少更快，编码更高效

如果您是开发人员，您会发现 Hyva 的学习曲线要​​渐进得多。 这是因为您可以使用熟悉的 Magento 前端和后端开发工具。 因此，很快就可以启动并运行该主题并成为 Magento Hyva 开发人员。

官方文档是学习如何使用 Hyva 以及了解主题结构以及如何仅使用 2 个依赖项构建主题的绝佳资源：AlpineJS 和 Tailwind CSS。 一旦您对这些基础知识有了很好的理解，您就可以开始在主题中构建自己的自定义。

简而言之，Magento Hyva 主题学习速度很快，将节省您创建完全响应和快速的 Magento 店面的时间和精力。

如何将 Hyva 主题应用到 Magento 网站？

对于 Magento 商店所有者

在 Magento Hyva 主题开发方面，有越来越多的服务提供商可供选择。 如果您希望升级您当前的网站性能或开始一个新的 Web 开发项目，那么找到一家值得信赖且经验丰富的 Hyva 主题开发公司非常重要。

选择 Magento 2 Hyva 主题开发公司时，有几点需要牢记。 首先，一定要询问他们在这个主题方面的经验和专业知识。 此外，请务必询问他们的定价，以便您可以保持在预算范围内。

一旦您找到了一些潜在的候选人，就该联系并开始讨论您的项目了。 您应提供尽可能详细的信息，以便公司为您提供准确的报价。 通过一些研究和尽职调查，您可以找到满足您需求的完美 Magento Hyva 主题开发公司。

Tigren是领先的 Hyva 主题开发服务，在 Magento 网站开发方面拥有 10 多年的经验。 我们拥有一支技术精湛、经验丰富的开发人员团队，他们是 Hyva 主题开发方面的专家，可以帮助您从投资中获得最大收益。 立即联系我们，详细了解我们的服务、获取免费报价以及我们如何帮助您将业务提升到一个新的水平。

对于 Magento 开发人员

如果您是开发人员并想学习如何使用 Hyva 主题，有两个很好的资源可用：Yireo 的在线培训课程（起价 259 欧元/年/个人）或根据 Hyva 的官方文档和自己的发现自行学习关于 AlpineJS 和 TailwindCSS。

这两种选择都有其好处——在线课程很方便，因为它包括视频教程和互动练习，而自学让您可以专注于您最感兴趣的特定主题。 Magento 2 网站上还有许多免费教程，介绍如何在您可能会发现有用的情况下安装 Hyva 主题。

Hyva 与 Progressive Web App (PWA) 主题：快速比较

关于哪个 Magento 主题更好——Hyva 或 Magento PWA，网上有很多争论。 但是，我们认为两者各有千秋，就像左右手，功能和用途不同，有利于Magento商店。

因此，比较和弄清楚什么更强大是没有意义的。 换句话说，没有什么比另一种更好的了，但是您需要了解两种主题之间的区别，才能选择最适合您需求的主题。

相似之处

• 两者都有助于显着提高 Magento 网站的速度，这有利于 SEO
• 两者都不能直接与第三方 Magento 2 扩展一起使用
• 两者都仅适用于 Magento 2
• 两者都完全响应
• 两者都可以轻松定制以满足不同的需求
• 两者都可能只需要几天/几周到几个月的时间来开发，具体取决于项目的复杂性和开发人员的能力。

差异

• Hyva 的主要目的是提高网站速度并减少开发人员的工作量，而 Magento PWA 的主要目的是通过类似应用程序的外观和感觉来增强用户体验（不仅包括快速加载速度，还包括添加到移动设备的能力）主屏幕和发送推送通知）。
• Hyva 是 Magento 中的集成前端，而 PWA 是替代 Magento 前端的独立店面。
• 海沃主题由海沃公司提供； 同时，有许多不同的 Magento 开发公司提供 Magento PWA 主题。
• Hyva 主题的成本为 1,000 欧元，而 Magento 的 PWA 主题的成本则各不相同，从免费到 1,000 美元不等。 主题定制费用取决于您选择的开发合作伙伴。

那么，哪个更可取？

如果您是 Magento 开发人员，您可能更喜欢 Hyva 主题，因为它们对开发人员更友好。 尽管如此，从忽略开发商努力因素的店主的角度来看，答案可能是50-50。

对于那些正在寻找仅优化网页速度的解决方案的人来说，Hyva 主题 Magento 2 将是一个完美的选择。 但对于那些不仅想加快网站速度，而且想在桌面和移动设备上完美运行并可以发送推送通知用于营销目的的平台的人来说，Magento PWA 主题可能更合适。

经常问的问题

1. 海沃主题开发的优缺点是什么？

优点：

• 速度：您网站的速度可能是客户完成购买或转移到另一个网站之间的差异。 使用 Hyva，您可以放心地知道您的网站将快速有效地加载。 该主题非常适合希望为客户提供快速无缝在线体验的商家。
• 简单性： Hyva Magento 2 主题的构建侧重于降低复杂性级别。 它的依赖项更少，这意味着您不必管理不必要的库和函数。 这也使调整和定制变得更快、更容易。 这可以减少开发人员在其项目中应用和自定义 Hyva 主题所需的时间和精力。
• 社区：在强大且不断发展的社区的支持下，Hyva 主题成为对许多商家更具吸引力的选择。 当您选择使用 Hyva 主题时，您可以通过 Slack 房间访问 Hyva 社区。 Hyva 社区 Slack 频道是交流想法和获得社区其他成员支持的好地方。 如果您遇到任何麻烦或有紧急问题，社区中的某个人将在那里为您提供帮助。 此外，由于社区的努力，Hyva 总是有新的扩展和功能正在开发中。

缺点：

• 扩展兼容性：如果您使用的是基于 Hyva 的主题，您可能会发现某些第三方扩展不兼容。 这是因为 Hyva 删除了所有额外的依赖项，这可能会导致不兼容问题。 为了克服这个问题，Hyva 团队与一些流行的 Magento 2 扩展提供商合作提供兼容性模块。 截至目前，已有 53 个插件与 Hyva 兼容。

• 成本：如果您正在为您的 Magento 商店寻找快速可靠的主题，Hyva 是一个不错的选择。 但是，重要的是要记住，Hyva 的成本是一次性费用，每个许可证 1,000 欧元。 对于小型企业来说，这可能有点贵，因此请务必将其纳入您的预算。 此外，安装和定制费用从 5,000 到 50,000 欧元不等，这就是为什么您应该在做出最终决定之前从多家供应商处获得报价。
• 设计：如果您正在为您的电子商务商店寻找一个简单而干净的设计，Hyva 可能是一个不错的选择。 该主题旨在最大限度地提高速度，因此它可能不适合具有大量横幅和效果的商店。

2. Hyva 主题可以应用到 Magento 1 商店吗？

如果您运行的是 Magento 1 网站，则需要先迁移到 Magento 2，然后才能安装和使用 Hyva 主题。 虽然这看起来很麻烦，但它实际上是提高网站安全性和性能的好机会。

不再支持 Magento 1，这意味着发现的任何安全漏洞都不会得到修复。 这会使您的网站面临被黑客入侵或入侵的风险。

升级到 Magento 2 还可以让您访问专为速度和性能而设计的 Hyva 主题。 安装 Hyva 后，您的网站加载速度将比以往任何时候都快，为您的访问者提供更好的体验。

3. Hyva 主题能否解决 Magento 网站加载缓慢的所有问题？

如果您注意到您的网站加载缓慢，您可以采取一些措施来加快速度。 一种是使用 Hyva 主题，这将有助于在桌面和移动设备上更快地加载结果。 但是，如果您仍然看到性能缓慢，则可能是由于对数据库的查询速度缓慢。 如果您的数据库由于运行多个网站而显着增长，则尤其如此。

Hyva 可以帮助将加载时间缩短几秒钟，但为了获得最佳性能，您还需要查看后端操作、优化查询并正确配置数据库。 此外，考虑迁移到最新版本的 MySQL 和 PHP。 通过采取这些步骤，您可以确保为所有用户快速、顺利地加载您的网站。

4. Hyva 主题是否与 Magento 开源和 Adob​​e Commerce 兼容？

Hyva 开发的主题目前仅与 Magento 2 开源兼容。 但是，Adobe Commerce 并非如此。 Adobe Commerce 是 Magento 的企业级版本，主要由成熟的电子商务企业使用。 Hyva 主题专注于使其框架与所有 Adob​​e Commerce 功能兼容，他们预计这将在新的几个月内完成。

Hyva 致力于为用户提供最佳体验，无论他们使用的是哪个版本的 Magento。 考虑到这一点，Hyva 相信他们将能够在不久的将来为 Magento 开源和 Adob​​e Commerce 提供全面支持。

5. Hyva 主题设置需要哪个 Magento 版本？

如果您当前运行的是旧版本的 Magento，则需要升级到 Magento 2.4 或更高版本才能使用 Hyva 主题。 完成此操作后，您将能够利用 Hyva 提供的所有强大功能和优势！