La Puissance de Qwik : Des Performances au Rendez-vous
Découvrez comment Qwik, le framework axé sur la performance a permis la création du site Faire des économies d'énergie, offrant des performances intéressantes et une expérience de développement fluide.
Je tiens à partager aujourd’hui une expérience de développement professionnelle, celle de la création du site Faire des économies d’énergie, qui a été une opportunité exceptionnelle pour explorer les capacités du framework Qwik en conditions réelles. Ce projet, développé en collaboration avec un ami, Benjamin Hénique, a été conçu pour être une sorte de site de e-commerce. Dans cet article, nous explorerons comment Qwik et Partytown ont joué un rôle crucial dans la réalisation de ce projet.
Contexte du Projet : Faire des économies d’énergie
Notre objectif avec le projet Faire des économies d’énergie était de mettre en place un site qui permet d’accompagner les utilisateurs dans leur choix de produits permettant faire des économies d’énergie.
Nous avons fait le choix de découper le site de la manière suivante :
- Page d’accueil
- Des pages Univers
- Par exemple: allant de la Trotinette electrique / Velos électriques au Mini frigo en passant par Ampoule led ou le Chargeur solaire.
- Des pages catégories
- Par exemple: Ventilateur plafond ou Comparatif climatiseur mobile sans évacuation
- Les bons plans
- Des guides d’achat
- Des top produits
- Page d’actualités
Nous voulions également nous concentrer sur les performances du site et la fluidité du développement.
La Puissance de Qwik : Des Performances au Rendez-vous
Dès le début, nous avons choisi d’adopter Qwik, un framework axé sur la performance que nous suivons depuis sa création. Qwik permet d’améliorer drastiquement les performances par rapport aux autres frameworks en proposant une nouvelle alternative à l’hydratation appelée “Resumability”, si vous souhaitez plus d’informations.
Qwik a prouvé une nouvelle fois son efficacité, le site passe largement les Core Web Vitals de Google malgré le fait qu’il soit hébergé sur un serveur gratuit et mutualisé (ce qui peut parfois impacter fortement le Total Blocking Time).
Nous avons également utilisé Partytown afin de limiter l’impact des scripts tiers (analytiques, marketing …) sur les performance.
Partytown permet de charger les scripts tiers dans un Web Worker, ce qui permet de ne pas bloquer le thread principal et donc de ne pas impacter les performances de l’application.
La combinaison de Qwik et de Partytown a abouti à des performances très intéressantes pour un site e-commerce de ce type.
Ci-dessous le résultat des tests de performance :
Une Expérience de Développement Optimal
Outre les performances, l’expérience de développement offerte par Qwik est très intéressante et son écosystème complet. La collaboration au sein de notre équipe de développement a été facilitée par la clarté du code et la gestion efficace des ressources. Cette expérience de développement fluide nous a permis de gagner un temps précieux et de nous concentrer sur l’amélioration continue de notre application.
La Stack Technique
Sur le plan technique, ce projet est un monorepo comprenant un frontend développé en utilisant Qwik et Tailwind, un Design System basé mettant à disposition une librairie de composants ainsi qu’une configuration Tailwind, ainsi qu’un Backend for Frontend reposant sur Next.js chargé d’orchestrer les appels réseaux vers nos différents services (Amazon, Algolia, Contentful, Cloudinary, etc…).
Conclusion
En conclusion, l’expérience du développement du site avec Qwik et Partytown a été un véritable succès. Les performances exceptionnelles, et l’expérience de développement optimale offerte par Qwik ont joué un rôle essentiel dans le résultat final de notre projet.
Nous sommes fiers de proposer un site de commerce électronique performant qui répond aux besoins de nos utilisateurs tout en offrant une expérience de développement professionnelle pour notre équipe.
Si vous envisagez de développer un site web performant et que vous recherchez une expérience de développement professionnelle, nous vous recommandons vivement d’explorer Qwik. Nous restons à votre disposition si vous souhaitez être accompagnés.