prestashop theme performance

Thème PrestaShop sur-mesure — Lécopot

Thème PrestaShop sur-mesure — Lécopot

Contexte

Lécopot fabrique et vend des toilettes sèches artisanales, entièrement conçues en France, en Occitanie. Le thème en place était un thème tiers ThemeVolty : lourd, difficile à maintenir, avec des traductions approximatives et une identité visuelle générique sans rapport avec l'univers artisanal et écologique de la marque.

L'occasion également de faire évoluer la stack : le thème Hummingbird, successeur officiel du thème Classic de PrestaShop, avait suffisamment mûri pour servir de base solide.

Réalisations

  • Thème basé sur Hummingbird, futur thème de référence PrestaShop, dont la structure a été respectée, la charte graphique de Lécopot y a été appliquée et des modules front-office sur-mesure développés par-dessus
  • Stack moderne : Bootstrap 5, Webpack optimisé, TypeScript, et surtout zéro jQuery, rupture nette avec l'héritage PrestaShop historique
  • Accessibilité revue : meilleure lisibilité pour les lecteurs d'écran, contrastes corrigés, sans en faire l'axe prioritaire du projet, mais comme un effort continu
  • Slider custom repensé : en desktop, exit le carrousel classique passé de mode, remplacé par un affichage tryptique façon comic strip, trois images côte à côte, entièrement administrable depuis le back-office
  • Suppression de tous les modules front-office superflus hérités de l'ancien thème, remplacés par quelques modules sur-mesure légers

Exemple d'une page produit sur Lécopot

Exemple d'une page produit sur Lécopot

Difficultés techniques

Hummingbird est désormais pensé pour PrestaShop 9, alors que Lécopot tourne encore sur PS 8.3. Il est tout à fait possible d'adapter le thème pour une compatibilité PS 8, mais cela représente un travail supplémentaire à anticiper dès le départ.

Concernant jQuery : le thème n'en fait aucun usage, mais PrestaShop charge encore la librairie dans son core.js, un fichier encore pratiquement obligatoire aujourd'hui. Le jour où PrestaShop permettra de s'en affranchir définitivement, le thème sera prêt.

Résultats

  • Core Web Vitals passés de 40 à +90, y compris sur mobile
  • Front-office nettement plus rapide et plus léger
  • Identité visuelle cohérente avec l'univers artisanal et écologique de Lécopot
  • Base technique pérenne, alignée sur la trajectoire officielle de PrestaShop