Si vous vous sentez quelque peu limité par la flexibilité des mises en page fournies par les thèmes WordPress, vous pourriez être intéressé par la construction de vos pages Web WordPress avec un plugin page builder.
Les constructeurs de pages WordPress sont devenus très populaires car ils permettent à n’importe qui, même ceux qui n’ont pas le don du code, de créer un beau site web ou une page de destination en utilisant un simple glisser-déposer, WYSIWYG editor., Au fur et à mesure que vous recherchez quel constructeur de site Web ou quel plugin WordPress vous conviendrait le mieux, vous examinerez un certain nombre de facteurs importants: facilité d’utilisation, Prix, modèles de mise en page, etc. Dans cet article, nous nous concentrons sur la comparaison de ces constructeurs de pages sur un facteur: la vitesse.
Les produits finis que les constructeurs de pages sortent sont – ils tous les mêmes en matière de performance? Ou, ces constructeurs créent-ils un gonflement de code inefficace qui ralentit les performances de votre site WordPress et nuit à votre UX? Une belle page parfaite en pixels ne vaut pas grand-chose si vos utilisateurs rebondissent car votre site prend 5 secondes pour se charger.,
la rapidité avec laquelle votre site Web se charge est liée à son succès. Les statistiques indiquent que toutes les 100 millisecondes de temps de chargement crée une augmentation d’environ 7% de votre taux de rebond.
mais à moins que vous ne souhaitiez prendre le temps de créer des pages de destination identiques avec différents constructeurs de page et de tester leurs performances, il est difficile de savoir avec certitude comment chaque constructeur de page s’accumule.
Eh bien we nous avons pris le temps.,
j’ai construit des pages de destination presque identiques avec cinq constructeurs de pages WordPress populaires, puis les ai parcourues à travers une multitude de tests de vitesse pour trouver le meilleur constructeur de pages WordPress en termes de performances. Maintenant, je vais partager toutes ces données avec vous.
Voici comment je vais tester ces 5 constructeurs de pages
pour tester les performances de chaque constructeur de pages, je vais créer une page de destination en utilisant chacun des cinq constructeurs de pages. Je vais baser cela à peu près sur la page de destination Pagely, avec quelques éléments ajoutés et supprimés.,
ces pages de destination seront, autant que possible, parfaitement identiques, bien que cela ne soit pas toujours réalisable en raison des éléments disponibles dans chaque générateur de page.
de plus, ne vous attendez pas à ce qu’ils soient aussi beaux que la page D’accueil originale de Pagely parce que je ne suis well Eh bien, pas un designer professionnel (ou même un designer amateur).,
Une fois que je construis la page de destination avec chaque page builder, Je collecterai des données en utilisant trois outils différents:
- WebPagetest – donne une analyse détaillée des performances, y compris le temps de chargement et un « indice de vitesse”
- Pingdom Tools – fournit le temps de chargement de la page, la taille de la page, le nombre pour construire la page de destination de démonstration, mais je vous recommande de prendre ces chiffres comme des estimations approximatives, plutôt que absolues., Voici pourquoi: en entrant dans ces tests, j’ai utilisé certains de ces constructeurs de pages plus que les autres, il n’est donc pas scientifique pour moi de déclarer un « plus facile à utiliser” que les autres.
Voici Les Détails Techniques De Ma Configuration de Test
Pour ces tests pour contenir n’importe quelle valeur, ils doivent être cohérents. Et vous devez avoir confiance qu’ils sont cohérents.
donc, avant de sauter dans un test réel, parcourons Comment mon site de test est configuré:
- hébergé sur Pagely
- exécutant WordPress 4.9.,2
- Utilisation du thème Astra, une option populaire pour les développeurs de jumeler avec les constructeurs de pages
- pas de barre latérale. Conteneur étiré pleine largeur (ce sont des options de thème Astra)
- query Monitor plugin installé
- aucun autre plugin installé
- aucune optimisation de la vitesse de page au-delà de celles mises en œuvre automatiquement par Pagely hosting
Et voici les plugins de page builder que j’utiliserai:
- Elementor – version 1.9.2*
- Beaver Builder Pro – version 2.0.3.1
- Divi Builder plugin (C’est – à-dire pas la version du thème) – version 2.0.,31
- WPBakery Page Builder – version 5.4.2 (anciennement connu sous le nom de Visual Composer)
- SiteOrigin Page Builder – version 2.6.1 plus SiteOrigin Widgets Bundle version 1.11.3
*parce que Elementor Pro est un add-on, plutôt qu’un plugin autonome comme les autres versions premium, je pense qu’il est juste de tester en utilisant la version gratuite D’Elementor.
exécution des Tests pour chaque constructeur de Page WordPress individuel
maintenant que vous savez sur quoi ces tests sont construits, nous allons sauter et regarder les données!,
pour chaque générateur de page, j’inclurai:
- Une capture d’écran de ce à quoi ressemble la page de destination testée
- Pingdom performance data
- WebPagetest performance data
- combien de temps il m’a fallu pour créer la page (rappelez – vous – ce n’est qu’une directive approximative-ne la prenez pas comme une comparaison difficile)
- Une capture d’écran de ce qui se passe après la désactivation du générateur de page, pour vous donner une idée de combien « -dans” il y a
puis, à la fin, je vais tout rassembler dans un tableau facile à comparer et tirer quelques conclusions!, Si vous préférez ignorer la lecture par lecture, vous pouvez cliquer ici pour passer directement au tableau récapitulatif.
Elementor Performance Test
Comme tous les plugins de page builder présentés ici, Elementor facilite la création rapide d’une grande page Web sans avoir à connaître HTML, CSS ou Javascript.
Elementor offre une fonctionnalité unique appelée « Elementor Canvas” qui vous permet de créer une page Web complètement à partir de zéro — complètement séparée du thème WordPress. Il n’y a pas de pied de page inséré, pas de menus, pas de barres latérales., C’est la flexibilité ultime dans la conception WordPress et très pratique pour créer des pages de destination glisser-déposer en particulier (qui utilisent souvent des mises en page non standard et nécessitent un minimum de distractions de l’appel à l’action).,
à quoi ressemblait la page de destination:
temps de construction de la Page: 22:09
données de Test Pingdom:
données de Test WebPagetest:
données du moniteur de requête:
Ce Qui se passe après la désactivation du plugin:
Beaver Builder performance test
Beaver Builder est un plugin de construction de site web populaire utilisé par Plus de 175K sites Web. Il est célèbre pour sa facilité d’utilisation et son interface utilisateur intuitive.,
Il offre également des fonctionnalités avancées telles que les raccourcis clavier et la possibilité d’enregistrer des lignes et des colonnes afin qu’elles puissent être facilement réutilisées. Beaver Builder est construit sur le framework Bootstrap et prétend être rapide et léger., Voyons comment il fonctionne dans le monde réel
à quoi ressemblait la page de destination:
temps de construire la Page: 20:37
données de Test Pingdom:
WebPagetest données de test:
données du moniteur de requête:
Ce Qui se passe après la désactivation du plugin:
Divi Builder performance test
Divi, par Elegant Themes, est à la fois un thème WordPress et un plugin de page builder autonome., Ici, nous examinons les performances du plugin website builder et non du thème WordPress.
Vous pouvez créer des pages et des messages dans le backend WordPress ou même concevoir votre site en utilisant le frontend de WordPress avec un éditeur WYSWIG. Divi propose des centaines de thèmes enfants et de modèles de page prédéfinis. Fidèle au nom de son entreprise, Divi offre une expérience de création de page vraiment élégante avec beaucoup de vernis, de bonbons pour les yeux et de fonctionnalités intuitives.,
à quoi ressemblait la page de destination:
temps de construction de la Page: 21:02
données de Test Pingdom:
données de Test WebPagetest:
données du moniteur de requête:
Ce Qui se passe après la désactivation du plugin:
WPBakery page builder performance test
comme Elementor, WPBakery est souvent regroupé avec de nombreux thèmes WordPress populaires., WPBakery se distingue de la plupart des autres constructeurs de pages en raison du nombre d’add-ons et d’améliorations disponibles. Vous pouvez choisir parmi plus de 200 add ons qui font tout, des animations CSS lisses à l’amélioration de vos pages de produits WooCommerce.,
Ce que La Page de destination Ressemblait à:
de Temps Pour Construire la Page: 27:18
Pingdom Données de Test:
WebPagetest Données de Test:
Requête de Données du Moniteur:
Ce qui se Passe Après La Désactivation du Plugin:
SiteOrigin le créateur de la Page de Test de Performance
SiteOrigin est totalement gratuit. Alors que de nombreux constructeurs de pages installent leurs propres widgets, Site Origin est unique en ce sens qu’il joue bien avec les widgets WordPress par défaut.,
à quoi ressemblait la page de destination: *SiteOrigin Page Builder n’a pas d’élément counter, j’ai donc utilisé du HTML statique à la place, ce qui lui donne un léger avantage dans les tests de performance.,
temps de construction de la Page: 19:51
données de Test Pingdom:
données de Test WebPagetest:
données du moniteur de requête:
ce qui se passe après la désactivation du plugin:
comparaison de vitesse du constructeur de pages WordPress
xécuter et les données croquées, voici comment les choses ont tremblé.
regardons la première., Voici le gagnant global de chaque catégorie:
- temps de chargement de la Page Pingdom le plus rapide: constructeur de Page SiteOrigin à 390 ms
- moins de demandes Pingdom: constructeur de Page SiteOrigin avec 13
- Taille de Page Pingdom la plus basse: constructeur de Page SiteOrigin avec 245.0 kB
- temps de chargement li> indice de vitesse webpagetest le plus bas: constructeur de page SiteOrigin à 500
- moins de requêtes de base de données: Divi Builder avec 8
- temps de requête de base de données le plus bas: Divi Builder à 0.,0039 s
et maintenant regardons le pire performer dans chaque catégorie dans nos tests:
- temps de chargement de la Page Pingdom le plus lent: Beaver Builder à 665 ms
- La plupart des demandes Pingdom: Elementor avec 28
- Taille de la Page Pingdom la plus élevée: Divi Builder à 532.7 kB
.294 s
- indice de vitesse webpagetest le plus élevé: Divi Builder à 901
- la plupart des requêtes de base de données: Elementor avec 30
- temps de requête de base de données le plus élevé: Elementor à 0.,Page Builder
Pingdom Page Load 489 ms 665 ms 463 ms 401 ms 390 ms Pingdom Requests 28 20 15 15 13 Pingdom Page Size 530.,7 kB 416.6 kB 532.7 kB 435.7 kB 245.0 kB WebPagetest Fully Loaded 1.254 s 943 ms 1.,d= »573b113c2a »>578 ms WebPagetest Speed Index 574 700 901 610 500 Database Queries 30 14 8 10 9 DB Queries Time 0.,0123 0.0059 0.0039 0.0042 0.0042 Time To Build Page 22:09 20:37 21:02 27:18 19:51 What Conclusions Can We Draw About Page Builder Performance?,
les données sont là pour que vous puissiez vous interpréter. Mais voici quelques conclusions qui méritent d’être prises en compte:
les constructeurs de pages sont, dans une certaine mesure, un équilibre entre performances et fonctionnalités
sans surprise, SiteOrigin Page Builder a eu les meilleures performances dans presque tous les tests.
Mais voici la chose:
SiteOrigin Page Builder n’est pas seulement léger en ce qui concerne les performances – il est également léger en ce qui concerne les fonctionnalités.,
vous obtenez de meilleures performances que les autres constructeurs de page en sacrifiant en partie les fonctionnalités.
pour les performances, ce compromis pourrait en valoir la peine.
mais d’autres personnes pourraient être disposées à échanger un peu de performance contre une expérience de création de page plus puissante, et je ne pense pas qu’il y ait nécessairement quelque chose de mal à cela.
l’utilisateur moyen pourra créer une page plus complexe avec l’un des quatre autres constructeurs de pages.,
pour cette raison, je pense qu’il est préférable de rechercher un constructeur de page qui a les fonctionnalités dont vous avez besoin, puis de comparer les performances des constructeurs de page qui répondent à ces critères.
il n’y a pas de différences majeures entre les constructeurs de pages WordPress De Haute Puissance
si vous excluez SiteOrigin Page Builder et concentrez-vous simplement sur les constructeurs de pages plus riches en fonctionnalités, vous remarquerez qu’il n’y a pas une tonne de différence entre eux.,
vous pouvez certainement repérer quelques différences – Elementor est un peu lourd sur les requêtes et les requêtes de base de données, tandis que Beaver Builder offrait la plus petite taille de page.
mais dans l’ensemble, tous ces plugins ont clairement fonctionné pour optimiser les performances, ce qui explique probablement pourquoi ils sont les leaders du marché dans l’espace.
le verrouillage par Shortcode est une véritable considération
si vous choisissez un générateur de page à vie, vous n’avez pas à vous en soucier.,
mais si vous pensez qu’il y a une chance que vous puissiez changer (ou cesser d’utiliser) les constructeurs de page en cours de route, il est important de souligner que seuls deux de ces constructeurs de page laissent derrière eux un code complètement propre.
les deux plugins qui laissent derrière eux du code propre à 100% sont:
- Elementor
- Beaver Builder
SiteOrigin Page Builder laisse derrière lui principalement du code propre, mais il est laisse quelques shortcodes, notamment apparaître partout où j’ai utilisé des boutons.,
enfin, Divi Builder et WPBakery Page Builder laissent derrière eux un tas de shortcodes que vous devrez trouver un moyen de supprimer.
quelles sont vos expériences avec WordPress page Builders Performance?
bien sûr, la rapidité de votre site WordPress n’est qu’un facteur à prendre en compte lorsqu’il s’agit de trouver le meilleur constructeur de page pour votre site. Des choses comme la facilité d’utilisation, la qualité des modèles de page qu’ils incluent, la facilité de style des pages, les prix, le niveau de support et de nombreux autres facteurs entrent en jeu.,
Mais, ce que vous essayez finalement de produire est un beau site web qui se charge rapidement, de sorte que les performances de ces différents constructeurs de pages sont une considération critique.
quelles sont vos propres expériences avec ces plugins et performances WordPress page builder? Et plus important encore, où pensez-vous que l’équilibre devrait se situer entre les fonctionnalités et les performances? Pour un autre article d’opinion approfondi de Pippin Williamson sur les plugins page builder, consultez ceci.,
auteur
Colin Newcomer
Colin Newcomer est un écrivain indépendant à louer avec une formation en référencement et en marketing d’affiliation. Il aide les clients à accroître leur visibilité web en écrivant principalement sur le marketing numérique, WordPress et des sujets B2B.
