Vue de la page d'accueil du site ma-maison-mag.fr

Modernisation et allègement du site Ma Maison Mag

Contexte initial

Ma Maison Magazine (ma-maison-mag.fr) est un média en ligne dédié à l’habitat, la décoration et l’aménagement intérieur. Frédéric Goudal, responsable du site, m’a contacté initialement pour résoudre un bug d’affichage. Cette demande ponctuelle a rapidement mis en lumière des problèmes structurels plus profonds, tant sur le plan technique que sur celui de la maintenabilité du site.

Diagnostic : au-delà du bug apparent

L’analyse technique a révélé des problèmes structurels bien plus profonds qu’un simple dysfonctionnement d’affichage :

  • Un poids excessif du site, dépassant les 8 Go, principalement dû à une mauvaise gestion des images.
  • Un thème obsolète, incompatible avec les évolutions récentes de WordPress et de PHP.
  • L’utilisation d’un constructeur de pages très ancien (SiteOrigin), ne profitant ni des avancées de l’éditeur de blocs, ni des standards actuels en matière d’UX, de performance et d’accessibilité.

Ces éléments expliquaient à la fois le bug d’affichage et la difficulté à faire évoluer le site sereinement.

Première intervention : optimisation et gestion des images

La première étape a consisté à reprendre en main la gestion des médias :

  • Compression des images existantes,
  • Suppression des fichiers inutilisés ou redondants,
  • Rationalisation des formats et des usages.

Résultat immédiat : une réduction de plus de 50 % du poids total du site, sans dégradation visuelle, bien au contraire.

Migration vers un socle WordPress moderne et pérenne

La seconde intervention, plus structurante, a porté sur la modernisation complète de l’environnement WordPress :

  • Migration vers le thème standard Twenty Twenty-Five, garantissant compatibilité, pérennité et performance,
  • Adoption du constructeur Spectra, basé sur l’éditeur de blocs natif.

Cette combinaison a permis de :

  • Reprendre fidèlement le design d’origine,
  • Apporter des améliorations de cohérence graphique,
  • Renforcer l’architecture de l’information (hiérarchie des contenus, lisibilité, menus…),
  • Réduire encore le poids du site grâce à un usage plus économe et maîtrisé des tailles d’images.

Nouvelle division par deux de la taille du site, tout en gagnant en clarté et en robustesse.

Formation des éditeurs : prise en main du mode bloc

Enfin, une session de formation dédiée a été organisée pour les éditeurs du site. Objectifs :

  • Comprendre la logique de l’éditeur de blocs,
  • Gagner en autonomie dans la mise en page,
  • Publier plus rapidement, sans dépendre d’un constructeur complexe et vieillissant.

Résultat : une édition plus fluide, plus intuitive, et une équipe capable de faire évoluer le site dans le respect des bonnes pratiques WordPress.

Bilan de l’intervention

  • Bugs d’affichage corrigés,
  • Site allégé de plus de 75 % au total,
  • Environnement technique modernisé et pérenne,
  • Meilleure accessibilité et cohérence graphique,
  • Équipe éditoriale formée et autonome.

Cette intervention illustre parfaitement comment un problème ponctuel peut devenir l’opportunité de remettre à plat un site, d’améliorer ses performances et de préparer sereinement son avenir.