Are you facing Magento 2 poor core web vitals issues? Then, it’s a good time to re-platform it to the Hyvä theme.
The Hyvä theme for Magento is known for its lightning-fast front end. In this guide, we explore the complete process of Magento 2 Hyvä replatforming.
Let’s get started.
What is Magento 2 Hyvä Replatforming?
Magento 2 Hyvä replatforming is the process of updating your Magento 2 store’s front end to a Hyvä theme, which is lightweight and optimized for performance. It helps you drastically improve the page speed performance of your store while maintaining the core functionalities and data intact.
When you re-platform to a Hyvä theme:
- Your front-end website performance (core web vitals score) is improved
- The website backend (admin panel) remains intact with no data loss
In short, it’s a good move to improve your website for SEO and user experience. You can check out our expert Magento Hyvä development services to learn more about
Why Choose Hyvä Frontend for Magento 2?
In our study, we found that 3000+ Magento 2 sites have already adopted Hyvä.
That’s because of the following advantages it offers as compared to the default Luma-based themes:
- Lightweight structure
- Eliminates heavy depend on RequireJS, Knockout.js, and jQuery
- Faster debugging with lower chances of frontend complexity
- Perfectly optimized for mobile and desktop
Magento 2 Hyvä frontend is a preferred choice for businesses looking for optimal performance and long-term scalability. You can opt for Magento 2 Hyvä replatforming and move your current storefront to Hyvä frontend for better speed and performance.
How to Replatform Magento 2 to Hyvä Theme?
Changing your Magento 2 frontend to Hyvä theme could be a complex project involving design, development, and administrative aspects.
Here’s an overview of the steps for the Magento 2 Hyvä migration project:
- Step 1: Theme Designing
- Step 2: Hyvä Theme Implementation
- Step 3: Module Compatibility Testing
- Step 4: Features Customization
- Step 5: QA Auditing
- Step 6: Live Site Deployment
Let’s go through each of the steps briefly.
Step 1: Theme Designing
Start with designing a new store layout since Hyvä removes the traditional Magento tech stacks and uses Tailwind CSS and Alpine.js, making it essential for you to plan your new UI accordingly.
Step 2: Hyvä Theme Implementation
When your design is ready, move ahead and implement your Hyva theme.
Start by purchasing the Hyvä theme license and install it. You can install the theme via a Composer. Run the following commands via SSH.
composer require hyva-themes/magento2-default-theme bin/magento setup: upgrade bin/magento setup:di: compile bin/magento setup:static-content: deploy -f
Then, head to Admin Panel > Content > Design > Configuration, and set Hyvä as the default theme.
Step 3: Module Compatibility Testing
Most of the Magento 2 extensions depend on Knockout.js, RequireJS, or UI Components, which are not present in Hyvä.
This makes it essential for you to check if your third-party extensions are working correctly within your store.
Look for Hyvä-compatible extensions, patches, and UI design.
Step 4: Features Customization
Since Hyvä doesn’t work well with Luma-based themes, you will need to add new components using Alpine.js.
Here are some actionable points for you to consider:
- Rewrite the HTML structure and rebuild key Magento 2 pages like Homepage, Category & Product Pages, and Cart & Checkout.
- Switch to Hyvä Checkout if you are using any third-party services.
- Replace CSS with Tailwind CSS and convert jQuery-based functions to Alpine.js.
Step 5: QA Auditing
Run a quality assurance test throughout your store to ensure everything works correctly.
Here are the actionable for you:
- Use Google Lighthouse or PageSpeed Insights to check the Core Web Vitals score
- Verify all the security patches and HTTP configurations are working properly
- Check the flow of your new design from the start till the checkout page
Step 6: Live Site Deployment
The last step is deploying the Hyvä theme to production and the staging environment.
Use the built-in Lighthouse performance tools of Hyvä to check Core Web Vitals and page performance.
Then, deploy the theme to a staging environment and test it from the first step to the checkout page. Make any needed changes and send it to production.
This way, you have completed Magento 2 replatforming to Hyvä. 🎉
Easily Move to a Lightweight & Fast-loading Magento Theme
Hyvä is now a perfect solution to make your store work at lightning speed and also a developer-friendly option with less complexity.
If you need the help of a Magento 2 developer, we are here to help you move to Hyvä without any data loss and complete elements to run your store smoothly.
