Elementor vs Divi Builder vs Beaver Builder: comparaison ultime pour 2020

TL; DR: Cet article est une comparaison détaillée d’Elementor vs Divi Builder vs Beaver Builder. Nous vous donnerons à la fois une vue d’ensemble facile à analyser, ainsi qu’un aperçu beaucoup plus approfondi des différentes zones de chaque constructeur de page.


Bien que les constructeurs de pages puissent être un sujet de division parmi les utilisateurs de WordPress inconditionnels, on ne peut nier l’effet massif qu’ils ont eu sur l’écosystème WordPress lorsqu’il s’agit de rendre la conception accessible aux utilisateurs réguliers..

Au-delà de cela, il semble parfois que chaque entreprise WordPress ait plongé ses orteils dans la création d’un constructeur de page à un moment donné. OK – légère hyperbole… mais il y a beaucoup de constructeurs de pages.

Dans cet article, nous voulons explorer trois de vos options les plus populaires: Elementor vs Divi Builder vs Beaver Builder

Elementor vs Divi Builder vs Beaver Builder

Au-delà de vous donner un aperçu des bases du fonctionnement de chaque générateur de page, nous voulons aller sous le niveau de la surface. Pour cette raison, nous allons également explorer des éléments tels que les options de style avancées, la fonctionnalité de conception réactive, le verrouillage du code, les performances du monde réel, la facilité d’utilisation, etc..

Au moment où vous aurez fini de lire cette comparaison, nous espérons que vous avez une compréhension approfondie de chaque plugin et, plus important, la confiance nécessaire pour choisir le générateur de page qui vous convient.

Elementor
Divi Builder
Beaver Builder

Table des matières:
Résumé en bref | Quel constructeur de page est le plus populaire? | Les interfaces comparées | Modules de contenu disponibles | Jusqu’où vous pouvez aller avec un style supplémentaire | Ces constructeurs sont-ils tous mobiles? | Les fonctionnalités uniques de chaque constructeur | Les modèles prédéfinis disponibles | Un regard sur la qualité du code et le verrouillage | Comparaison des performances | Un regard sur les prix | Comparaison de la facilité d’utilisation | Verdict final: quel constructeur choisir

Contents

Le résumé: Elementor vs Divi Builder vs Beaver Builder

Ok, nous allons tout couvrir de manière beaucoup plus détaillée. Mais avant de vous lancer un tas de tableaux de comparaison, d’images et de GIF spécifiques à une fonctionnalité, nous avons pensé qu’il pourrait être utile de vous donner un aperçu rapide d’Elementor vs Divi Builder vs Beaver Builder.

Si vous voulez juste les faits saillants, lisez ce tableau. Si vous voulez tous les détails, continuez à lire les 3000 mots suivants pour un regard beaucoup plus profond:

Elementor vs Divi Builder vs Beaver Builder

Elementor
Divi Builder
Beaver Builder

ElementorDivi BuilderBeaver Builder
Version gratuite?
Prix ​​de départ pour Pro$ 4989 $ US99 $
Facilité d’utilisation4,9 / 54,8 / 55/5
Visual Builder?
Édition en ligne?
# D’éléments officiels534631
Fonction la plus uniqueIntégrer n’importe oùTest A / BBeaver Themer
Modèles prédéfinis300+~ 114~ 56
Laisse un code propre?
Rang de performance3e1er2e

1.

Quel constructeur de page est le plus populaire?

Ce n’est pas censé être un aperçu définitif du générateur de pages le plus populaire car les chiffres font référence à des choses légèrement différentes.

Néanmoins, nous avons pensé que ce serait un exercice amusant de comparer les numéros d’utilisateurs publiés pour chaque constructeur de page. Voici comment ils s’empilent:

* Les numéros Elementor et Beaver Builder proviennent de WordPress.org, tandis que le numéro de Divi Builder provient du site Web Elegant Themes. En outre, le numéro du Divi Builder fait référence au nombre total de clients desservis par Elegant Themes, quelle que soit la raison pour laquelle ces clients se sont joints (pas seulement pour le constructeur).

(Graphiques par Visualizer Lite.)

2.

Un aperçu des interfaces du générateur de page principale – offrent-elles une véritable édition frontale?

Alors que les trois générateurs de pages de notre comparaison offrent une création de page frontale visuelle, ils ne s’y prennent pas tous de la même manière.

