Thèmes Hyva pour Magento : quoi, pourquoi et comment ?

Vous avez peut-être récemment rencontré le nom "Hyva" à différents endroits, de nombreux événements hors ligne tels que Webwinkel Vakdagen aux Pays-Bas, Meet Magento NYC/UK, Hyva Camp en Allemagne à des événements virtuels (Hyva meetup, Hyva Hackathon). De plus, certains fournisseurs d'extensions Magento courants ont annoncé que leurs produits sont désormais compatibles avec les thèmes Hyva.

Pas encore, selon Builtwith, 1 178 sites Web utilisent actuellement les thèmes Hyva, dont 246, 202 et 168 en Belgique, aux Pays-Bas et aux États-Unis respectivement.

Donc, si vous êtes un développeur Magento ou un marchand Magento, vous vous demandez peut-être quel est le thème Hyva. Dans cet article, nous vous révélerons tout ce que vous devez savoir sur ce thème spécial, des avantages qu'il offre à la façon de commencer à l'utiliser. Prêt à commencer? Continuer à lire!

Qu'est-ce que le thème Hyva Magento 2 ?

Comment l'idée du thème est-elle venue ?

Magento offre de nombreux avantages, tels que la flexibilité de personnalisation et les capacités multi-magasins pour les boutiques en ligne. Malheureusement, le front-end de Magento n'est pas un point fort de la plate-forme. Ses composants d'interface utilisateur sont assez sophistiqués et ajoutent une tonne d'efforts supplémentaires au processus de développement. Même les codeurs qualifiés ont besoin d'une formation approfondie pour exécuter des modifications mineures. Un autre problème du thème Magento Luma est la quantité importante de code JavaScript, qui augmente le temps de chargement et est difficile à optimiser.

En général, il y a trois inconvénients majeurs à utiliser le thème par défaut de Magento :

• C'est immensément lent
• Il a beaucoup de codes morts
• Il faut du temps pour personnaliser

C'est pourquoi Hyva est intervenu.

Aperçu des thèmes Hyva

Hyva est un thème Magento 2 non conventionnel. En supprimant les bibliothèques encombrantes telles que RequireJS, KnockoutJS et jQuery du canevas de modèle standard d'Adobe Magento, et en utilisant plutôt AlpineJS et TailwindCSS, plus légers, Hyva devient l'un des modèles Magento les plus rapides.

Rendons-le plus simple ! Hyva est un thème pour Magento 2 qui élimine tous les éléments inutiles dans le code et modifie certaines bibliothèques pour le développement afin de le faire fonctionner plus efficacement.

Coût

Quel est le prix des thèmes Hyva ? Hyva propose un achat unique d'une licence qui coûte 1 000 €, hors TVA.

Avec la licence pour Hyva Themes, vous recevez un accès complet au code source et des mises à jour illimitées. Cela signifie que vous pouvez toujours être au courant des dernières fonctionnalités et améliorations, sans avoir à payer de frais supplémentaires. De plus, vous obtenez une installation Magento 2 avec des domaines et des vues de magasin illimités inclus.

>>> Acheter des thèmes Hyva

Est-ce que ça vaut le coup?

Si vous cherchez à améliorer la vitesse et les performances de votre site Web, plusieurs options s'offrent à vous. Une option consiste à installer une extension Magento 2 Page Speed ​​Optimization. Le prix de ces extensions peut varier de 99 $ à 599 $ par an, sans compter les frais d'installation.

Une autre option consiste à utiliser les services d'optimisation de la vitesse. Ces services peuvent généralement coûter entre 500 $ et 2 000 $.

Enfin, vous pouvez également choisir d'intégrer PWA (Progressive Web App) à votre site Web. Cette option peut coûter entre 3 000 $ et 20 000 $.

En comparaison, si vous utilisez Hyva Themes, le coût d'achat ainsi que la personnalisation peuvent prendre un coût similaire pour la mise en œuvre de PWA.

