De base, le CMS Wordpress a 3 qualités intéressantes : 1 - Il est simple. 2 - Il est léger si on le compare à d’autres CMS plus “solides” comme Drupal ou Joomla. 3 - Il est open-source donc ouvert aux changements. Ce n’est certainement pas le meilleur des CMS mais il est possible avec un peu de travail de l’améliorer grandement pour obtenir un site low-tech solide et performant. Voici ma méthode pour utiliser ce CMS. Je ne prétends pas que c’est la meilleure mais c’est la seule que je connaisse pour un résultat satisfaisant.

Commençons par dissiper toute illusion… Sans connaissance en code [HTML, SCSS ou JS], il vous sera difficile d’obtenir par vous-même un site internet performant quoi que les publicités vous racontent. Désolé de vous décevoir ! Pour être musicien il est préférable de connaître les accords. C’est la même chose avec les sites internet. Vous pouvez tester si vous doutez mais je vous assure une grosse perte de temps. Rassurez-vous ! Avec quelques notions, il est possible de se débrouiller et d’aller assez loin.

Pour rappel, un CMS (Content Management) est comme son nom l’indique un gestionnaire de contenu de site internet. Contenu ? Les images, les textes, les titres, les dates de publication etc… Tout ce qui va alimenter votre base de données si on résume. A l’origine, ce CMS est assez facile a installer et il est aussi trés léger.

En 2018, Wordpress décide de changer l’orientation de son CMS en intégrant dans sa version 5.0, un nouvel éditeur : Gutenberg. C’est un changement important car on passe d’un “simple” système de gestion de contenu à un CMS couplé à un constructeur de site (qui permettent de concevoir le site sans code). L’idée paraît séduisante mais en pratique pas vraiment, pour 3 raisons importantes :

  • Les constructeurs alourdissent considérablement le poids des pages et allongent de fait les temps de chargement.
  • Les constructeurs créent aussi une dépendance. Une fois installé, impossible de changer à moins de tout refaire.
  • Les constructeurs complexifient le code [HTML, CSS, JS] en rajoutant leur propre code.

Pour toutes ces raisons, j’utilise la version “basique” de Wordpress, c’est à dire : Sans Gutenberg ou autres constructeurs (Elementor, Divi, Visual composeur parmi les plus connus). Des fonctions PHP de désinstallation permettent cela ou un plugin avec différentes options : Disable Gutenberg. Au final, les possibilités de “construire le site” n’existent plus. Je conserve simplement ce pourquoi un CMS est fait : la gestion et la création de contenu, de pages, d’articles et autres.

Une fois débarassé de Gutenberg, il reste quand même un peu de travail pour rendre Wordpress plus performant. Ce CMS est effectivemment simple et léger mais il manque un certain nombre de fonctions importantes pour le rendre vraiment optimal. Par exemple, la meta-balise “description” essentiel pour le référencement n’est pas présente. Rappelons que Wordpress est open-source. Libre à chacun de les changer et de l’améliorer !

Limitez l’utilisation des plugins

Ils peuvent paraître bien utiles (et certains le sont évidemment) mais je conseille de bien réfléchir avant de les utiliser. Sont-ils réellement utiles ? N’existe t-il pas une simple fonction PHP pour les remplacer ? Quel impact auront-ils sur mon site ? Chaque plugin que vous utilisez sera un fichier (ou plusieurs) en plus que vos pages internet devront charger.

Pour ma part, j’utilise souvent le plugin CMB2 qui permet de configurer les pages d’administration de Wordpress selon vos idées les plus folles. On peut faire sans mais le code PHP de Wordpress est assez verbeux - je trouve.

Un Framework ? Bof

Les Frameworks CSS ou même JS comme JQuery, c’est pratique et parfois ils ne pèsent rien. Mais selon moi, ils posent plus de problèmes qu’ils n’apportent de solutions :

Il faut d’abord intégrer la logique du Framework et apprendre les dénominations qui lui sont propres. Une fois que l’on a intégré tout ça, pas facile d’aller voir ailleurs. C’est une dépendance.

L’autre soucis est que vous allez alourdir considérablement votre language HTML en ajoutant des classes en pagaille. Pas facile de s’y retrouver ensuite dans les différentes balises. En terme de performance, je préfère créer mes propres classes “framework” si il faut et gérer tous les styles dans les fichiers SCSS. Le plus simple est souvent le mieux !

Underscore : le starter théme de Wordpress

C’est le plus simple ! Vous pouvez créer un thème enfant ou modifier un thème de base de Wordpress, mais il vous faudra ré-installer un système SASS. C’est possible mais vous perdrez du temps. En utilisant le starter thème de Wordpress, vous obtiendrez les fichiers SASS de base, un fichier package.json pour composer et toutes les fonctionnalités nécessaires pour compiler vos fichiers.

Les fichiers de style sont bien sûr au plus simple. A vous de les créer. J’utilise comme la plupart des développeurs un thème de base que j’agrémente selon les projets. Inutile de réinventer la roue.

Optimisez vos images

Les images représentent généralement la plus grosse partie du poids d’une page internet. C’est pour cela qu’il est important de prendre le temps de les optimiser. L’opération est assez simple en réalité : Optimiser ses images pour le web.

Sur certains CMS, l’opération est automatique mais sur Wordpress, ce n’est pas prévu contrairement à Drupal. Vous pouvez utiliser des plugins pour cela mais ils sont limités en général ou payants. Au final, il est plus rapide les optimiser soi même. TinyJPG propose ce service avec un lot de 20 images à charger/télecharger.

Pour les professionnels, il existe une bibliothéque en ligne de commande, via terminal : imagemagik. Elle permet de réaliser des opérations trés complexes et de convertir par exemple, un grand nombre d’images en quelques minutes. Cette bibliothèque est aussi présente dans la librairie PHP.

Résumé de ma méthode pour Wordpress

Même si la tendance va dans le sens de toujours plus de techno, je déconseille de suivre cette voie si vous voulez obtenir un site performant. Cela ne signifie pas que votre site internet sera moins bien que les autres, au contraire il se chargera plus rapidement et pourra être facilement piloter par n’importe qui.

Concernant le CMS Wordpress, il est possible avec un peu de travail de faire plus performant. Pour cela, ne gardez que ce qui est essentiel et utilisez le pour ce qu’il est : Un gestionnaire de contenu. Pas autre chose et surtout pas une alternative au code [HTML, PHP, SCSS, JS]. Avec quelques fonctions PHP pour combler les lacunes de CMS, et une bonne application des règles d’optimisation, vous obtiendrez un site plus rapide, plus solide et aussi moins polluant.