Dans cette section, nous allons examiner l’interface principale de chaque générateur de page et discuter de certaines des bizarreries qui les différencient les unes des autres.

Les interfaces d’édition de contenu dans les constructeurs de pages

Elementor
Divi Builder
Beaver Builder

Édition visuelle
Édition de texte en ligne
Panneau de commande de la barre latérale
Convivialité générale pour les débutantsFacile à ramasser tout de suitePrend quelques minutes pour comprendre l’interfaceFacile à ramasser tout de suite

Comparons maintenant ces aspects pour chaque constructeur un par un:

Un regard sur l’interface Elementor

Elementor divise son interface en deux parties principales:

  1. Une barre latérale gauche où vous pouvez ajouter de nouveaux éléments et modifier les paramètres des éléments existants
  2. Un aperçu visuel de votre page sur le côté droit

Elementor vs Divi Builder vs Beaver Builder: interface Elementor

Pour ajouter un nouvel élément à votre conception, il vous suffit de le faire glisser du côté gauche et vous verrez un aperçu en direct de l’aspect de l’élément sur votre page réelle:

Elementor vs Divi Builder vs Beaver Builder: glisser-déposer Elementor

Vous pouvez configurer de nouvelles colonnes à l’aide du Ajouter une nouvelle section bouton:

sections élémentaires

Pour modifier le contenu et le style d’un élément, il vous suffit de cliquer sur un certain élément et vous pourrez le modifier dans la barre latérale gauche. Toutes les modifications que vous apportez seront immédiatement visibles dans l’aperçu de votre site:

Comparaison d'édition d'Elementor pour Elementor vs Divi Builder vs Beaver Builder

Pour modifier le texte dans divers éléments, vous pouvez soit taper directement sur la page (modification en ligne), soit utiliser la zone de texte dans la barre latérale. Dans le passé, votre seule option était cette boîte de la barre latérale – mais à partir de novembre 2017, Elementor vous propose désormais également l’édition en ligne:

élément ou modification en ligne

Comme vous le verrez dans une seconde, Beaver Builder est le seul constructeur de pages de cette liste qui n’offre pas ce type de modification en ligne.

Un aperçu de l’interface de Divi Builder

Bien que Divi Builder propose également une interface d’édition backend, nous nous concentrerons sur l’éditeur visuel pour cette comparaison, car les éditeurs visuels sont ce que la plupart des utilisateurs préfèrent.

Contrairement à Elementor, où vous avez une distinction claire entre l’aperçu visuel de votre site et la barre latérale de contrôle Elementor, Divi Builder choisit de superposer toutes ses options au-dessus d’un aperçu visuel en direct.

Voici à quoi ressemble l’interface lorsque vous ouvrez le Divi Builder pour la première fois:

Elementor vs Divi Builder vs Beaver Builder: interface du constructeur divi

Pour ajouter un nouveau Module (Nom de Divi Builder pour les éléments), vous utiliserez les différents + Icônes:

Elementor vs Divi Builder vs Beaver Builder: ajout d'un module à divi builder

Comme Elementor, vous pouvez taper directement sur la page pour modifier le texte de vos conceptions, bien que l’édition en ligne d’Elementor soit un peu plus flexible dans les éléments qu’elle prend en charge.

Et vous pouvez également réorganiser les modules en utilisant le glisser-déposer:

modification du générateur de texte divi

Pour les modules non textuels, vous utiliserez souvent une boîte contextuelle pour modifier le module plutôt que de taper directement dans la page, bien que.

Un aperçu de l’interface de Beaver Builder

En termes d’interface, Beaver Builder a plus en commun avec Elementor qu’avec Divi Builder.

Comme Elementor, Beaver Builder a une barre latérale qui répertorie tous les modules disponibles. Pour ajouter un module à votre page, il vous suffit de le glisser-déposer depuis la barre latérale droite dans votre page en direct:

Elementor vs Divi Builder vs Beaver Builder: ajout de module castor builder

Comme vous pouvez le voir à la fin du GIF, cependant, Beaver Builder utilise une interface différente pour éditer les modules, optant pour une fenêtre contextuelle comme Divi Builder.