Si vous cherchez le meilleur moyen d'améliorer la vitesse de votre site Magento, vous ne devriez envisager que les solutions PWA et Hyva. Ce sont les seules options qui peuvent vraiment améliorer les performances de votre site. Toutes les autres extensions d'optimisation de la vitesse des pages Magento sont inefficaces en comparaison. (Nous vous ferons un rapide comparatif de ces deux solutions dans une autre partie de l'article.)

Ressources

• Démo du thème Hyva
• Documentation en ligne sur le thème Hyva
• Github du thème Hyva

40 Exemples d'application du thème Hyva/études de cas :

Pourquoi les thèmes Hyva ? Quelles sont leurs valeurs fondamentales ?

Vous vous demandez peut-être pourquoi les propriétaires de magasins Magento voudraient utiliser un thème Hyva et pourquoi les développeurs les trouveraient bénéfiques. Le plus grand avantage pour les propriétaires de magasins est d'augmenter la vitesse de chargement des pages de leur site Web et le référencement en conséquence. Les développeurs de Magento trouvent également les thèmes Hyva plus faciles à personnaliser avec une courbe d'apprentissage raccourcie, grâce à sa structure simple et judicieuse.

En outre, il semble que l'équipe Hyva se concentre davantage sur l'amélioration de l'expérience des développeurs que sur les avantages des marchands alors que 4 de leurs principes fondamentaux sur 6 sont destinés aux développeurs (2 pour les marchands et 1 pour les deux) :

• complexité réduite (pour les développeurs)
• amélioration des performances (pour les commerçants)
• expérience de développement améliorée (pour les développeurs)
• amélioration de la vitesse de développement (pour les développeurs et les marchands)
• dépendances réduites (pour les développeurs)
• courbe d'apprentissage réduite (pour les développeurs)

Approfondissons les raisons pour lesquelles les entrepreneurs et les codeurs devraient envisager d'utiliser les thèmes Hyva pour vos magasins/projets Magento :

Pour les propriétaires de magasins Magento - Obtenez une vitesse de page accélérée et des scores élevés dans Google PageSpeed ​​Insights

Hyva fournit une solution de rendu côté serveur (SSR) qui réduit considérablement la quantité de données nécessaires pour rendre les pages sur le serveur. Cela peut entraîner des chargements de page plus rapides, ce qui est évidemment bénéfique pour les performances du magasin et les utilisateurs finaux. De plus, les sites Web ultra-rapides alimentés par Hyva sont susceptibles d'atteindre des positions plus élevées dans les résultats de recherche, car la vitesse des pages est l'un des facteurs de classement Google confirmés.

Vous trouverez ci-dessous les résultats du thème Hyva Magento dans le test de vitesse de page Google. Comme vous pouvez le constater, tous les scores (des versions desktop et mobile) sont impressionnants, de 91 à 100 :

Il convient de noter que le site Web de démonstration Hyva a été conçu dans un souci de performance, ce qui explique ses excellents résultats en termes de vitesse de page. Cependant, si vous créez un site Web de commerce électronique plus complexe, vos résultats peuvent varier. C'est parce que le site de démonstration Hyva contient des fonctionnalités très basiques - il n'a ni curseurs de bannière ni styles sophistiqués - avec seulement un petit nombre de produits.

En revanche, la plupart des sites Web Magento actuels ont généralement des centaines, voire des milliers de produits associés à plusieurs images pour chaque article, et de nombreuses bannières promotionnelles sur le site. Il est donc important de consulter un expert qui peut vous donner une idée de la façon dont les performances de votre site peuvent s'améliorer si vous installez le thème Hyva.

Pour les développeurs Magento – Apprenez moins et plus vite, codez plus efficacement

Si vous êtes développeur, vous constaterez que Hyva a une courbe d'apprentissage beaucoup plus progressive. En effet, vous pouvez utiliser les outils de développement frontend et backend familiers de Magento. Par conséquent, il ne vous faudra pas longtemps pour vous familiariser avec le thème et devenir un développeur Magento Hyva.

La documentation officielle est une excellente ressource pour apprendre à utiliser Hyva, ainsi que pour comprendre la structure du thème et comment le construire en utilisant seulement 2 dépendances : AlpineJS et Tailwind CSS. Une fois que vous avez une bonne compréhension de ces bases, vous pouvez commencer à créer vos propres personnalisations dans le thème.

En bref, le thème Magento Hyva est rapide à apprendre et vous fera gagner du temps et des efforts pour créer des vitrines Magento entièrement réactives et rapides.

Comment appliquer les thèmes Hyva aux sites Web Magento ?

Pour les propriétaires de boutiques Magento

En ce qui concerne le développement de thèmes Magento Hyva, il existe un nombre croissant de fournisseurs de services parmi lesquels choisir. Si vous cherchez à améliorer les performances de votre site actuel ou à démarrer un nouveau projet de développement Web, il est important de trouver une société de développement de thèmes Hyva fiable et expérimentée.

Il y a quelques points à garder à l'esprit lors de la sélection d'une société de développement de thèmes Magento 2 Hyva. Tout d'abord, assurez-vous de poser des questions sur leur expérience et leur expertise avec ce thème. Assurez-vous également de vous renseigner sur leurs prix afin de respecter votre budget.

Une fois que vous avez trouvé quelques candidats potentiels, il est temps de prendre contact et de commencer à discuter de votre projet. Vous devez fournir autant de détails que possible afin que l'entreprise puisse vous fournir un devis précis. Avec un peu de recherche et de diligence raisonnable, vous pouvez trouver la société de développement de thèmes Magento Hyva idéale pour vos besoins.

Tigren est l'un des principaux services de développement de thèmes Hyva avec plus de 10 ans d'expérience dans le développement de sites Web Magento. Nous avons une équipe de développeurs qualifiés et expérimentés qui sont des experts dans le développement de thèmes Hyva et peuvent vous aider à tirer le meilleur parti de votre investissement. Contactez-nous dès aujourd'hui pour en savoir plus sur nos services, obtenir un devis gratuit et comment nous pouvons vous aider à faire passer votre entreprise au niveau supérieur.

Pour les développeurs Magento

Si vous êtes un développeur et que vous souhaitez apprendre à utiliser le thème Hyva, deux excellentes ressources sont disponibles : la formation en ligne de Yireo (à partir de 259 €/an/individuel) ou apprenez-la vous-même en vous basant sur la documentation officielle de Hyva et ses propres découvertes. sur AlpineJS et TailwindCSS.

Les deux options ont leurs avantages - le cours en ligne est pratique car il comprend des didacticiels vidéo ainsi que des exercices interactifs, tandis que l'auto-apprentissage vous permet de vous concentrer sur des sujets spécifiques qui vous intéressent le plus. Il existe également de nombreux didacticiels gratuits sur l'installation du thème Hyva sur les sites Web Magento 2 qui pourraient vous être utiles.

Thème Hyva vs Progressive Web App (PWA) : comparaisons rapides

Il y a beaucoup de débats en ligne sur le meilleur thème Magento - Hyva ou Magento PWA. Cependant, nous pensons que les deux ont leurs propres forces et sont comme des mains gauche et droite avec des fonctions et des objectifs différents qui sont bénéfiques pour les magasins Magento.

Par conséquent, il n'est pas logique de comparer et de déterminer ce qui est le plus puissant. En d'autres termes, il n'y a rien de mieux que l'autre, mais vous devez connaître les différences entre deux types de thèmes pour choisir celui qui correspond le mieux à vos besoins.

Similitudes

• Les deux aident à améliorer considérablement la vitesse du site Web Magento, ce qui est bon pour le référencement.
• Les deux ne fonctionnent pas directement avec les extensions tierces Magento 2
• Les deux sont pour Magento 2 uniquement
• Les deux sont entièrement réactifs
• Les deux peuvent être facilement personnalisés pour répondre à différents besoins
• Les deux peuvent prendre quelques jours/semaines à quelques mois pour se développer, selon la complexité du projet et les compétences des développeurs.

Différences

• L'objectif principal de Hyva est d'augmenter la vitesse du site Web et de réduire la charge de travail des développeurs, tandis que celui de Magento PWA est d'améliorer l'expérience utilisateur avec une apparence semblable à celle d'une application (non seulement avec une vitesse de chargement rapide, mais également la possibilité d'ajouter au mobile écran d'accueil et envoi de notifications push).
• Hyva est un frontal intégré à Magento tandis que PWA est une vitrine distincte qui remplace le frontal de Magento.
• Les thèmes Hyva sont fournis par la société Hyva; en attendant, il existe de nombreuses sociétés de développement Magento différentes qui proposent des thèmes Magento PWA.
• Les thèmes Hyva coûtent 1 000 € tandis que les coûts des thèmes PWA pour Magento sont variés, de gratuit à 1 000 $. Les frais de personnalisation du thème dépendent du partenaire de développement sélectionné.

Alors, lequel sera préférable ?

Si vous êtes un développeur Magento, vous préférerez peut-être les thèmes Hyva car ils sont plus conviviaux pour les développeurs. Néanmoins, du point de vue des propriétaires de magasins qui néglige le facteur de l'effort du développeur, la réponse pourrait être 50-50.

Pour ceux qui recherchent une solution pour optimiser uniquement la vitesse de leur page Web, le thème Hyva Magento 2 serait un choix parfait. Mais pour ceux qui souhaitent non seulement accélérer leurs sites Web, mais également une plate-forme qui fonctionne parfaitement sur les ordinateurs de bureau et les appareils mobiles et peut envoyer des notifications push à des fins de marketing, les thèmes Magento PWA pourraient être de meilleures correspondances.

Questions fréquemment posées

1. Quels sont les avantages et les inconvénients du développement du thème Hyva ?

Avantages :

• Vitesse : la vitesse de votre site Web peut faire la différence entre un client qui effectue un achat ou passe à un autre site. Avec Hyva, vous pouvez être assuré que votre site se chargera rapidement et efficacement. Ce thème est parfait pour les commerçants qui souhaitent offrir à leurs clients une expérience en ligne rapide et transparente.
• Simplicité : Les thèmes Hyva Magento 2 sont conçus en mettant l'accent sur la réduction des niveaux de complexité. Il est construit avec moins de dépendances, ce qui signifie que vous n'aurez pas à gérer des bibliothèques et des fonctions inutiles. Cela rend également les ajustements et les personnalisations plus rapides et plus faciles. Cela réduit le temps et les efforts nécessaires aux développeurs pour appliquer et personnaliser le thème Hyva dans leurs projets.
• Communauté : avec le soutien d'une communauté forte et croissante, le thème Hyva devient une option plus attrayante pour de nombreux marchands. Lorsque vous choisissez d'utiliser le thème Hyva, vous accédez à la communauté Hyva via une salle Slack. Le canal Slack de la communauté Hyva est un endroit idéal pour échanger des idées et obtenir le soutien d'autres membres de la communauté. Si jamais vous rencontrez des problèmes ou si vous avez une question urgente, quelqu'un de la communauté sera là pour vous aider. De plus, grâce aux efforts de la communauté, de nouvelles extensions et fonctionnalités sont constamment développées pour Hyva.

Les inconvénients:

• Compatibilité des extensions : si vous utilisez un thème basé sur Hyva, vous constaterez peut-être que certaines extensions tierces ne sont pas compatibles. En effet, Hyva supprime toutes les dépendances supplémentaires, ce qui peut entraîner des problèmes d'incompatibilité. Pour surmonter ce problème, l'équipe Hyva s'est associée à certains fournisseurs d'extensions Magento 2 populaires pour proposer des modules de compatibilité. Jusqu'à présent, il existe 53 plugins compatibles avec Hyva.

• Coût : Si vous recherchez un thème rapide et fiable pour votre boutique Magento, Hyva est une excellente option. Cependant, il est important de garder à l'esprit que le coût d'Hyva est une redevance unique de 1 000 euros par licence. Cela peut être un peu cher pour les petites entreprises, alors assurez-vous d'en tenir compte dans votre budget. De plus, les frais d'installation et de personnalisation peuvent aller de 5 000 à 50 000 euros, c'est pourquoi vous devriez obtenir des devis de plusieurs fournisseurs avant de prendre une décision finale.
• Design : Si vous recherchez un design simple et épuré pour votre boutique en ligne, Hyva pourrait être une excellente option. Le thème est conçu pour maximiser la vitesse, il peut donc ne pas convenir aux magasins avec beaucoup de bannières et d'effets.

2. Les thèmes Hyva peuvent-ils être appliqués aux magasins Magento 1 ?

Si vous utilisez un site Web Magento 1, vous devrez migrer vers Magento 2 avant de pouvoir installer et utiliser le thème Hyva. Bien que cela puisse sembler fastidieux, c'est en fait une bonne occasion d'améliorer la sécurité et les performances de votre site Web.

Magento 1 n'est plus pris en charge, ce qui signifie que les vulnérabilités de sécurité découvertes ne seront pas corrigées. Cela laisse votre site Web à risque d'être piraté ou compromis.

La mise à niveau vers Magento 2 vous donnera également accès au thème Hyva, conçu pour la vitesse et les performances. Avec Hyva installé, votre site Web se chargera plus rapidement que jamais, offrant à vos visiteurs une meilleure expérience.

3. Les thèmes Hyva peuvent -ils résoudre tous les problèmes de chargement lent des sites Web Magento ?

Si vous remarquez que votre site Web se charge lentement, vous pouvez faire certaines choses pour l'accélérer. La première consiste à utiliser un thème Hyva, qui aidera à charger les résultats plus rapidement sur le bureau et le mobile. Cependant, si vous constatez toujours des performances lentes, cela est probablement dû à des requêtes lentes vers la base de données. Cela est particulièrement vrai si la taille de votre base de données a considérablement augmenté en raison de l'exécution de plusieurs sites Web.

Hyva peut vous aider à gagner quelques secondes sur les temps de chargement, mais pour des performances optimales, vous devrez également examiner les opérations backend, optimiser les requêtes et configurer correctement votre base de données. De plus, envisagez de migrer vers les dernières versions de MySQL et PHP. En suivant ces étapes, vous pouvez vous assurer que votre site Web se charge rapidement et en douceur pour tous les utilisateurs.

4. Les thèmes Hyva sont-ils compatibles avec Magento Open Source et Adobe Commerce ?

Les thèmes développés par Hyva ne sont actuellement compatibles qu'avec Magento 2 Open Source. Cependant, il n'en va pas de même pour Adobe Commerce. Adobe Commerce est une édition de niveau entreprise de Magento qui est principalement utilisée par les entreprises de commerce électronique établies. Les thèmes Hyva se concentrent sur la compatibilité de son cadre avec toutes les fonctionnalités d'Adobe Commerce et ils s'attendent à ce que cela soit terminé dans les nouveaux mois.

Hyva s'engage à offrir la meilleure expérience possible à ses utilisateurs, quelle que soit l'édition de Magento qu'ils utilisent. Dans cet esprit, Hyva est convaincu qu'il sera en mesure de fournir un support complet à la fois pour Magento Open Source et Adobe Commerce dans un proche avenir.

5. Quelle version de Magento est requise pour la configuration du thème Hyva ?

Si vous utilisez actuellement une ancienne version de Magento, vous devrez effectuer une mise à niveau vers Magento 2.4 ou supérieur afin d'utiliser les thèmes Hyva. Une fois que vous avez fait cela, vous pourrez profiter de toutes les fonctionnalités et avantages que Hyva a à offrir !