Hyvä et Adobe Commerce
La dynamique du commerce électronique évolue à un rythme rapide, et l’objectif principal des entreprises est de fournir une expérience client optimale afin de maximiser leur taux de conversion et surtout, leurs ventes. Depuis deux ans, une nouvelle solution se démarque : c’est la solution Hyvä.
une révolution front-end 🧑🏽💻
Hyvä est un thème front-end pour Adobe Commerce, qui se distingue par son approche modulaire et sa légèreté. Conçu pour tirer parti des meilleures pratiques en matière de développement web, Hyvä propose une architecture front-end moderne basée sur la technologie Vue.js. Cette intégration simplifie également la mise à niveau des sites existants, facilitant la transition fluide vers les nouvelles versions, sans impacter l’expérience utilisateur.
Basée sur les modules natifs de Magento 2, (« Huva ») permet de retirer complètement les dépendances JavaScript et CSS d’un site internet. En bref, la solution permet d’optimiser les performances d’un site internet, et de renforcer son classement SEO, la visibilité de son site et par conséquent, le nombre de ventes. Avec cette nouvelle solution arrivent de nouveaux types de services comme Hyvä Themes, Hyvä UI, Hyvä Checkout et Hyvä Entreprises. Ces éléments permettent donc :
- De gagner en expérience utilisateur et satisfaction client
- D’augmenter son WPO (Web Performance Optimization) en lien avec le référencement web (SEO et SEA)
- D’augmenter son taux de conversion grâce à la rapidité de la plateforme
- De réduire son taux de rebond grâce à des temps d’attentes très limités
- De le rendre compatible sur différents supports et avec différentes connexions mobiles (comme la 3G par exemple)
- De réduire son impact environnemental en réduisant la charge du serveur
les enjeux Adobe Commerce 🤔
Magento, récemment devenu Adobe Commerce, est une plateforme de commercer électronique souple et évolutive adaptable pour des clients B2B et B2C. Sa particularité première est sa flexibilité et son adaptabilité aux entreprises de toutes tailles. Cependant, certains défis liés aux performances front-end persistent et peuvent impacter négativement l’expérience utilisateur et surtout le taux de conversion. En effet, Adobe Commerce propose, certes une plateforme stable, robuste et puissante, mais très gourmande et donc assez lente par le grand nombre de requêtes serveurs.
Ce poids s’accroîtra davantage après la phase de développement et de contribution, au cours de laquelle des éléments tels qu’un thème personnalisé, des produits, des contenus CMS et des applications tierces telles que Google Analytics, AB Tasty, Algolia, ZenDesk, etc., seront ajoutés. En considérant que chacun de ces éléments appelle ses propres ressources (images, styles, polices, etc.), le poids du site final pourrait rapidement atteindre 10 Mo, générant ainsi plus de 300 requêtes serveur. Les performances du site, particulièrement sa rapidité pourrait alors en pâtir. Et c’est ici qu’intervient le theme Hyvä.
L’enjeu principal pour l’équipe de développeurs sera de réécrire cette vue, sans pour autant alourdir le site en retombant dans le thème natif de Magento. Pour se faire, nous utilisons des technologies telles Tailwind CSS ou Alpine.js, un micro-framework développé en 2019 et réputé pour sa légèreté de 7ko seulement. Cet outil nous permet de faciliter certaines tâches comme la réécriture de tous les composants UI, généré nativement par Knockout et jQuery UI (accordéons, menus déroulants etc).
De plus, la solution inclue des bonnes pratiques, notamment en ce qui concerne les images, qui sont souvent gourmandes en performances web. Elle adopte des approches telles que l’ajout de l’attribut loading=”lazy” sur toutes les images en ligne du thème. Ces choix lui permettront de réduire considérablement le poids de la page.
Par exemple, sur une page d’accueil type, le thème natif d’Adobe Commerce peut générer environ 250 requêtes et peser environ 2 Mo. En comparaison, un thème Hyvä réduira le nombre de requêtes à seulement 15, soit environ 15 fois moins, et le poids de la page à seulement 0,5 Mo, soit 4 fois moins. Cette réduction de poids permettra d’atteindre des performances bien supérieures à celles d’un thème standard.
évènement hyvä x mollie 🤩
Fin 2023, nous avons eu la chance de représenter notre agence lors d’un évènement exclusif, organisé par Mollie et Hyvä à Paris, en tant que partenaire Hyvä Supplier.
Mollie, c’est la solution intégrée à Hyvä Checkout, qui permet aux entreprises de bénéficier de différents moyens de paiement sur leur site e-commerce. Un élément améliorant la rapidité et la simplicité d’achat mais aussi déterminant pour à l’expérience, la convivialité et la confiance des utilisateurs en ligne.
La soirée a été marquée par la présence de plusieurs agences web Magento et AdobeCommerce de France, ouvrant les échanges sur les tendances du marché et la vision pour 2024.
Des invités de renom comme Renaud Raffaelli et Régis QUINTIN ont partagé leurs visions avec la suite Adobe Commerce, ouvrant le débat vers l’avenir du commerce en ligne.
Philippe Daly nous a partagé les dernières tendances et les perspectives de croissance liées au Black Friday.
Alors, qu’est-ce qu’on retient ? Hyvä est une solution idéale pour toutes les entreprises qui recherchent des performances élevées et complètes pour leur site e-commerce. Véritable souffle nouveau pour les plateformes sous Adobe Commerce, Hyvä promet un système efficace avec une optimisation de temps, de budget et d’expérience utilisateur.
Vous avez un projet ? Faites-nous confiance !
Découvrez les actus de l’entreprise.
Parce que mêler plaisir, partage et travail est au cœur de notre philosophie, nous prenons toujours soin de joindre l’utile à l’agréable..