Une grande chose à propos de Beaver Builder est que vous pouvez créer automatiquement de nouvelles colonnes simplement en faisant glisser un module à côté d’un autre, alors que Divi Builder et Elementor vous obligent à créer manuellement de nouvelles colonnes avant de pouvoir ajouter de nouveaux éléments. C’est une petite chose – mais cela rend le processus de conception un peu plus fluide.

Elementor vs Divi Builder vs Beaver Builder: création de colonnes castor builder

3.

Quel type de modules de contenu vous pouvez utiliser pour créer vos pages avec

Les éléments ou modules (les termes sont souvent utilisés de manière interchangeable) sont une partie importante d’un constructeur de page car ils sont les blocs de construction réels de vos conceptions.

Dans les comparaisons d’interface ci-dessus, vous avez vu deux types de modules:

  • Texte
  • Bouton

Mais la plupart des constructeurs de pages proposent également des listes d’éléments beaucoup plus longues qui vous donnent plus d’éléments de niche comme:

  • Témoignages
  • Formulaires de contact
  • Tableaux de prix, et plus

Voici le nombre total de modules actuellement disponibles pour chacun:

Le nombre de modules disponibles dans les constructeurs de pages

Elementor
Divi Builder
Beaver Builder

# D’éléments officiels534631
Utilisez les widgets WordPress?✅ mais pas facilement. Plus compliqué que les autres modules
Éléments complémentaires tiers?

Étant donné que chacun de ces générateurs de pages propose un grand nombre de modules, nous n’allons pas nous concentrer sur les modules qui sont tous identiques. Au lieu de cela, nous essaierons de mettre en évidence certaines des différences entre Elementor vs Divi Builder vs Beaver Builder pour les types de modules plus avancés.

Autrement dit, voici quelques-uns des modules notables qui sont ne pas partagé par les trois créateurs de pages:

Modules * NON * partagés par les trois constructeurs de pages Module
Elementor
Divi Builder
Beaver Builder
Flip Box
Lecteur audio dédié✅ Soundcloud❌ mais peut utiliser un widget
Titre animé
Portefeuille
Boutons de partage social
Icônes de suivi social
S’identifier
Commentaires Facebook
Personne / membre de l’équipe
Commentaires natifs

Beaver Builder a certainement le plus "Non" réponses sur la liste… mais ce n’est pas nécessairement un dealbreaker.

Beaver Builder comprend toujours tous les modules fondamentaux que vous êtes susceptible d’utiliser quotidiennement – il se peut qu’il ne soit pas en mesure de rivaliser avec les modules plus spécialisés que les deux autres proposent.

4.

Jusqu’où vous pouvez aller avec un style supplémentaire dans chaque constructeur

Alors que les créateurs de pages essaient de rendre la conception aussi simple que possible, il est presque inévitable que vous souhaitiez faire plus de style que de faire glisser un module dans votre conception et de l’appeler un jour.

Pour cette raison, vous souhaiterez un générateur de page qui vous donne plus de contrôle sur l’apparence et le positionnement de vos différents éléments et sections. C’est, potentiellement, où vous allez trouver les plus grandes différences entre Elementor vs Divi Builder vs Beaver Builder.

En bref, Elementor et Divi Builder offrent les options de style les plus avancées, bien que Beaver Builder ne soit pas loin derrière.

Options de style dans les générateurs de pages

Elementor
Divi Builder
Beaver Builder

Style de base
Marges / rembourrage personnalisés
Polices / typographie personnalisées
Ajouter directement du CSS personnalisé au module
Gouttières sur mesure

Voici tout en détail:

Options de style avancées Elementor

Lorsque vous cliquez sur un élément ou une section dans Elementor, vous obtenez trois onglets dans la barre latérale Elementor:

  • Contenu – vous permet de spécifier le contenu de base et les paramètres d’alignement
  • Style – vous permet de définir des éléments tels que les polices, les couleurs, les bordures, etc. (en fonction de l’élément)
  • Avancée – vous permet d’ajouter des marges / rembourrages personnalisés, de modifier les index Z, les animations d’entrée, les identifiants CSS personnalisés / le code CSS personnalisé, etc.

Élément ou options de style avancées

De même, vous avez beaucoup de contrôle sur les sections, y compris la possibilité de définir des gouttières, des largeurs, etc.:

style élémentaire avancé

Options de style avancées de Divi Builder

