La promesse de « pages builder » comme Elementor, Divi et Gutenberg est alléchante : créer un site Internet sans toucher une ligne de code. Et cela fonctionne ! De nombreux sites sont réalisés avec ces constructeurs de page. A l’heure de réaliser votre site internet avec WordPress, vous vous demandez peut-être vers quelle solution vous tourner. Ce choix n’est pas anodin et peut impacter la performance et, au final, la visibilité de votre site – pour être plus précis, son positionnement dans un moteur de recherche. Mieux vaut le savoir avant de démarrer… Alors quel page Builder WordPress choisir ? On fait le point.
Page builder WordPress
Etat des lieux…
Elementor et Divi sont les premiers page builders qui ont été publiés pour WordPress. Ces pionniers de la construction de page ont facilité la réalisation de sites internet à de nombreux graphistes et designers désireux de publier de beaux sites web « sans mettre les mains dans le cambouis ».
Gutenberg est, comparativement, un nouveau venu. Ajouté au code source de WordPress par l’équipe de développement du CMS en fin d’année 2018, il fournit le même genre de fonctionnalités sans abonnement et progresse avec régularité. De nouveaux pages builders apparaissent depuis sa publication, comme Oxygen, Astra, Bricks et bien d’autres : ils ajoutent des fonctionnalités à l’éditeur Gutenberg pour mieux combler les besoins des utilisateurs.
L’utilisation d’un constructeur de page s’impose ainsi comme une nouvelle façon de concevoir et réaliser son site internet. Il devient difficile de proposer autre chose à un utilisateur, cela revient à le priver de possibilités d’édition avancées faciles à prendre en main. Pourquoi ferait-on cela ?
Alors oui, mais là…
il n’y a pas un problème ?
– S’exclame le développeur Web devant le code source généré par ces outils…
Oui, il y a bien un petit soucis. Les pages builders nécessitent pour leur fonctionnement des ressources supplémentaires, et génèrent un code alourdi et complexe ; c’est particulièrement vrai pour Divi et Elementor. Quel impact ont-ils vraiment sur les performances de WordPress ? Cet impact est-il vraiment catastrophique au point de préférer se passer de ces outils ?
Les comparatifs sur Internet sont nombreux, et les résultats sont globalement similaires… voyons-en quelques uns.
Comparatifs
Divi vs Elementor vs Gutenberg
Un premier Benchmark très intéressant est celui réalisé par l’agence profileTree. Le comparatif est réalisé sur le même serveur, la configuration ne change donc pas d’un page builder wordpress à l’autre. Les résultats offrent un aperçu de l’utilisation des ressources serveurs et de la complexité du code produit :
| Metric | Divi | Elementor | Gutenberg |
|---|---|---|---|
| Temps de chargement* | 3.9s | 3.4s | 2.1s |
| Nombre de requêtes à la base de donnée | 63 | 47 | 28 |
| Consommation mémoire (par page) | 92Mo | 78Mo | 45Mo |
| Temps de traitement par le CPU | 420ms | 340ms | 180ms |
| Nbre d’éléments dans le DOM | 310 | 245 | 95 |
* Avec une connexion 4G. Source
D’autres Benchmark fournissent le même genre de résultats. Voici un autre exemple de mesure réalisée par un développeur qui s’est focalisé sur le temps de chargement, la vitesse et le score SEO :
| Mesure | Divi | Elementor | Gutenberg |
|---|---|---|---|
| Chargement* | 3.2s | 2.8s | 1.5s |
| TTFB# | 2.1s | 1.8s | 0.9s |
| Score SEO | 78/100 | 85/100 | 92/100 |
* Temps de chargement – moyenne.
#Time to first byte : le temps qu’il faut à un serveur pour envoyer le premier octet de données après qu’une requête a été faite par un navigateur. Source
Résultats :
Pas de mystère : les ajouts de fonctionnalités impliquent un code plus lourd, des ressources supplémentaires à télécharger, plus de requêtes à la base de donnée, et un score SEO moin bon. L’hébergeur Kinsta, qui a fait ses propres benchmarks, résume la situation:
« Gutenberg a presque toujours fourni un score de performance plus élevé, une taille de page plus faible et un temps de chargement plus rapide, ainsi que moins de requêtes. » – Kinsta
Conclusion
Si les constructeurs de page ont leurs avantages, vous l’aurez compris en jetant un œil aux chiffres ci-dessus : se contenter des fonctionnalités du page builder par défaut de WordPress vous évitera d’alourdir votre site. Les constructeurs de page basés sur Gutenberg comme Oxygen peuvent eux aussi être impactés par un recul des performances, et nécessiteront le plus souvent un abonnement annuel pour être utilisé. Mais si vous avec besoin des fonctionnalités d’un page builder WordPress avancé, c’est sans doute vers ce type de constructeurs qu’il faudra vous tourner. A moins bien sûr que le score SEO de votre site ne vous émeuve pas plus que ça, et que vous ayez quelques euros supplémentaires à dépenser. Dans ce cas, testez Elementor, Divi et les autres, et choisissez celui qui vous plaît le plus !
Un dernier mot : les bonnes performances de votre site ne dépendent pas uniquement du constructeur de page : des extensions nombreuses et lourdes, un cache mal réglé ou des éléments peu optimisés vous feront inexorablement perdre des places dans les résultats des moteurs de recherches. Alors si vous ciblez une bonne visibilité de votre site sur Internet, mieux vaut faire des choix judicieux dès le démarrage de votre projet : commencez par choisir le page builder WordPress qui ne plombera pas votre site web !
