Univers Cosmetix : quand la boutique grandit plus vite que sa technique

universcosmetix.com
parapharmacie en ligne à Dakar, client depuis juillet 2024

« Erreurs 500 aux heures de pointe : ma boutique ne tient plus la montée en charge. »

Croissance exponentielle · Fort trafic · Performance mobile

Ce que ce cas démontre : qu'on règle un problème de charge en allégeant d'abord et en dimensionnant ensuite, et qu'un site « rapide » vu d'un bureau parisien peut rester inutilisable pour la clientèle qui compte vraiment.

La boutique

Univers Cosmetix est une parapharmacie en ligne basée à Dakar : soins du visage et du corps, maquillage, capillaire, puériculture, compléments : plusieurs centaines de références, des marques internationales, une livraison le jour même sur Dakar et un paiement adapté au marché local. Le site reçoit aujourd'hui, de façon continue, plus de cent cinquante visites par minute.

C'est une boutique qui a réussi. Et c'est exactement pour cette raison qu'elle a failli tomber.

Ce qu'on a trouvé en arrivant

À la reprise, en juillet 2024, le site souffrait de problèmes de performances lourds : lenteurs, bugs, et des erreurs 5xx, c'est-à-dire le serveur qui renonce à répondre. Ces erreurs n'arrivaient pas au hasard : elles arrivaient aux heures de forte affluence. Autrement dit, le site tombait précisément quand il y avait le plus de clients dessus.

C'est le scénario le plus frustrant pour un commerçant : le marketing fonctionne, les visiteurs arrivent, et la technique les renvoie. Chaque pic de trafic (une campagne, une promotion, une période de fêtes) se transformait en risque au lieu d'être une opportunité.

L'analyse : le poids du constructeur

L'audit de l'existant a désigné une cause centrale. Le site était bâti essentiellement avec Elementor, un constructeur de pages très répandu et très riche, et c'est précisément le problème. Pour être capable de tout faire, un constructeur de ce type charge sur chaque page une quantité importante de CSS et de JavaScript dont la page n'utilise qu'une fraction. Multiplié par des centaines de pages produit et par des milliers de visiteurs simultanés, ce surpoids ne se paie pas seulement en secondes de chargement chez le visiteur : il se paie en ressources serveur, à chaque requête.

Un site vitrine de dix pages absorbe ce surcoût sans qu'on le remarque. Une boutique à fort trafic, non. Ce n'était plus un problème d'optimisation, c'était un problème de socle. Nous avons traité la question en détail ici.

La décision : refondre le socle, pas le site

Nous avons proposé une refonte technique : reconstruire le site sur un constructeur léger et optimisé, en respectant à l'identique la charte graphique et le design existants.

C'est un arbitrage inhabituel et il mérite d'être expliqué. Le client n'avait pas demandé un nouveau site : son site lui convenait, ses clients le connaissaient, sa marque était installée. Refaire le design aurait ajouté un risque commercial à un chantier déjà technique. Nous avons donc gardé l'apparence et changé ce qu'il y avait dessous. Pour les clients de la boutique, rien n'a changé. Pour le serveur, tout a changé.

Ce que nous en avons profité pour améliorer

Une refonte technique donne accès à toute la structure du site. Nous avons donc traité, au passage, deux sujets qu'on ne peut pas corriger proprement après coup.

L'accessibilité. Contrastes, navigation, structure des formulaires, libellés. Sur une boutique, l'accessibilité n'est pas qu'une obligation : c'est ce qui permet d'acheter avec un téléphone d'entrée de gamme, une seule main, dans un transport. Voir aussi : l'accessibilité d'un site e-commerce.

La structure SEO. Hiérarchisation du contenu, maillage interne entre catégories et fiches produit, architecture des pages. Un catalogue de plusieurs centaines de références ne se référence pas par sa page d'accueil : il se référence par la façon dont ses pages se relient entre elles.

Le vrai défi : basculer sans rien perdre

Reconstruire est une chose. Remplacer un site qui vend, par un autre, sans interruption et sans perdre une donnée, en est une autre. C'était le point critique du projet.

Une boutique en activité ne s'arrête pas : pendant que le nouveau site se prépare, l'ancien continue d'enregistrer des commandes, des comptes clients, des avis, des stocks. La bascule devait préserver l'intégralité de cet historique (les commandes en cours comme les comptes existants) et se faire sans fenêtre d'indisponibilité visible pour les clients.

Le nouveau site a été préparé et testé sur un environnement séparé, le tunnel de commande vérifié de bout en bout (panier, paiement, confirmation, e-mails transactionnels), puis les données ont été synchronisées une dernière fois juste avant le basculement, réalisé en dehors des heures d'affluence. La méthode complète est décrite ici.

La bascule s'est faite sans rupture de service et sans perte de données.

Puis la croissance a repris, plus vite qu'avant

La refonte a immédiatement soulagé le serveur : le site allégé demandait moins de ressources pour servir le même nombre de visiteurs. Les erreurs 5xx ont cessé.

Et le trafic a continué de croître, plus fort qu'avant, parce qu'un site rapide retient les visiteurs que le site lent perdait. Quelques mois plus tard, la question s'est reposée, mais dans l'autre sens : ce n'était plus un site trop lourd pour son serveur, c'était un serveur trop petit pour son succès. Nous avons alors conseillé et piloté la migration vers un hébergement plus puissant et adapté.

Nous n'avons pas commencé par acheter du serveur. Alléger d'abord, dimensionner ensuite.

L'ordre des opérations est le vrai enseignement de ce cas. Acheter de la puissance pour faire tourner un site inutilement lourd, c'est payer tous les mois pour un problème qu'on n'a pas réglé, et le problème revient dès que le trafic remonte. Nous avons d'abord allégé, puis dimensionné. Dans cet ordre, la dépense d'hébergement est un investissement de croissance. Dans l'autre, c'est une rustine mensuelle.

Un détail qui décide de tout : le mobile à Dakar

Plus de 90 % des clients d'Univers Cosmetix achètent depuis leur téléphone, souvent sur des connexions très limitées. Cette donnée change complètement la définition de « rapide ».

Un site peut paraître instantané depuis un bureau parisien en fibre et rester inutilisable pour le client qui compte réellement. Chaque kilo-octet inutile devient une seconde d'attente ; chaque script superflu, une page qui ne répond pas. C'est la raison de fond pour laquelle l'allègement du socle n'était pas un raffinement de technicien sur ce projet : c'était la condition pour que la boutique soit utilisable par sa propre clientèle.

Le résultat

Le site s'est totalement stabilisé. Il est devenu nettement plus rapide sur mobile, là où se trouve l'essentiel de la clientèle. Et cette rapidité s'est traduite par une nette augmentation des ventes et du chiffre d'affaires.

Aujourd'hui, la boutique absorbe en continu plus de cent cinquante visites par minute, en rythme permanent et non en pic de campagne, sans incident. Le site n'est plus un facteur limitant de la croissance : il la supporte.

Le suivi aujourd'hui

Univers Cosmetix reste sous surveillance et sous maintenance continue, avec des améliorations apportées régulièrement plutôt qu'un grand chantier tous les trois ans. C'est ce qui distingue une boutique qui grandit d'une boutique qui grossit : les corrections arrivent avant que le client ne s'en aperçoive.

Ce que ce projet a mobilisé :

• Audit technique
• Refonte du socle
• Performance mobile
• Accessibilité
• Structure & maillage SEO
• Migration d'hébergement
• Bascule sans interruption

← Revenir à l'article : cinq boutiques WooCommerce sous maintenance