Chaque fois que vous cliquez sur le Équipement icône d’un module ou d’une section dans Divi Builder, vous verrez une fenêtre contextuelle avec des options de paramètres plus avancés.

Comme Elementor, Divi Builder vous propose trois onglets différents pour gérer vos modules, bien que le contenu contenu dans chaque onglet varie légèrement:

  • Contenu – vous permet de définir le texte et les options de mise en forme de base
  • Conception – vous permet de modifier les polices, les bordures, les marges / rembourrages personnalisés, le dimensionnement, etc.
  • Avancée – vous permet d’ajouter des identifiants CSS ou CSS personnalisés, ainsi que de modifier les paramètres de conception réactifs

Comme vous pouvez le voir, il y a beaucoup de chevauchement avec Elementor ici. Les deux constructeurs de pages vous donnent beaucoup de contrôle sur des modules spécifiques sur votre site:

style avancé de divi builder

De même, vous pouvez également ajouter un style avancé aux lignes et aux sections, notamment des largeurs de gouttière personnalisées, des hauteurs de colonne égalisées, etc.:

style divi builder

Options de style avancées de Beaver Builder

Comme Divi Builder, Beaver Builder vous permet d’ajouter un style supplémentaire à un module ou une section en affichant une fenêtre contextuelle.

Et encore une fois, comme Elementor et Divi Builder, vous obtenez trois onglets différents (bien que certains modules aient moins d’onglets):

  • Général – vous permet de définir le contenu et les fonctionnalités de base
  • Style – vous permet de choisir les couleurs, l’alignement de base, la taille de la police, etc.
  • Avancée – vous permet d’ajouter des marges personnalisées, des paramètres réactifs, la visibilité du rôle utilisateur, des animations et des identificateurs CSS

options de style avancées de castor builder

Beaver Builder 2.0 a ajouté quelques options de style supplémentaires, telles que la possibilité de choisir rapidement entre des styles plats, dégradés ou transparents pour certains éléments (par exemple, les boutons).

Une fonction qui fait encore défaut ici est la possibilité d’ajouter du code CSS personnalisé directement au module. Mais, Beaver Builder a une option intéressante qu’aucun des deux autres constructeurs de pages n’a:

La possibilité de masquer ou d’afficher un certain module selon qu’un utilisateur est connecté ou non à votre site WordPress.

Vous pouvez également ajouter un style avancé aux lignes et aux colonnes, bien que les paramètres ne soient pas aussi détaillés qu’Elementor et Divi Builder, car Beaver Builder n’a pas la possibilité d’ajouter un style plus avancé comme les espaces de colonne:

paramètres de ligne du générateur de castor

5.

Ces constructeurs sont-ils tous mobiles?

En raison de l’importance de la conception réactive, vous voulez un constructeur de page qui vous permette d’ajouter des fonctionnalités de conception réactive à vos pages.

Ci-dessous, vous trouverez une comparaison des différentes fonctionnalités de conception réactive proposées dans Elementor vs Divi Builder vs Beaver Builder:

Fonctionnalités de conception réactives dans les créateurs de pages

Elementor
Divi Builder
Beaver Builder

Afficher / masquer le contenu en fonction de l’appareil
Différentes marges en fonction de l’appareil
Différentes tailles de police en fonction de l’appareil
Points d’arrêt personnalisés❌ (mais il y a un ticket à ce sujet)✅ mais uniquement à l’échelle du site. Pas pour les pages individuelles

De plus, il convient de souligner que Utilisateurs Elementor semblent beaucoup apprécier les capacités de conception mobile du constructeur. Voici un commentaire que nous avons obtenu d’un rapide sondage Facebook que nous avons fait (le Q: "Quels sont les 1 à 3 principaux éléments qui vous ont convaincu d’utiliser Elementor au lieu des autres plugins de construction populaires?"):

enquête Elementor mobile

6.

Quelles fonctionnalités uniques chaque constructeur de pages offre-t-il?

Avec les créateurs de pages WordPress, il y a beaucoup de choses identiques…

Bien sûr, il y a beaucoup de petites différences dans les comparaisons ci-dessus – mais les interfaces de création de pages principales sont assez similaires. C’est-à-dire que vous faites glisser et déposez des éléments sur une page et que vous les stylisez au besoin.

