Plugin WooCommerce Stories
Développeur Full-Stack
Expérience vidéo immersive type TikTok / Instagram Stories intégrée à WooCommerce. Permet aux e-commerçants de mettre en avant leurs produits via des vidéos plein écran sur mobile, avec lecture YouTube optimisée et navigation swipe.
Le défi
Intégrer une expérience vidéo fluide à WooCommerce sans alourdir les pages produit ni dégrader le score Lighthouse — les solutions existantes chargeaient des iframes dès le premier rendu.
Déroulé du projet
Analyse & conception
Étude des API WooCommerce et YouTube, choix d'une approche lazy-iframe pour éviter les pénalités CWV.
Prototype mobile
Première version du swipe natif et de la lecture YouTube intégrée, validée sur iOS Safari et Chrome Android.
Optimisation performances
Élimination des dépendances, lazy loading des vidéos au scroll, réduction à zéro du blocking JS.
Release v1.0
Publication sur GitHub, documentation d'intégration et tests de compatibilité WooCommerce 8.x.
Points clés
- Lecture vidéo YouTube sans popup, intégrée directement en page produit
- Navigation swipe sur mobile, similaire aux Stories Instagram
- Zéro dépendance externe côté JS pour optimiser les Core Web Vitals
Stack technique
Résultat
Plugin autonome sans dépendance JS externe. Score Lighthouse maintenu à 95+, adopté sur 3 boutiques du Groupe NOVI avec une augmentation mesurée du temps passé sur les pages produit.