Hyva Magento 2 Theme Performace based on real website tests
Hyva advertises 100 performance scores of the Lighthouse(Google Page Speed Insight) for Magento 2 websites just by changing the theme. We have to build a lot of themes with a 100-page score, and the main issue is not a theme but the development and functionality you want.
Hyva is just a blank Magento theme without Magento 2 broken UI backed on KnockoutJS and RequireJS and jQuery. Magento 2 frontend is absolutely sick, but the main issue is not the frontend but the backend performance and bugs: time to first byte (TFB), reindexing speed, checkout API speed, and throughput. Magento 2 Luma theme with optimizations out of the box also has a good frontend performance when it is “clean”, but after installing all extensions and required JS libraries for the real project it becomes Slow.
Magento 1 has a frontend performance of 100 even without Varnish and FPC; however, merchands were fooled with the new M2(Adobe Commerce) platform which is 10 times slower both backend and frontend.
With More customization and bigger requirements result in slower performance. Let's check the real Hyva performace of the random websites from the BuiltWith service, not a demo website. We will look only at Google Page Speed Insight Performace because the backed performance of Hyva is the same as the Magento 2 performace. It is just a theme. You can’t fix the platform by changing the skin.
Munchkin website
The performace of this Hyva-themed Magento website is just as any Magento 2 website is sucks.
Epolicesupply website
Still not 100. Even not optimized MAgento 2 store has the same performance if not hosted on Adobe commerce cloud and not made by Adobe’s Partners in Crime.
Affordablewindowscreens website
Only half of the 100-page score.
Anita website
44 performace not 100.
Admor website
23 performance.
Eeworkwear website
This simple business car website is the absolute winner however it is still not 100 score what was promised.
Out of the box, Hyvä scores a 100/100 score in Google PageSpeed and it passes Core Web Vitals on all metrics. What was impossible to achieve with Luma hyva.com
So, does the hiva have a 100-page score on a demo website? Yes. Does it have 100 on a real website? No.
Hyva became something like PWA Studio when they promised a good performace, but in reality, with MAgento you can’t achieve this. Many companies offer relocation services, and also this simple Hyva theme costs 1000$ per installation. Sounds like a new magento scam. Some guys even claimed they fixed backend Magento performace issues after migration to Hyva.
What other solution do we have?
Back in 2019, I released an Open Source extension that disables All Magento JS Junk(the same as Hyva does) and CSS(optionally it generates an optimized critical CSS path from the existing theme) and you can use the existing magento theme (Porto, Fastest, Elegant, etc.) without magento JS issues and architecture without re-platforming to Hyva. We have built different solutions using ReactJS and VueJS. However, the best theme appeared to be VanillaJS-based without heavy JS libraries. JS itself is enough to make all the functionality magento has, however, checkout and admin work the same Magento trashy way without any modifications. Thank God Magento 2 doesn’t have many JS on the front end. Just several Vanilla JS lines can replace the required M2 functionality. You can find this theme and the realization on GitHub. More about this solution is here:
I think theme developers must implement this approach and release more free, open-source or affordable for small and medium businesses ($50–$100) Magento 2 themes. Hyva doesn’t have anything revolutionary, it is just a theme that doesn’t fix all Magento 2 and Adobe Commerce issues. Rule #1 of the Magento 2 development doesn’t install any(minimum) Magento extensions and uses it as is, the M2 framework is not salable enough to handle more lines of code. Even try to remove more features from magento to 3-D party — reviews, search, catalog, checkout, etc.
React Luma vs. Hyva Theme performance