Mais maintenant, nous voulons explorer certaines des caractéristiques uniques d’Elementor vs Divi Builder vs Beaver Builder. Ce sont des choses qui vont au-delà de l’interface de création de page habituelle et qui ajoutent de nouvelles fonctionnalités utiles. Et ils pourraient également vous aider à prendre votre décision en ce qui concerne Elementor vs Divi Builder vs Beaver Builder.

Caractéristiques uniques d’Elementor

Elementor a fait un excellent travail en créant des fonctionnalités uniques qui le différencient de la concurrence. En voici quelques-uns:

  • Intégrer n’importe où – vous permet d’utiliser des widgets et des shortcodes pour intégrer des conceptions Elementor n’importe où dans votre site, y compris les barres latérales, les pieds de page et d’autres zones.
  • Mode maintenance / à venir – vous permet d’utiliser Elementor pour concevoir un mode de maintenance ou une page à venir et activer réellement ces pages directement à partir de l’interface Elementor.
  • Séparateurs de forme – un effet de conception cool qui vous permet d’ajouter des formes SVG à vos conceptions directement à partir de l’interface Elementor.

Elementor vs Divi Builder vs Beaver Builder: séparateurs de forme Elementor

Fonctions uniques de Divi Builder

Ne pas être en reste – Divi Builder a une fonctionnalité intégrée incroyablement puissante:

Tests fractionnés.

Divi Builder vous permet de configurer facilement des tests A / B / n pour des modules spécifiques à partir de l’interface du backend builder. Vous pouvez ensuite comparer les effets de ces modules sur un objectif spécifique pour choisir la version qui fonctionne le mieux:

Elementor vs Divi Builder vs Beaver Builder: tests fractionnés de divi builder

Les autres caractéristiques uniques comprennent:

  • Éditeur de rôle Divi – vous permet de restreindre l’accès à certaines fonctionnalités de Divi Builder (ou même à des modules spécifiques) en fonction des rôles d’utilisateur. Les deux autres générateurs de pages incluent des restrictions de rôle de base – mais ils sont loin d’être aussi détaillés que Divi Builder.
  • Éléments de verrouillage – une autre fonctionnalité utile est la possibilité de "fermer à clé" certains modules pour éviter de modifier accidentellement un module fini.
  • Copier le style du module – au lieu de dupliquer un module entier, Divi Builder vous permet de copier uniquement le style.

En fait, nous pouvons simplement mettre la plupart des "clic-droit" options ici. Aucun des autres générateurs de pages ne vous permet de cliquer avec le bouton droit pour apporter des modifications:

fonction de clic droit divi

Caractéristiques uniques de Beaver Builder

L’une des fonctionnalités les plus uniques de Beaver Builder est le module complémentaire Beaver Themer récemment publié. Ce module complémentaire est un achat distinct, mais il vous permet essentiellement d’utiliser la même interface Beaver Builder pour créer l’intégralité de votre thème, y compris les en-têtes, les dispositions de publication unique, etc..

De plus, Beaver Builder est le seul plugin à inclure une fonctionnalité d’étiquette blanche par défaut. Bien que les utilisateurs occasionnels ne se soucient pas de cette fonctionnalité, de nombreux développeurs WordPress trouvent cela important.

7.

Quel type de modèles prédéfinis chaque constructeur de pages propose-t-il?

Bien que le grand attrait des constructeurs de pages soit que vous pouvez créer vos propres conceptions à partir de zéro, vous n’êtes pas obligé de le faire. C’est parce que chacun de ces créateurs de pages est livré avec une bibliothèque de mises en page prédéfinies.

Modèles de conception disponibles dans les générateurs de pages

Elementor
Divi Builder
Beaver Builder

Nombre de dispositions prédéfinies100+~ 42~ 56

Dispositions prédéfinies Elementor et fonctionnalité de bibliothèque

L’un des arguments de vente d’Elementor est qu’il est livré avec plus de 100 modèles prédéfinis. Ces modèles couvrent tout:

  • Page d’accueil
  • Pages de destination
  • Pages de contact
  • Pages de liste de services
  • Pages de tarification
  • Pages à venir
  • Pages de connexion

Et pour chaque type de page, vous avez souvent des designs ciblés vers des niches spécifiques. Si cela ne suffit pas, vous pouvez également trouver de nombreux autres modèles Elementor sur le Web.

