Refonte du site WordPress Institut Saint-Dominique Pau

L’Institut Saint-Dominique, à Pau, fait vivre trois sites WordPress. Avant la refonte, le site principal reposait sur Elementor et sur une quinzaine d’extensions : il était lent, coûteux à maintenir, et chaque extension mal suivie ouvrait une porte de plus aux attaques. J’ai reconstruit le thème sur mesure, et les trois sites se gèrent maintenant de la même façon.

D’où partait le site

Elementor servait à la mise en page, et des extensions tierces s’occupaient du reste : sécurité, référencement, mise en forme, petites fonctions. Chaque mise à jour pouvait casser quelque chose, et l’affichage sur téléphone se dégradait par endroits à cause du constructeur de pages. Sur mobile, PageSpeed donnait 29 sur 100, et la page mettait plus de 13 secondes à s’afficher complètement.

Il y avait aussi un problème d’organisation. Les trois sites de l’institut étaient gérés séparément, chacun avec ses habitudes, ce qui compliquait le travail de l’équipe et la cohérence de la communication.

Ce que j’ai changé

J’ai remplacé Elementor par des blocs Gutenberg développés sur mesure, dans un thème écrit avec Tailwind CSS. Je n’ai gardé que deux extensions, pour le référencement et les formulaires. Les trois sites partagent le même jeu de blocs et la même charte : qui sait publier sur l’un sait publier sur les autres. Si vous ne connaissez pas Gutenberg, j’explique pourquoi je construis mes sites avec cet éditeur.

Le thème a été codé en six semaines. La reprise des contenus a pris plus de temps, comme dans presque toutes les refontes : c’est le moment où l’établissement relit ses pages, trie ce qui est périmé et décide de ce qu’il garde.

Les résultats mesurés

💡 Faites glisser le tableau vers la droite pour voir plus de colonnes

💡 Faites glisser le tableau vers la droite pour voir plus de colonnes

Le score de performance a été multiplié par trois environ, de 29 à 91 sur mobile et de 36 à 97 sur ordinateur. Le plus grand élément de la page s’affichait en 22,2 secondes sur mobile : il apparaît maintenant en moins de 2,5 secondes. Le temps de blocage, pendant lequel la page ne répond pas, a baissé de plus de 90 %.

Côté sécurité, j’ai supprimé 15 extensions, relu le code et mis en place des mises à jour automatiques. Les licences d’Elementor Pro et des extensions payantes ont disparu, et le temps de maintenance mensuel a baissé de 60 %.

Une équipe autonome sur les trois sites

L’équipe a suivi deux demi-journées de formation aux blocs, et elle dispose d’un guide illustré pour retrouver les gestes de base. Voici ce qu’en dit la personne qui gère la communication numérique de l’établissement :

« Grâce à cette migration, nos équipes gèrent désormais les 3 sites avec une seule interface, sans formation technique poussée. Les retours des utilisateurs sur la rapidité du site sont excellents, et nous avons divisé par deux notre budget de maintenance. »
Responsable de la communication digitale, Institut Saint-Dominique de Pau

Mon avis

Elementor n’est pas un mauvais outil pour démarrer seul un petit site. Pour un établissement qui publie toute l’année et dont le site doit tenir pendant les inscriptions, il ajoute une couche qui finit par coûter plus cher qu’elle ne rapporte. La refonte demande un effort au départ, surtout sur les contenus, et elle se rembourse ensuite sur la maintenance.

Vous envisagez une migration similaire pour votre établissement ? Voyez ce que je propose pour le site internet d’un établissement scolaire. Je commence toujours par trois choses :

• un audit de votre site WordPress actuel ;
• une démonstration des blocs et de l’éditeur ;
• un plan de migration qui prévoit le phasage, la formation et l’accompagnement.

Ce projet vous intéresse ? Découvrez mon approche de la création de site internet à Pau.