Pourquoi j'ai préféré Eleventy à Wordpress pour mon blog ?

Dans cet article, je vais te raconter ce qui m'a poussé à choisir le framework Eleventy pour créer ce blog, bien que j'aime beaucoup WordPress. A travers cela, tu pourras découvrir les gros avantages des sites statiques par rapport aux sites WordPress. C'est parti !

L'aventure WordPress

Un écosystème très riche

Pour créer un site avec WordPress, un serveur PHP, une base de données MySQL et un thème sont les 3 ingrédients indispensables. Cependant, des plugins deviennent également vite indispensables pour gérer de nombreux aspects du site :

• la maintenance et la sécurité : sauvegarde et restauration des fichiers et de la base
• créer un fichier sitemap et optimiser le SEO
• créer des blocs avancés, tels que des tables des matières, des popups, des formulaires...
• optimiser les performances : bundling, mise en cache, compression des images...
• créer un site multilingue
• ...etc.

Et pour cela, l'écosystème WordPress est d'une richesse impressionnante : difficile de trouver un besoin qui ne soit pas couvert par un thème ou un plugin ! Cette richesse fait en grande partie le succès de WordPress.

La révolution du FSE

Depuis sa version 6.2 sortie en 2023, WordPress permet de personnaliser complètement l'apparence d'un site au moyen de l'éditeur Gutenberg, l'éditeur par défaut de WordPress. En-tête, pied de page, menus, barre latérale... tout devient modifiable par Gutenberg pour peu qu'on utilise un thème compatible. C'est ce qu'on appelle le FSE (Full Site Editing), une technologie toujours en évolution mais déjà bien avancée.

Je trouve ça super, car :

• pour créer des mises en page évoluées et personnalisées, notamment pour la page d'accueil du site, il n'est plus nécessaire d'utiliser un constructeur de page tiers tel que Divi ou Elementor. On peut créer des pages évoluées directement avec Gutenberg.
• le choix du thème WordPress n'est plus aussi déterminant pour peu qu'il soit compatible avec le FSE. En effet, on pourra toujours personnaliser certains éléments avec Gutenberg si besoin. Le thème fait donc gagner du temps en fournissant des mises en page et des styles prêts à l'emploi, sans être limitant.
• le FSE contribue à réduire le nombre de plugins et à rendre le site plus léger et plus rapide
• ça reste une solution assez simple pour créer un site. Bien que les composants, compositions et options de personnalisation soient nombreux, je n'ai pas mis très longtemps à apprivoiser le FSE.

Mon site bureautique-efficace.com utilisait auparavant le thème OceanWP et le constructeur de page Elementor. Je l'ai refait entièrement en FSE avec le thème 2024 de WordPress et un nombre de plugins réduit à 7. Résultat : mon site est bien plus rapide et aussi bien plus simple à maintenir !

Alors, WordPress et le FSE seraient-ils la solution parfaite ?

Le revers de la médaille

Bien que le FSE soit un formidable progrès, un nombre plus ou moins élevé de plugins WordPress reste indispensable pour les besoins cités en début d'article. Et cela amène les problèmes suivants :

• Beaucoup des plugins qui interviennent dans le rendu des pages alourdissent le site et plombent ses performances.
• Les thèmes et plugins sont autant de points de vulnérabilité potentiels pour la sécurité.
• Pour certains besoins spécifiques, la recherche et le test des bons plugins peut vite devenir fastidieuse.
• Les thèmes et plugins les plus intéressants sont souvent payants, avec des abonnements annuels parfois très chers.
• Bien qu'il existe des plugins pour quasiment tous les besoins, leur assemblage ne permet pas d'atteindre le degré de personnalisation et de performance de solutions plus intégrées.

Personnellement, en tant que développeur et formateur, je trouve bien plus intéressant d'investir mon temps dans l'approfondissement de mes compétences techniques que dans le test et le réglage de plugins...

Ce qui m'a poussé à chercher d'autres solutions