Elementor vs Divi Builder vs Beaver Builder: modèles Elementor

Vous pouvez également enregistrer vos propres conceptions de page (ou conceptions de section / ligne) dans la bibliothèque Elementor pour les réutiliser rapidement.

Dispositions prédéfinies et fonctionnalités de bibliothèque de Divi Builder

Divi Builder est livré avec environ 42 dispositions prédéfinies. Plutôt que de se concentrer sur des niches spécifiques comme les modèles Elementor, les mises en page de Divi Builder sont des types de page plus généraux que vous pouvez personnaliser selon vos besoins (en plus, plusieurs mises en page Divi tierces sont disponibles sur le Web):

Elementor vs Divi Builder vs Beaver Builder: modèles de constructeur de divi

Comme Elementor, vous pouvez également enregistrer des modules, des sections ou des conceptions complètes dans votre bibliothèque pour les réutiliser rapidement si nécessaire.

Mises en page et fonctionnalités de bibliothèque prédéfinies de Beaver Builder

Beaver Builder comprend ~ 56 modèles prédéfinis répartis en deux catégories:

  • Pages de destination
  • Pages de contenu

Les modèles de page de destination sont divisés en niches spécifiques, tandis que les pages de contenu sont généralement un peu plus générales:

Elementor vs Divi Builder vs Beaver Builder: modèles de constructeur de castors

Comme les deux autres générateurs de pages, vous pouvez également enregistrer vos propres sections ou pages dans la bibliothèque pour les réutiliser au besoin.

Qui a les meilleurs modèles? Tweetez ici:

8.

Un regard sur la qualité du code et le verrouillage pour chaque constructeur de page

Les constructeurs de pages obtiennent un mauvais coup avec de nombreux développeurs en ce qui concerne la qualité du code. En outre, certains générateurs de pages basés sur des codes courts (comme Divi Builder) peuvent provoquer "verrouillage," si vous désactivez le plugin, votre contenu devient un gâchis de shortcodes.

Dans cette section, nous allons examiner deux choses:

  • Quel type de code produit le plugin?
  • Que se passe-t-il si vous avez besoin de désactiver le plugin?

Pour ce faire, nous allons créer une conception et une mise en page similaires pour chaque générateur de page. Ensuite, nous verrons à quoi ressemble le code entre Elementor vs Divi Builder vs Beaver Builder et, plus important encore, ce qui se passe si vous désactivez le plugin.

Juste au cas où vous seriez intéressé, voici les designs que j’ai utilisés avec chaque constructeur:

Conception de page Divi BuilderElementor vs Divi Builder vs Beaver Builder: exemple de constructeur de divi
Conception de pages Beaver BuilderElementor vs Divi Builder vs Beaver Builder: exemple de constructeur de castor

Alerte spoil; Elementor et Beaver Builder laissent derrière eux le code le plus propre, tandis que Divi Builder a un problème de shortcode malheureux.

Qualité du code Elementor et verrouillage

Voici à quoi ressemble le code d’Elementor lorsqu’il est activé:

Elementor vs Divi Builder vs Beaver Builder: code elementor

Et voici ce qui arrive à votre mise en page et à votre code si vous désactivez Elementor:

élément ou code désactivé

Pas mal! Pendant que vous perdez tout le formatage et les icônes fantaisie, Elementor laisse derrière lui du code propre qui préserve au moins le formatage de base comme

balises et listes. Vous ne pouvez pas demander beaucoup plus à un constructeur de pages.

Le fait qu’Elementor ne vous enferme pas a également été souligné comme l’un des principaux atouts du constructeur dans un rapide sondage Facebook que nous avons effectué (le Q: "Quels sont les 1 à 3 principaux éléments qui vous ont convaincu d’utiliser Elementor au lieu des autres plugins de construction populaires?"):

enquête sur les shortcodes Elementor

Qualité du code Divi Builder et verrouillage

Bien qu’il soit activé, le code de Divi Builder ressemble beaucoup à Elementor:

Elementor vs Divi Builder vs Beaver Builder: code du constructeur divi

Cependant, si vous désactivez Divi Builder, vous avez une mauvaise surprise…

constructeur divi désactivé

Aie! C’est un gâchis de shortcodes. C’est pourquoi certaines personnes critiquent Divi pour son problème de verrouillage.

