Vous essayez de choisir entre Divi et Astra pour votre thème WordPress?
Divi et Astra sont deux des thèmes polyvalents WordPress les plus populaires. Et ils sont vraiment polyvalents – vous pouvez utiliser les deux pour tout créer, des blogs aux sites Web d’entreprise, aux magasins de commerce électronique, aux cours en ligne, etc.
Mais bien qu’ils partagent cette similitude, ils se rapprochent de la construction d’un site WordPress de manières légèrement différentes, vous voudrez donc vraiment réfléchir au thème qui convient à vos besoins.
Pour vous aider à prendre votre décision, nous avons écrit cette comparaison approfondie de Divi vs Astra.
Dans cet article, nous visons à comparer les fonctionnalités les plus importantes qui devraient faire une différence dans votre décision.
À cette fin, nous ferons ce qui suit:
- Mettez en évidence la différence de mise au point entre Divi et Astra.
- Il vous montre l’expérience utilisateur de chaque sujet, avec un bref aperçu de ce que c’est que de créer un site Web avec chacun d’eux.
- Faites nos propres tests de performances pour comparer les performances d’Astra à celles de Divi.
- Discutez des différences de prix (il existe de nombreuses permutations!).
- Donnez notre recommandation générale sur qui devrait choisir Divi et qui devrait choisir Astra.
Il y a beaucoup à couvrir, alors approfondissons.
Divi vs Astra Introduction: deux approches différentes
À un niveau élevé, Divi et Astra sont conçus pour vous offrir une flexibilité de conception complète avec une combinaison de:
- Options de style et de mise en page détaillées dans WordPress Customizer.
- Constructeurs de pages visuels, glisser-déposer (ou l’éditeur de blocs WordPress) pour concevoir votre propre contenu.
Cependant, ils font les choses de différentes manières.
Divi
Divi vous offre tout dans un seul paquet. En installant uniquement le thème Divi, vous avez accès à:
- Le constructeur de page Divi visuel, glisser-déposer.
- Création visuelle de thèmes par glisser-déposer, également via Divi Builder.
- De nombreuses options de personnalisation WordPress en temps réel.
- Une zone de paramètres de thème détaillée dans le backend WordPress.
Avec la dernière version de Divi, vous pouvez passer à la création de thèmes complets, vous permettant de concevoir 100% de votre site, y compris les modèles d’en-tête, de pied de page et de publication / page, à l’aide de l’interface visuelle de glisser-déposer de Divi Builder.
Fondamentalement, Divi est un package qui vous donne tout ce dont vous avez besoin pour concevoir votre site Web.
Bien sûr, cela signifie également que vous obtenez tout, peu importe quoi. Par exemple, même si vous préférez utiliser l’éditeur de blocs WordPress, vous obtenez toujours Divi Builder. C’est une distinction importante lors de la comparaison de Divi avec Astra.
Caractéristiques principales de Divi:
- Polyvalent.
- Générateur de page visuel par glisser-déposer intégré pour les publications et les pages.
- Création visuelle intégrée de thèmes de glisser-déposer pour les en-têtes, pieds de page et modèles.
- Paramètres de thème dans WordPress Customizer (ou vous pouvez utiliser Divi pour tout construire).
- Plus de 164 packages de conception importables (essentiellement des sites de démonstration pré-construits).
- Compatibilité WooCommerce.
- Tests A / B intégrés via Divi Builder.
- Il est disponible en version thème et module complémentaire.
Astra
Astra, d’autre part, n’est qu’un thème WordPress. En d’autres termes, le développeur Astra n’inclut pas son propre générateur de page de glisser-déposer visuel.
Au lieu de cela, Astra est conçu pour bien jouer avec n’importe quel plugin de création de page. Les trois intégrations les plus étroites sont pour Elementor, Beaver Builder et Brizy, car Astra est livré avec des sites de démonstration importables créés avec ces constructeurs de pages.
Cependant, vous pouvez utiliser littéralement n’importe quel plugin de création de page, vous pouvez même utiliser la version du plugin Divi si vous le souhaitez!
Ou vous pouvez l’utiliser avec l’éditeur de blocs WordPress normal – vous n’êtes certainement pas obligé d’installer un générateur de pages. Astra comprend même des sites de démonstration majeurs créés uniquement avec l’éditeur de blocs Gutenberg.
À première vue, il peut sembler que Divi vous offre plus de fonctionnalités … et c’est vrai.
Cependant, si vous souhaitez ajouter les mêmes fonctions à Astra, tout ce que vous avez à faire est d’installer l’un des générateurs de pages que Astra combine si bien.
En vous donnant la possibilité de choisir votre propre éditeur, Astra est en fait un peu plus flexible que Divi, où votre seule option est d’utiliser Divi Builder.
Caractéristiques principales d’Astra:
- Polyvalent.
- Version gratuite sur WordPress.org.
- Léger de moins de 50 Ko, sans dépendances jQuery.
- Plus de 280 sites de démonstration importables créés avec l’éditeur de blocs, Elementor, Beaver Builder ou Brizy (certains sites de démonstration sont dupliqués dans différents éditeurs, donc le nombre de démos uniques est inférieur à 280).
- Options de style et de mise en page détaillées dans le personnalisateur WordPress en temps réel.
- Contrôles au niveau de la page pour vous aider à intégrer les plugins du générateur de page.
- Compatibilité WooCommerce et paramètres spéciaux.
- Intégrations spéciales pour LifterLMS et LearnDash pour créer des cours en ligne.
Divi vs Astra: expérience utilisateur
Plutôt que d’essayer de comparer chaque fonctionnalité essentielle dans le résumé, je pense qu’il pourrait être plus utile de passer en revue ce que c’est que de créer un site Web WordPress avec Divi et Astra.
Je garderai cette section de haut niveau, mais elle devrait illustrer les différences d’approche.
Divi
Il existe trois façons principales de travailler avec le thème Divi:
- Divi Builder – Ceci est le générateur visuel de glisser-déposer. Vous pouvez l’utiliser pour concevoir votre contenu, ainsi que votre en-tête, pied de page et autres modèles. Vous passerez la plupart de votre temps dans Divi Builder. Vous pouvez essayer une démo ici pour vous faire une idée..
- Personnalisateur de thème – Vous utiliserez le personnalisateur de thème pour contrôler le thème Divi. Avec l’avènement de Divi Theme Builder, vous ne pouvez plus l’utiliser autant, mais choisissez plutôt de créer vos modèles avec le générateur.
- Options de thème Divi – C’est un autre domaine où vous pouvez contrôler les options du thème Divi qui ne sont pas dans le Customizer. Vous ne passerez pas autant de temps ici.
À partir de Divi 4.0, il existe deux façons de contrôler la disposition de base de votre thème.
Tout d’abord, vous pouvez utiliser le personnalisateur WordPress, qui est le moyen “normal” de contrôler le thème Divi (et comment il contrôle la plupart des thèmes WordPress, y compris Astra).
Vous aurez une variété d’options dans la barre latérale pour contrôler votre:
- En-tête et navigation
- Pied de page
- Présentation du blog
- Boutons
- Schémas de couleurs
- Styles mobiles
- Etc.
Pour certaines autres options, vous pouvez utiliser la zone Options du thème Divi en arrière-plan:
Cependant, à partir de Divi 4.0, Divi inclut également la création de thèmes complète.
Avec la création de thème, vous pouvez concevoir vos modèles de thème à l’aide du Divi Builder visuel par glisser-déposer.
Si vous allez à Divi → Générateur de thèmeVous pourrez ajouter vos propres modèles pour “remplacer” de nombreux paramètres du personnalisateur WordPress. En d’autres termes, vous pouvez concevoir votre propre modèle d’en-tête qui remplace l’en-tête que vous avez configuré dans le personnalisateur de thème:
Lorsque vous créez votre en-tête, vous pouvez utiliser des modules dédiés pour insérer des éléments importants. Par exemple, lui Menu Le module vous permet d’insérer le menu de navigation que vous avez configuré en visitant Apparence → Menus.
Pour les publications et les pages, vous pouvez également utiliser Divi Builder.
Ici, vous aurez accès à des centaines de packages de conception, qui sont essentiellement des ensembles de modèles thématiques qui vous aident à créer un site complet. Fondamentalement, il s’agit de la version Divi des sites de démonstration importables.
Par exemple, le package de conception pour un site Web de gym comprendrait des modèles pour:
- Page principal
- À propos de la page
- Liste des classes
- Emplacements
- Etc.
Et voilà: la version rapide de ce que c’est que de créer un site WordPress avec Divi.
Astra
L’expérience utilisateur d’Astra est un peu plus rationalisée car elle n’inclut pas son propre générateur de page.
Après avoir installé le thème, vous pouvez installer le module complémentaire WordPress.org Starter Templates pour accéder à tous les sites de démonstration Astra.
Vous devez d’abord choisir votre éditeur de contenu préféré. Tout le contenu du site de démonstration sera créé avec cet éditeur. Vous avez quatre options:
- L’éditeur de blocs WordPress natif (Gutenberg)
- Générateur de pages Elementor
- Générateur de pages Beaver Builder
- Générateur de pages Brizy
Par exemple, voici tous les sites de démonstration de l’éditeur de blocs WordPress:
Lorsque vous importez un site de démonstration, vous pouvez importer l’intégralité du site et tous les paramètres du Customizer. Ou, vous ne pouvez importer que des parties spécifiques du site de démonstration.
Pour personnaliser le thème Astra, vous utiliserez le personnalisateur WordPress en temps réel:
Astra vous propose des options ici, surtout si vous achetez Astra Pro.
Enfin, si vous avez importé le contenu de la démonstration, vous pouvez le personnaliser avec l’éditeur que vous avez sélectionné.
Par exemple, si vous choisissez des modèles Gutenberg, vous pouvez tout modifier à l’aide de l’éditeur de blocs WordPress natif.
Encore une fois, si vous souhaitez ajouter la création de page par glisser-déposer visuel et / ou la création de thème à Astra, vous devez également le coupler avec un plugin de création de page WordPress distinct.
Divi vs Astra: performances
En tant que fondement de votre site WordPress, votre thème jouera toujours un rôle dans la vitesse de chargement de votre site.
À cette fin, plongeons-nous dans une comparaison entre les performances d’Astra et de Divi.
Tout d’abord, je vais tester chaque thème dans une nouvelle installation WordPress avec juste le “Hello world!” Envoyer.
Je pense que c’est la façon la plus juste de comparer l’optimisation / les performances prêtes à l’emploi de chaque thème.
Cependant, ce n’est pas un test du monde réel très réaliste car il s’agit essentiellement d’un site vide. Dans le monde réel, votre site sera beaucoup plus occupé.
Pour essayer d’approximer cela, je ferai un deuxième test avec un site de démonstration important pour chaque sujet. Ce test ne sera pas aussi équitable car les sites de démonstration ne sont pas identiques. Cependant, je vais essayer de choisir des sites de démarrage plus ou moins identiques.
Pour référence, voici comment je teste:
- Utilisation de WebPageTest.
- Exécution de six tests distincts et prise de la valeur moyenne.
- Utilisation d’une connexion à 20/5 Mbps, ce qui correspond à la vitesse moyenne pour l’ensemble des États-Unis.
Examinons les données.
Test n. ° 1: Thème vide et “Bonjour tout le monde!”
| Taille de la page | Demandes HTTP | Chargement de page moyen | |
| Divi | 395 KB | vingt | 0,848 s |
| Astra | 42 KB | 8 | 0,427 s |
Comme le montrent les données, Astra est un peu plus léger en termes de taille de page et de requêtes HTTP (ainsi que de temps de chargement).
Dans l’ensemble, Astra remporte clairement le test n. ° 1: il n’y a pas de compétition.
Test n. # 2: Sites de démarrage importés
Il est maintenant temps pour le scénario le plus réaliste.
J’ai importé un modèle de page de destination axé sur l’agence pour chaque sujet afin de tester comment un site Web entier peut être chargé.
Pour essayer de rendre cela aussi équitable que possible, j’ai utilisé Elementor pour le site d’accueil d’Astra. De cette façon, vous aurez une flexibilité de conception «égale» (et le même poids du constructeur de page) entre les deux sites.
Cependant, si vous souhaitez qu’Astra soit un peu plus léger, vous pouvez choisir d’utiliser l’un des sites de démarrage de l’éditeur de blocs.
| Taille de la page | Demandes HTTP | Chargement de page moyen | |
| Divi | 1 452 Mo | 27 | 1 472 s |
| Astra avec Elementor | 1 520 Mo | 60 60 | 1 507 s |
Notez que Divi a une optimisation de script intégrée, ce qui est l’une des raisons pour lesquelles ses requêtes HTTP sont tellement inférieures. Vous pourriez réaliser quelque chose de similaire avec Astra si vous utilisez le plugin gratuit Autoptimize.
Comme vous pouvez le voir, Divi et Astra sont presque les mêmes lorsque vous introduisez un site de démarrage Elementor dans le mélange. Donc, selon la façon dont vous utilisez Astra, vous ne remarquerez peut-être pas autant d’amélioration des performances que le premier test l’a indiqué, du moins sur ses pages principales.
Cependant, si vous deviez importer un site de démarrage Astra qui est construit avec l’éditeur de blocs au lieu d’Elementor, vous pouvez voir comment Astra progresse à nouveau:
| Taille de la page | Demandes HTTP | Chargement de page moyen | |
| Divi | 1 452 Mo | 27 | 1 472 s |
| Astra | 1 092 Mo | 33 | 1 004 s |
Conclusions sur le rendement
Dans l’ensemble, je pense qu’il est juste de dire qu’Astra est meilleure que Divi en ce qui concerne les performances immédiates.
Cependant, la différence n’est peut-être pas nécessairement si grande selon la façon dont vous utilisez Astra.
Si vous envisagez de coupler Astra avec un générateur de page, ce qui serait ce que vous devez faire pour correspondre à la flexibilité de conception de Divi, vous constaterez peut-être que votre site fonctionne à un niveau similaire, au moins sur les pages où vous utilisez le générateur de page. .
Ce n’est pas parce qu’Astra est soudainement devenu moins optimisé pour les performances – c’est juste le poids supplémentaire de tout plugin de création de page que vous choisissez. Dans une certaine mesure, Divi a ce poids intégré, il a donc vu une grande différence lors du premier test.
Cependant, si vous êtes d’accord avec l’un des sites de démarrage de l’éditeur de blocs d’Astra, Astra est clairement le gagnant en matière de performances.
De plus, même si vous utilisez un constructeur de page pour concevoir les pages principales de votre site Astra, vous bénéficierez toujours de la base plus légère d’Astra en ce qui concerne le contenu où vous utilisez l’éditeur WordPress natif, comme vos articles de blog.
Dans l’ensemble, en matière de performances, Astra est définitivement le gagnant.
N’oubliez pas que si vous utilisez un constructeur de page pour une grande partie du contenu de votre site Astra, vous refuserez une partie de cet avantage.
Des prix
Tout d’abord, il existe une différence de prix clé entre Astra et Divi. Astra a une version gratuite sur WordPress.org, tandis que Divi n’est disponible qu’en version premium.
Si vous souhaitez étendre le thème principal gratuit avec plus de fonctionnalités et d’options de personnalisation, vous pouvez acheter Astra Pro (qui est techniquement un plugin).
En ce qui concerne le prix de l’option premium d’Astra, Astra est encore plus abordable si vous recherchez simplement un thème. Il y a quelques bizarreries là-dedans, mais veuillez être patient avec nous pendant une seconde.
Divi et Astra permettent une utilisation sur des sites Web illimités. Les deux vous donnent également la possibilité de choisir entre une licence d’un an et une licence à vie.
Voici comment le prix est ébranlé:
| Un an | Toute la vie | |
| Divi | 89 $ US | 249 $ |
| Astra | 59 $ | 249 $ |
Par conséquent, les licences à vie sont identiques, tandis que la licence annuelle d’Astra est légèrement moins chère.
Cependant, le prix Divi est en fait pour l’adhésion à Elegant Themes, qui vous donne également accès à tous les autres plugins / thèmes Elegant Themes, tels que Bloom (options de messagerie), Monarch (échange social) et Extra (thème du magazine).
Si vous pensez que vous utiliserez ces outils, cela pourrait tourner les choses en faveur de Divi.
Mais…
Brainstorm Force, le développeur derrière Astra, propose également son propre abonnement / package.
Avec ces packages, vous aurez accès à plus de 55 sites Web de démarrage d’Astra supplémentaires, ainsi qu’à certains / tous les autres plugins Brainstorm Force (selon le package que vous choisissez).
Personnellement, je pense que la gamme de plugins Brainstorm Force est plus forte que la gamme Elegant Themes. Par exemple:
Cela dit, les packs Brainstorm Force sont beaucoup plus chers que l’adhésion à Elegant Themes, vous devrez donc décider si ces avantages en valent le prix.
Voici les prix d’une licence d’un an:
| Adhésion aux thèmes élégants | 89 $ US |
| Brainstorm Force Mini Agency | 276 $ |
| Brainstorm Force Full Agency | 523 $ |
Et un générateur de pages avec Astra?
Il y a un dernier problème pour comparer les prix Divi vs Astra!
Qu’en est-il d’un plugin de création de page?
Le prix Divi comprend le Divi Builder complet, tandis que le prix Astra comprend uniquement le thème.
Avez-vous donc besoin d’acheter un plugin de création de page au-dessus d’Astra?
Tout d’abord, tous les sites de démarrage du générateur de pages Astra sont créés à l’aide des versions gratuites du générateur de pages.
Cela signifie que vous n’avez pas nécessairement besoin d’un devis pour un constructeur de page si vous utilisez Astra.
Cependant, si vous souhaitez une parité complète avec ce que vous pouvez faire avec Divi Builder, vous devrez peut-être ouvrir votre portefeuille. Par exemple, Divi Theme Builder vous permet d’utiliser une interface visuelle de glisser-déposer pour concevoir vos modèles d’en-tête, de pied de page et de publication.
Pour obtenir la même chose avec Astra, vous devriez également acheter quelque chose comme Elementor Pro, qui commence à 49 $. Cela ralentirait les choses en faveur de Divi en matière de prix.
Mais dans l’ensemble, je dirais que les utilisateurs d’Astra n’auront pas besoin d’acheter un plugin de création de page premium, donc Astra sera toujours moins cher.
Réflexions finales sur Divi vs Astra
En général, il est difficile de choisir un gagnant clair car Divi et Astra ont des philosophies différentes.
Divi est davantage l’option tout-en-un. Vous obtenez votre générateur de thème et de page groupée dès la sortie de la boîte et vous pouvez tout concevoir en utilisant le générateur visuel de glisser-déposer de Divi, y compris vos modèles de thème.
Astra est un peu plus polyvalent. Il est léger et personnalisable avec juste le thème. Et si vous souhaitez éditer un glisser-déposer visuel comme Divi, Astra est conçu pour être associé à votre plugin de création de page préféré comme Elementor, Brizy ou Beaver Builder.
L’affaire Divi
En comparant Divi vs Astra par lui-même (sans générateur de pages jumelé), Divi est évidemment beaucoup plus flexible. Cependant, il est important de se rappeler que la plupart des gens associent Astra à un plugin de création de page, qui offre plus de parité de fonctionnalités 1: 1.
Hors de la boîte, Astra est beaucoup plus léger et a des performances optimisées que Divi. Cependant, si vous associez Astra à un générateur de page, la différence de performances n’est pas si dramatique en raison du poids supplémentaire du générateur de page … au moins sur les pages où vous utilisez un générateur de page.
Dans l’ensemble, en raison de son approche tout-en-un, je pense que Divi pourrait être un peu mieux si vous débutez avec WordPress. Par exemple, si vous créez votre premier site WordPress, l’approche tout-en-un de Divi rend un peu plus simple tout configurer et comprendre comment tout se connecte.
Cela dit, les modèles de démarrage prédéfinis d’Astra permettent également de démarrer rapidement. La seule chose qui complique un peu le processus est que vous devrez également apprendre / faire confiance aux plugins tiers plus que si vous utilisiez Divi.
L’affaire Astra
En général, les utilisateurs WordPress expérimentés peuvent préférer Astra pour son approche plus ouverte. Avec Astra, vous obtenez toujours des options de personnalisation détaillées, mais vous n’êtes pas enfermé dans un seul constructeur de page comme vous le faites avec Divi. Vous pouvez choisir parmi Elementor, Beaver Builder, Brizy et plus, selon vos préférences.
De plus, comme Astra est plus léger, il est plus facile de créer un site Web à chargement rapide.
Même si vous utilisez un constructeur de pages pour concevoir les pages principales de votre site Web Astra, vos articles de blog et autres contenus d’éditeurs natifs se chargeraient toujours plus rapidement avec Astra en raison de la base plus légère d’Astra.
De plus, le thème principal d’Astra est gratuit, ce qui est un gros plus pour Astra seul. Avec juste le thème gratuit et des sites de démarrage prédéfinis, vous êtes prêt à créer un site Web attrayant. Divi ne propose pas de version gratuite, donc les gens à petit budget voudront probablement rester avec Astra.
Personnellement, en tant que personne qui passe toute la journée à travailler avec WordPress, je préfère l’approche Astra. J’aime pouvoir choisir mon propre constructeur de page … ou décider de ne pas utiliser de constructeur de page, selon le site.
J’apprécie également les optimisations de performances d’Astra, car la vitesse des pages est importante pour moi sur tous les sites que je crée.
Vous avez encore une question sur la façon de choisir entre Divi vs Astra? Avez-vous vos propres réflexions à ajouter au mix? Faites le nous savoir dans les commentaires!