J'ai souvent été assez frustré par la dépendance aux plugins et le fait que beaucoup d'entre eux soient payants. Quand m'est venue l'envie de créer le blog que tu es en train de lire, je me suis mis à la recherche des meilleurs plugins pour créer un site multilingue. Et une fois de plus j'ai été confronté aux problèmes suivants :

• un sentiment de lourdeur et de complexité. Il faudrait beaucoup de temps pour analyser et tester différents plugins et voir leurs forces et leurs faiblesses (souvent bien cachées par les éditeurs)
• tous les plugins les plus intéressants étaient payants et chers
• quel serait l'impact de ces plugins sur les performances et la maintenabilité de mon site ?

Ces aspects commençait sérieusement à me lasser, mais je ne voyais pas vraiment d'alternative. Je me disais que, même avec des compétences en développement, faire un blog complet sans WordPress devait être très long et fastidieux, que c'était comme réinventer la roue, et que même avec beaucoup de travail, le résultat serait sans doute beaucoup moins bon qu'avec WordPress.

Mais je me trompais.

Car j'ignorais que certains frameworks permettent de créer des sites statiques bien plus légers, performants et personnalisables qu'avec WordPress.

La découverte d'Eleventy

En lisant un article sur le blog de Gui Ferreira, qui se présente comme "un artisan logiciel minimaliste", je me suis demandé :

"Son blog a l'air très sobre et il ne ressemble pas à un blog fait avec WordPress. Avec quoi l'a t-il créé ?"

En jetant un œil au pied de page, je vois "Powered by 11ty". Jamais entendu parler de ça...

Par curiosité, je clique sur le lien et je tombe sur un page d'accueil assez spéciale sur laquelle un opossum à lunettes est en train de flotter dans les airs, attaché à un ballon ! :-).

Le titre de la page est "Eleventy est un générateur de site statique plus simple".
La page met en avant certains points qui m'interpellent tout de suite :

• Eleventy permet d'éditer les pages du site en Markdown (le rêve pour un développeur !)
• Il génère les pages HTML finales avec une rapidité extrême
• Il donne un contrôle total sur le résultat final
• Il ne force aucune dépendance vers un framework JavaScript

Waou, tout ça me parle beaucoup et me donne très envie d'en savoir plus !

Pour mieux comprendre, je commence par me renseigner sur ce qu'est un site statique. De façon très résumée, j'apprends qu'il s'agit d'un site dont les pages sont générées avant d'être déployées sur le serveur, et non dynamiquement à la demande des utilisateurs.

Les sites statiques présentent de gros avantages en termes de performance, de sécurité, de maintenance et de SEO !

Eleventy me semble donc extrêmement intéressant, car j'aime beaucoup les solutions simples et performantes. Utiliser l'outil le plus adapté plutôt qu'un marteau-pilon pour écraser une mouche !

Cependant, un blog statique ne me permettra a priori pas de collecter les commentaires des visiteurs sur mes articles. Cela me chagrine. Mais en fouillant un peu, je trouve une solution très élégante à ce problème, que je te présenterai dans un prochain article. Statique ne signifie pas sans lien avec l'extérieur...

En synthèse

WordPress est parfait pour une personne qui veut créer un site correct sans compétences techniques, en assemblant des briques toutes faites et en les paramétrant. Cet assemblage peut même avoir un côté ludique, et l'obtention d'un résultat rapide est gratifiante.

De plus, WordPress me semble évoluer dans la bonne direction grâce au FSE, qui ouvre beaucoup de possibilités tout en améliorant les performances globales.

Mais pour une personne qui n'a pas peur d'entrer un peu dans la technique, les sites statiques et des frameworks comme Eleventy fournissent plus de maîtrise, de finesse, de performance et d'indépendance par rapport à des éditeurs de plugins. Cette approche permet en plus de répondre à des besoins spécifiques et parfois complexes sans mettre la main à la poche.

Pour ma part, depuis que j'ai appris à maîtriser Eleventy, j'adore cette nouvelle façon de créer des sites ! Sauf besoin particulier, je n'utiliserai donc plus WordPress.