Qualité du code Beaver Builder et verrouillage

Bien qu’il soit actif, le code de Beaver Builder ressemble assez aux deux autres:

Elementor vs Divi Builder vs Beaver Builder: code du constructeur de castors

Lorsque vous le désactivez, il laisse un code propre comme Elementor. En fait, pour autant que je sache, le code laissé derrière est à peu près identique à Elementor:

constructeur de castors désactivé

9.

Elementor vs Divi Builder vs Beaver Builder comparés sur les performances

Lié à la qualité du code, une autre considération importante est la façon dont chaque générateur de page affecte les performances. Ce qui est plus intéressant que les temps de chargement des pages brutes, c’est la taille de la page et le nombre de demandes.

Pour tester cela entre Elementor vs Divi Builder vs Beaver Builder, nous prendrons nos exemples ci-dessus et les exécuterons dans Pingdom pour collecter les temps de chargement des pages et d’autres données pertinentes. Remarque – le site de test n’exécute pas la mise en cache ou toute autre optimisation de la vitesse de la page.

Elementor vs Divi Builder vs Beaver Builder: comparaison des performances

Elementor
Divi Builder
Beaver Builder

Temps de chargement1,47 secondes1,32 secondes1,38 secondes
Taille de la page698,2 kB606,0 kB639,0 kB
Demandes433033

Bien que les temps de chargement des pages soient trop proches pour tirer une conclusion, nous pouvons dire que, au moins pour cette mise en page de test, Divi Builder était le plus optimisé en termes de taille de page et de nombre de demandes.

Pour être honnête, nous savons que ce résultat est susceptible de provoquer une certaine controverse…mais c’est ce que les chiffres disaient quand nous avons fait le test.

Pour référence:

Performance ElementorElementor vs Divi Builder vs Beaver Builder: performances Elementor
Performances de Divi BuilderElementor vs Divi Builder vs Beaver Builder: performances du constructeur divi
Performances de Beaver BuilderElementor vs Divi Builder vs Beaver Builder: performances du constructeur de castors

Comme toujours avec ce genre de choses, votre kilométrage peut varier et il semble que les deux autres constructeurs soient également félicités pour leurs performances..

Par exemple, voici ce que Groupe de constructeurs de castors sur Facebook devait dire sur le sujet:

enquête Beaver Builder

dix.

Un aperçu des prix pour chaque constructeur de page

Elementor et Beaver Builder fonctionnent sur un modèle freemium, tandis que Divi Builder fait exclusivement partie de l’adhésion Elegant Themes.

Des deux plugins freemium, Elementor propose la version gratuite la plus riche en fonctionnalités. Elementor propose également la version Pro la moins chère, bien que ce plan le moins cher ne prenne en charge qu’un seul site, tandis que les plans Divi Builder et Beaver Builder prennent en charge un nombre illimité de sites.

Voici comment tout s’empile:

Elementor vs Divi Builder vs Beaver Builder: Tarification

Elementor
Divi Builder
Beaver Builder

* Pour vos 89 $, vous avez accès à tous les produits vendus par Elegant Themes, ce qui augmente le rapport qualité-prix.
Version gratuite?
Prix ​​de départ Pro$ 4989 $ *99 $
Plan de sites illimités?
Plan de mises à jour à vie?

11.

Facilité d’utilisation: à quel point il est facile de démarrer avec chaque constructeur de page

Cette section était étonnamment difficile à écrire, car il est difficile de mettre de côté mes préjugés en tant que personne qui utilise et écrit sur WordPress tous les jours. Autrement dit, ce que je considère "facile" ne correspond pas toujours à ce qu’un utilisateur WordPress occasionnel trouve "facile."

En général, je pense que les trois sont conviviaux et faciles à démarrer. Mais si je devais les classer, je les mettrais dans cet ordre:

Beaver Builder

Je pense que pouvoir créer de nouvelles colonnes par glisser-déposer, il est facile de commencer à construire immédiatement.

Note de facilité d’utilisation de l’auteur: 5/5

Divi Builder

Bien que l’interaction entre les sections, les lignes et les modules puisse être un peu déroutante au début, j’ai parlé à de nombreux débutants qui trouvent que l’édition de texte en ligne de Divi Builder est super intuitive.

