Elementor vs Gutenberg: client 2021: Quel générateur de page est le meilleur?
Nous souvenons – nous de l’époque où WordPress travaillait sans constructeur de page? Le temps passe vite, les progrès technologiques, et grâce à la fonctionnalité des thèmes WordPress, les fonctionnalités de WordPress sont très limitées et ne sont plus qu’une mémoire floue, en particulier pour les plugins WordPress tels que les générateurs de page. Dans cet article, nous présentons deux des générateurs de page les plus populaires parmi les utilisateurs d’oceanwp: elementor et Gutenberg. L’information que nous fournissons ici est basée non seulement sur nos opinions personnelles et notre expérience, mais aussi sur les commentaires que nous recevons quotidiennement des utilisateurs d’oceanwp. Que la confrontation commence!
Qu’est – ce qu’elementor? Elementor est le générateur de page le plus populaire parmi les utilisateurs de WordPress avec une note moyenne de 4.7 et plus de 5 millions d’installations actives. Elementor a été lancé pour la première fois en 2016 et a rapidement pris la tête. La raison de sa popularité quasi instantanée est la différence entre le générateur de glisser – déposer visuel d’elementor et l’éditeur de texte WordPress commun (avant Gutenberg). Les utilisateurs d’elementor Editor Preview WordPress finissent par obtenir quelque chose qui ne ressemble pas à Microsoft Word: un éditeur flexible qui permet à leur créativité de se développer grâce à une variété de widgets qui réduisent le besoin de codage personnalisé ou de création de modèles HTML \/ php \/ CSS personnalisés.
Si vous cherchez de nouveaux modèles de site elementor WordPress? Consultez notre dernière collection hubspot. Dans la comparaison entre elementor et Gutenberg, nous ne discuterons que des fonctionnalités de la version gratuite d’elementor. Qu’est – ce que Gutenberg? Gutenberg, aussi connu sous le nom d’éditeur de bloc, est l’éditeur de page \/ post par défaut pour WordPress. Lancé pour la première fois en 2018, la version WordPress est Bebo 5.0. L’équipe WordPress comprend les besoins de la communauté en matière d’édition
Des paramètres par défaut plus avancés et intuitifs, ainsi que des tendances dans la création de sites Web. C’est ainsi que l’éditeur Gutenberg est né et a remplacé son prédécesseur: l’éditeur classique.
Aperçu de l’éditeur Gutenberg bien que Gutenberg n’ait pas encore été entièrement développé et qu’il devrait culminer dans les années à venir, l’équipe WordPress respecte son engagement: un éditeur visuel simple mais puissant qui permet la transition de l’éditeur de contenu au générateur de page. Si vous cherchez des modèles de site Gutenberg WordPress, consultez notre dernière collection de modèles Gutenberg woomerce. Elementor vs Gutenberg: comparer elementor vs Gutenberg: facilité d’utilisation tout utilisateur de WordPress qui a la chance d’utiliser les deux outils vous dira quelque chose que nous pouvons également accepter: elementor a gagné la comparaison de facilité d’utilisation.
Grâce à sa grande flexibilité et mobilité, elementor ressemble vraiment à un outil avancé d’édition d’images. Il suffit de sélectionner le Widget désiré et de le placer n’importe où dans le contenu: Terminé. Voulez – vous créer une section? Ou une section avec un nombre différent de colonnes? Choisir une conception ou une image différente pour différents appareils? De plus, ce n’est pas un problème. Elementor vous permet de mettre tout le contenu à la perfection. Sans parler des différentes animations que les concepteurs de site aiment (bien que les outils de mesure de la vitesse ne le soient pas).
Gutenberg, par contre, est un générateur de page propre et simple. Contrairement à elementor, Gutenberg n’offre pas de fonctionnalité de glisser – déposer populaire (du moins pas encore). Bien que vous puissiez facilement ajouter et déplacer des blocs, les choses ne sont pas aussi simples qu’un élément. En outre, le style du quartier peut être très exigeant, en particulier pour ceux qui sont habitués à l’atmosphère luxueuse offerte par elementor. G
Utenberg est l’éditeur par défaut de WordPress depuis trois ans, mais il y a encore des gens qui ne veulent pas essayer. Ces utilisateurs n’aiment pas les constructeurs de pages: ils préfèrent les éditeurs WordPress classiques (contenu) à tout le reste.
Comme nous sommes tous des créatures habituelles, nous avons découvert qu’il n’est pas objectif de marquer Gutenberg comme non intuitif et difficile à utiliser simplement parce que les éditeurs classiques sont plus faciles à utiliser. Mais nous pouvons vous dire une chose: une fois que vous avez créé un post avec Gutenberg et passé la courbe d’apprentissage initiale, vous continuerez à l’utiliser. Elementor vs. Gutenberg, lequel choisir? La réponse est toujours oceanwp, parce que nous utilisons tous ps et que l’un des blocs de Gutenberg est également un bloc classique, il n’y a aucune raison d’utiliser d’autres plug – ins pour utiliser des fonctionnalités plus anciennes
Résumé facilité d’utilisation elementor vs Gutenberg elementor fournit des widgets et des outils d’édition de pointe qui sont plus faciles à utiliser que Gutenberg, mais peuvent devenir tout aussi difficiles une fois qu’il y a un besoin de rendre les pages Web réactives. Gutenberg a sa propre courbe d’apprentissage que vous pouvez facilement surmonter. Comprendre comment Gutenberg fonctionne vous aidera à gérer tous les autres générateurs de page, y compris elementor. Elementor vs Gutenberg: Features elementor has widgets, Gutenberg has Blocks, whatever it is simple. Cependant, le terme Widget est utilisé depuis longtemps dans WordPress et fait référence à la possibilité d’utiliser des éléments composites. Par exemple, une image avec un titre, une liste de billets de blog avec différentes options de requête, et ainsi de suite.
Le Widget element fonctionne de la même façon, fournissant des fonctionnalités avec des options de regroupement, plusieurs requêtes et des paramètres de style. Bien sûr, le Widget elementor offre plus d’options et de polyvalence que le Widget WordPress (Appearance > Widget). Révision de C
La recommandation Ocean elementor widgets d’arosello avec elementor Gutenberg commence par des blocs très simples tels que des blocs de paragraphes, des images, des vidéos, etc. Bien que les blocs offrent également des options de style, ils ne sont pas aussi riches ou intuitifs que les éléments. Mais honnêtement, elementor est absolument à l’avant – garde en termes de configuration intuitive, non seulement par rapport à Gutenberg, mais aussi par rapport à presque tous les générateurs de page disponibles.
D’autre part, le \
Elementor vs. Gutenberg elementor utilise des widgets et Gutenberg utilise des blocs. La version gratuite d’elementor comprend de nombreux widgets avancés que chaque concepteur de site peut utiliser pour créer un grand site Web. Pour utiliser des blocs plus avancés, vous aurez besoin d’autres plug – ins Gutenberg, comme le bloc Ocean Gutenberg. Elementor vs Gutenberg: Performance vous remarquerez peut – être que nous utilisons délibérément le terme performance au lieu de vitesse de page. La raison en est simple: la plupart des outils en ligne mesurent des scores de site qui ne reflètent pas la vitesse du site. En outre, la vitesse du site dépend de trop de facteurs. Malheureusement, le succès de la performance du site ne dépend pas seulement du thème ou du plug – in que vous utilisez. Sans oublier
Les propriétaires de sites oublient souvent que ces outils ne reflètent pas l’état de l’ensemble du site, mais seulement la page assignée à l’URL de test. En bref, toutes les pages du site Web sont traitées de la même façon que la page d’accueil. Cependant, la qualité des sujets et des plug – ins peut avoir un impact important sur le rendement global du site. Il en va de même pour le constructeur de page. Comparez les paramètres WordPress avant de commencer, nous aimerions vous présenter brièvement comment construire des modèles WordPress. De cette façon, les résultats de la comparaison entre elementor et Gutenberg peuvent être pleinement compris. Les modèles WordPress sont des exemples de contenu d’un site Web (pages, billets de blog, valeurs par défaut et styles). Ces modèles aident à accélérer le processus de construction ou à inspirer. Pour les modèles de site Web offshore, lorsque vous utilisez elementor page Builder, il n’est utilisé que pour la page d’accueil (page d’accueil, contacts, informations, etc.). Toutes les autres pages (telles que les billets de blog, les boutiques, les pages de produits, les pages d’archives) sont les pages WordPress par défaut gérées par les thèmes oceanwp. Dans cette petite expérience, nous avons utilisé deux de nos modèles de site WordPress: agenda et Gutenberg agenda. Modèle d’agenda WordPress avec elementor Le modèle d’agenda WordPress et Gutenberg À première vue, en regardant seulement les images, pouvez – vous faire la différence entre les deux modèles et deviner lequel a été construit avec elementor et lequel avec Gutenberg? Les deux sites sont sur le même serveur et sont configurés exactement de la même manière: logiciel: Apache \/ 2.4.51 (UNIX) MySQL: (UBUNTU) v5.7.36 PHP: 7.4.24 WordPress: 5.8.1 WordPress Memory Limits (PHP): 256 millions WordPress thème: oceanwp (flash) Les deux sites partagent la plupart des plugins WordPress: extra Ocean Products Sharing Partage des océans
Ils soutiennent évidemment Gutenberg. Le résultat le plus surprenant est la différence de temps total de blocage (TBT). Sur les pages construites par elementor, le TBT est de 310 MS, contre seulement 50 MS sur les pages construites par Gutenberg. Pouvez – vous imaginer ce qui se passerait si nous optimisons les images sur le site avant de charger et de configurer correctement WP Rocket au lieu d’exécuter les paramètres par défaut? Ne soyez pas comme nous: optimisez vos images et trouvez les meilleurs paramètres de cache pour votre site. Dans la comparaison entre elementor et Gutenberg Desktop, bien que les résultats soient légèrement favorables à Gutenberg, la différence n’est pas si grande. Au moins pas de PSI. C’est pourquoi nous passons à un autre outil que nous recommandons souvent aux utilisateurs: gtmetrix. Elementor vs. Gutenberg: gtmetrix Gtmetrix semble satisfait des deux versions de notre modèle d’agenda WordPress: elementor et Gutenberg. Mais nous ne pouvons ignorer l’énorme différence entre le temps d’interaction et le temps d’interaction Dom, qui sont tous deux bons pour Gutenberg. Temps d’interaction: elementor vs Gutenberg: 912ms vs 408ms. Temps d’interaction Dom: elementor vs Gutenberg: 714 MS vs 405 Ms. En parlant de la comparaison entre les structures elementor et Gutenberg, gtmetrix nous montre une fois de plus un virage vert. Mais une chose a immédiatement attiré notre attention: la taille du Dom. Les résultats sont à nouveau favorables à Gutenberg. Évitez la taille excessive du Dom: element vs Gutenberg: 1251 elements vs 929 elements. Que vous soyez ou non fan de Gutenberg, vous devez admettre que la réduction de plus de 300 entrées sur une page avec presque le même contenu est une grande victoire. Sans parler d’une victoire hors – boîte. Je veux dire, le graphique illustre le problème. Bien que les résultats et ST
La structure est exactement la même, les deux sites ont obtenu gtmetrix Class A, 100% performance score et 98% structure score. Si vous êtes un grand fan de l’optimisation et de la performance, il ya beaucoup de statistiques Gutenberg qui peuvent être importantes pour vous. Selon gtmetrix, la situation est claire. Gutenberg est le vainqueur absolu de la comparaison entre elementor et Gutenberg. Mais attends une seconde. Cela signifie – t – il que l’élément est mauvais et ne doit pas être utilisé? Non, parce que même avec elementor, vous pouvez obtenir un score satisfaisant. Les résultats montrent seulement que Gutenberg est capable d’offrir des victoires immédiates, accessibles et à la fine pointe de la technologie, alors que pour elementor, vous devez être un concepteur web expérimenté et responsable. Elementor vs Gutenberg performance Summary aucun de nos modèles de site n’a été optimisé pour la vitesse \/ score, et nous avons utilisé les paramètres de cache par défaut de WP Rocket sur les deux modèles. Gutenberg a remporté plus de victoires en termes de performance en direct, avec quelques indicateurs très différents de l’element, en particulier le temps total de blocage, la taille du Dom, le temps d’interaction et les indicateurs de temps d’interaction Dom. Un concepteur de site expérimenté avec des fonctionnalités d’optimisation avancées, qui suit les meilleures pratiques et utilise les outils appropriés lors de la création d’un site Web, peut facilement obtenir la meilleure vitesse ou score en utilisant elementor. Les sites Web basés sur Gutenberg nécessitent également moins de ressources, principalement des contraintes de mémoire WordPress, afin de fonctionner en douceur que les sites elementor et divers autres plug – ins elementor. Elementor vs Gutenberg: avantages il est difficile de prendre une décision en comparant les avantages d’elementor et Gutenberg. Chaque page Builder a ses propres gains et
E raison de l’utilisation. De même, chaque page Builder a ses propres défauts. L’approbation et l’opposition sont subjectives. Bien sûr, nous aimons tous la fonctionnalité glisser – déposer de l’élément, mais il n’est pas difficile d’utiliser Gutenberg. La réactivité de l’élément et la capacité de cacher des Parties ou des éléments basés sur l’appareil, même des éléments de style entièrement basés sur l’appareil, sont l’une des autres raisons de l’aimer. Maintenant, lorsque les chercheurs se sont rendu compte qu’il leur fallait plus d’énergie pour créer des sites Web que pour lire sur divers blogs, la même fonctionnalité les a frustrés et submergés. Nous votons pour elementor en termes d’utilisation intuitive et de créativité libre. Cependant, lorsque nos utilisateurs nous ont demandé des solutions de rechange à l’élément, ils ont estimé que la stabilité était la principale raison du changement. Pour être clair, des erreurs et des bogues peuvent se produire, même pour des entreprises comme Facebook. De plus, quelle que soit la configuration effectuée par les propriétaires et les développeurs de sites Web, ils doivent être responsables et suivre les meilleures pratiques afin d’éviter les inconvénients. Oui, nous discutons de sauvegarder ou de tester de nouvelles mises à jour sur la zone de rassemblement. En fait, même les utilisateurs expérimentés qui suivent ces pratiques peuvent éprouver un peu de ressentiment parce que les innovations et les changements apportés aux éléments les empêchent souvent d’utiliser cet outil [correctement] pendant un certain temps. En parlant de Gutenberg, en tant que développeur, nous applaudissons sa performance (avant et arrière), son accessibilité et sa stabilité. Gardez à l’esprit que certains plug – ins Gutenberg peuvent ajouter plus ou plus de contenu au HTML que d’autres éditeurs de page non Gutenberg, donc choisissez sagement. Bien que Gutenberg ne semble pas approprié pour les débutants comme élément
R. nous encourageons absolument les débutants à essayer. De plus, nos recommandations sont fondées sur l’absence de certaines caractéristiques de haut niveau qui nécessitent une approche plus professionnelle ou spécialisée (comme l’édition réactive et l’adaptation du contenu pour différents appareils). Il est certain que ceux qui ont travaillé avec Gutenberg et ont appris à le faire seront également en mesure de se familiariser rapidement avec tous les autres générateurs de page, y compris elementor. Résumé des avantages d’elementor vs Gutenberg les options et les paramètres réactifs d’elementor vs Gutenberg peuvent aider n’importe qui à modifier la conception du site Web pour tous les appareils, même si nécessaire. Mais les débutants de WordPress peuvent aussi imiter les débutants de WordPress lorsqu’ils se rendent compte que la création d’un site Web ne demande que plus de temps, d’énergie et d’exercices qu’ils ne peuvent lire. Gutenberg peut sembler effrayant au début et totalement intuitif, mais c’est en fait un excellent point de départ pour apprendre. Surmonter Gutenberg aidera tout le monde à mieux comprendre tous les générateurs de page. De plus, Gutenberg offre une plus grande stabilité, accessibilité, référencement et performance globale. Elementor vs Gutenberg: Quel générateur de page est le meilleur? Vous savez ce que disent les gens: les chaussures ne conviennent pas à tous les pieds, mais vous ne saurez pas si vous n’essayez pas de les porter en premier. Certains utilisateurs aiment elementor et d’autres Gutenberg pour diverses raisons. Puisque nous parlons de votre site Web, il est essentiel de trouver ce qui correspond à vos besoins et à votre site Web. Lorsque nos utilisateurs nous contactent sans affecter la stabilité, la performance, le référencement, l’accessibilité du site et de nombreux facteurs clés pour la création du site, pour obtenir des conseils sur l’utilisation d’elementor, nous leur conseillons d’utiliser elementor de la même manière que pour la création de modèles de site WordPress. Utilisation de l’élément sur
Besoin d’une page d’accueil attrayante et attrayante: tout le reste pour WordPress et votre thème. En bref, évitez de créer des modèles d’archives personnalisés, surtout si vous n’êtes pas un concepteur expérimenté ou si vous n’avez pas assez d’expérience dans l’optimisation générale du site. Si vous êtes un débutant et que vous ne voulez plus vous soucier de nouveaux changements et styles, ou si vous êtes un professionnel qui ne se soucie pas d’investir plus d’énergie dans la conception du site (nous voulons dire pas de glisser – déposer) et ne s’oppose pas à l’absence de différentes options d’animation, Alors vous devez choisir Gutenberg. Compte tenu en particulier de tous les avantages en termes de performance et du fait que l’utilisation de Gutenberg peut créer des conceptions de qualité égale. La seule chose que vous ne devriez jamais faire est de créer des modèles personnalisés en utilisant elementor et ensuite d’utiliser Gutenberg avec elementor pour ajouter du contenu, comme nous l’avons vu. Ne rendez pas votre vie plus difficile et ne tuez pas votre site Web, que votre générateur de page préféré soit elementor ou Gutenberg, la réponse est toujours le paquet oceanwp et oceancore extensions, car nous vous avons fourni des widgets et des blocs pour obtenir la conception de site Web dont vous avez besoin, quelle est votre conclusion? Quel est votre générateur de page préféré et pourquoi? Oui, vous pouvez choisir et utiliser les deux méthodes. Une fois que vous avez mis en pause la création du site, laissez un commentaire et faites – nous savoir ce que vous en pensez.