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 提供的所有強大功能和優勢！