Note de facilité d’utilisation de l’auteur: 4,8 / 5

Elementor

Depuis qu’Elementor a introduit l’édition en ligne, ma seule vraie plainte est qu’il n’est pas aussi facile de créer de nouvelles colonnes que Beaver Builder. Pourtant, c’est un ding mineur, et si vous appréciez fortement l’édition en ligne, vous pourriez probablement plaider pour Elementor étant # 1.

Note de facilité d’utilisation de l’auteur: 4,9 / 5

Encore une fois – les différences entre chacune ne sont en aucun cas énormes et, en général, je les trouve toutes faciles à utiliser.

Une autre chose à noter qui est également liée au thème de la facilité d’utilisation est la qualité du support client / utilisateur. Fondamentalement, votre expérience globale avec un constructeur donné dépend fortement de la facilité avec laquelle vous pouvez comprendre certains aspects non évidents du constructeur ou de la volonté d’aider l’équipe de support..

Cependant, cela est assez difficile à évaluer et n’apparaît qu’après avoir utilisé votre générateur pendant un certain temps. Vous trouverez probablement de bonnes et de mauvaises critiques pour les trois équipes de support – Elementor, Divi Builder et Beaver Builder.

En voici un (Elementor):

enquête Elementor support

Elementor vs Divi Builder vs Beaver Builder: lequel choisir?

Bien que vous puissiez toujours utiliser vous-même chacun de ces constructeurs de pages et voir lequel est le plus approprié, nous supposons que vous lisez probablement cet article parce que vous voulez que nous vous aidions à ce sujet. Alors, qui est le bon pour vous entre Elementor vs Divi Builder vs Beaver Builder?

En général, Elementor et Beaver Builder partagent plus en commun qu’ils ne le font avec Divi Builder.

Pour cette raison, il est plus facile de faire une distinction significative entre Elementor / Beaver Builder et Divi Builder. Faire la différence entre Elementor et Beaver Builder est un peu plus difficile.

On va quand même essayer…

Tout comme avec notre comparaison Divi vs Avada vs X Theme, nous allons vous demander laquelle des affirmations suivantes vous convient le mieux:

(UNE)

  • J’aime pouvoir éditer du texte directement sur la page (édition en ligne).
  • Je veux autant de styles avancés et d’options de conception réactives que possible.
  • Je veux autant de modèles prédéfinis que possible.
  • Il est essentiel que mon constructeur de page laisse un code propre si je le désactive.

Cliquez ici pour révéler Elementor

(B)

  • J’aime pouvoir éditer du texte directement sur la page (édition en ligne).
  • J’aime optimiser mes conceptions avec des tests fractionnés.
  • Je ne prévois pas de changer de constructeur de page – une fois que j’en choisirai un, je l’utiliserai pendant longtemps.
  • J’apprécie d’avoir une énorme communauté tierce vers laquelle je peux me tourner pour obtenir de l’aide.

Cliquez ici pour révéler Divi Builder

(C)

  • J’aime l’idée de construire tout mon thème avec un constructeur de page
  • Je pense qu’il est utile de pouvoir créer des conceptions à plusieurs colonnes par glisser-déposer
  • Il est essentiel que mon constructeur de page laisse un code propre si je le désactive.

Cliquez ici pour révéler Beaver Builder

Et cela complète notre comparaison entre Elementor vs Divi Builder vs Beaver Builder. Maintenant, nous voulons avoir de vos nouvelles – quelles sont vos pensées sur ces trois excellents constructeurs de pages? Préférez-vous l’un par rapport aux autres? Pensez-vous qu’il y a une importante caractéristique de différenciation que nous avons manquée?

Faites le nous savoir dans les commentaires!

N’oubliez pas de rejoindre notre cours accéléré sur l’accélération de votre site WordPress. Avec quelques correctifs simples, vous pouvez réduire votre temps de chargement de 50 à 80%:

Texte original de Colin Newcomer et Karol K.
Mise en page et présentation par Karol K.

* Ce message contient des liens d’affiliation, ce qui signifie que si vous cliquez sur l’un des liens vers les produits, puis achetez le produit, nous recevrons une somme modique. Pas de soucis cependant, vous paierez toujours le montant standard donc il n’y a pas de frais de votre part.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

    Like this post? Please share to your friends:
    Adblock
    detector
    map