Elementor vs Gutenberg – La confrontación 2021: ¿Qué constructor de páginas es mejor?

¿Podemos recordar los momentos en que WordPress funcionó sin generadores de página? Las moscas del tiempo, la tecnología progresan y WordPress con sus capacidades muy limitadas es solo una memoria vaga ahora, debido a las funcionalidades de los temas de WordPress, pero especialmente a los complementos de WordPress, como los creadores de páginas. En este artículo, cubriremos dos de las páginas más populares de los constructores entre los usuarios de OceanWP: Elementor y Gutenberg. La información que proporcionaremos aquí no se basa solo en nuestra opinión y experiencia personal, sino también en los comentarios de los usuarios de OceanWP que recibimos a diario.
¡Deja que comience la confrontación! ¿Qué es elemental? Con una evaluación promedio de 4.7 de 5 y más de 5 millones de instalaciones activas, no hay duda: Elementor es el generador de páginas más popular entre los usuarios de WordPress. Elementor se introdujo por primera vez en 2016 y se hizo cargo del liderazgo. La razón de su popularidad casi instantánea fue la diferencia entre el generador de visión del Elementor Drag-Drag y el Editor de texto de WordPress común (ERA Pre-Gotenberg).

La vista previa de los usuarios de WordPress del editor de Elementor finalmente ganó algo que no se parecía a Microsoft Word, un editor flexible que permitió que su creatividad brillara, todo debido a varios widgets que redujeron la necesidad de todo tipo de codificación personalizada o creación de costumbres HTML / PHP / CSS.
¿Y si está buscando un nuevo sitio web en el sitio web Elementor WordPress? Consulte nuestra última colección Hubspot.



En esta comparación Elementor vs Gutenberg, solo abordaremos las características de la versión gratuita de Elementor. ¿Qué es Gutenberg? Gutenberg, también conocido como Block Publisher, es la página de WordPress / editor de publicaciones. Fue introducido en 2018 por primera vez, con la versión de WordPress Bebo 5.0. El equipo de WordPress ha entendido las necesidades de la comunidad para un editor implícitamente más avanzado e intuitivo, así como las tendencias en la creación de sitios web. Así es como apareció el editor de Gutenberg y reemplaza a su predecesor: el editor clásico. Predictivo del editor Gutenberg, incluso si Gutenberg aún no se ha desarrollado y se espera su pico en los próximos años, el equipo de WordPress ha entregado lo que prometió: un editor visual simple ., pero fuerte, quien hizo la transición de un editor de contenido a un generador de páginas. Y, si está buscando plantillas del sitio web de WordPress Gutenberg, consulte nuestras últimas plantillas de WooCommerce que usan Gutenberg.

Elementor vs Gutenberg: Comparación Elementor vs Gutenberg: fácil en usar cualquier usuario de WordPress que tuviera el placer de usar ambas herramientas le dirá algo que podemos estar de acuerdo: El Elementor gana la comparación de la facilidad de uso.



Debido a su enorme flexibilidad y movilidad, Elementor realmente se asemeja a las herramientas avanzadas de edición de imágenes. Simplemente seleccione el widget que necesita y colóquelo en cualquier lugar del contenido, eso es todo. ¿Tienes que crear secciones? O secciones con un número diferente de columnas? Elige un diseño o imágenes diferentes para diferentes dispositivos? Tampoco es un problema. Elementor realmente le permite configurar todo el contenido a la perfección. Sin mencionar las diversas animaciones que los diseñadores de sitios web aman (incluso si las herramientas de medición de velocidad no lo son). Por otro lado, Gutenberg es un generador de página limpio y simple. A diferencia de Elementary, Gutenberg no ofrece la función de arrastrar y arrastrar los drapers muy apreciados (al menos aún no). Incluso si puede agregar y mover fácilmente los bloques, las cosas no son tan simples como en el elemento. Además, organizar un bloque puede ser algo desafiante, especialmente para aquellos que están acostumbrados al lujoso entorno que ofrece el elemento. Gutenberg es el editor predeterminado de WordPress durante 3 años, pero todavía hay personas que son reacias a probarlo. Dichos usuarios no favorecen a ningún generador de páginas: prefieren el editor de WordPress clásico (contenido) en comparación con cualquier otra cosa.
Debido a que todos somos criaturas de hábitos, consideramos que no sería objetivo Mark Gutenberg como involuntario y difícil de usar solo porque el editor clásico es más fácil de usar. Pero, podemos decirle una cosa: una vez que cree una publicación con Gutenberg y supere esa curva de aprendizaje inicial, continuará usándola. Elementor vs gutenberg, para elegir? La respuesta es siempre OceanWP, porque usamos ambas PS Uno de los bloques de Gutenberg también es el bloque clásico, por lo que no hay razón para usar complementos adicionales para usar la característica de la vieja escuela, la facilidad de uso de usos de elemento elemental vs gutenberg y herramientas avanzadas que Haga que sea más fácil de usar que Gutenberg, pero puede volverse tan provocativo una vez que aparece la necesidad de un sitio web receptivo. Gutenberg viene con su propia curva de aprendizaje que puedes superar fácilmente. Comprender cómo funciona Gutenberg lo ayudará a administrar todos los demás generadores de páginas, incluida la primaria. Elementor vs Gutenberg: características Elementor tiene widgets, Gutenberg tiene bloques como simples.
Sin embargo, el término widget se ha utilizado durante mucho tiempo en WordPress, cuando se refiere a una característica que utilizó elementos combinados. Por ejemplo, una imagen con un título, una lista de publicaciones de blog con diferentes opciones de consulta, etc. Los widgets Elementor funcionan en una forma similar de funciones con opciones agrupadas y múltiples consultas y configuraciones de estilo. Por supuesto, los widgets Elementor ofrece muchas más opciones y versatilidad que los widgets de WordPress. La imagen, el video, etc. Incluso si los bloques también ofrecen opciones de estilo, estas funciones no son tan ricas y no tan intuitivas como en el elemento. Pero para ser correctos, cuando se trata de configuraciones fáciles de usar, Elementor ciertamente lidera la ruta, no solo en comparación con Gutenberg, sino también en comparación con casi todas las páginas disponibles.
Por otro lado, el “problema de bloques demasiado simples” se puede resolver fácilmente con algunos de los complementos de Gutenberg adicionales, que ofrecen bloques muy funcionales, con varias características y opciones del usuario.
Edición del testimonio bloquea los bloques de Ocean Gutenberg con Gutenberg con esto, ¿tuvo la oportunidad de explorar nuestro último producto: Ocean Gutenberg Blocks?Si es un cliente, este complemento ya está disponible en el tablero para descargar y usar.Si está pensando en convertirse en un profesional, consulte nuestra última oferta.El resumen de las características Elemental vs Gutenberg Elementor usa widgets, Gutenberg usa bloques.La versión gratuita de Elementor viene con muchos widgets avanzados que cada diseñador de sitios web puede usar para crear un sitio web fantástico.Para obtener un puñado de bloques más avanzados, se requieren complementos adicionales para Gutenberg, como los bloques de Ocean Gutenberg.
Elementor vs Gutenberg: el rendimiento puede haber notado que usé intencionalmente el término “rendimiento” en lugar de “velocidad de página”. La razón es que las herramientas en línea simples y simples miden los puntajes del sitio web que no reflejan un sitio web. Además, hay demasiados factores en los que depende la velocidad del sitio. El éxito del rendimiento de un sitio web, desafortunadamente, depende no solo del tema o los complementos que ejecuta. Sin mencionar que los propietarios de sitios web generalmente olvidan que estas herramientas no reflejan la condición de todo el sitio web de la página asignada a la URL probada. En resumen, cuide todas las páginas del sitio y de la página inicial. Sin embargo, la calidad de un tema y complementos puede tener un impacto sustancial en el rendimiento general del sitio web. También lo hacen los creadores de las páginas. Comparación de configuración de WordPress Antes de comenzar, nos gustaría ofrecer una pequeña introducción sobre cómo construir plantillas de WordPress. De esta manera, los resultados de la comparación de Elementer vs Gutenberg pueden entenderse completamente. Las plantillas de WordPress son ejemplos de contenido del sitio (páginas, publicaciones de blog, precisos y elegantes). Estas plantillas sirven para acelerar el proceso de construcción o para inspirar. En el caso de las plantillas del sitio web del océano, cuando se usa el generador de páginas, se usa solo en las páginas principales (inicio, aproximadamente, etc.). Todas las demás páginas, como artículos de blog, tiendas, páginas de productos, páginas de archivo son páginas implícitas de WordPress administradas por OceanWP Theme. Para este pequeño experimento, utilicé las dos plantillas de sitio web de WordPress:

Agenda y agenda Gutenberg .Sablon WordPress para la agenda con Elementor
Plantilla de WordPress para la agenda con Gutenberg

A primera vista y casi las imágenes, ¿podría marcar la diferencia entre ellas dos y adivinar cuáles de ellas se construyeron usando Elementor y usando Gutenberg?Ambos sitios web están ubicados en el mismo servidor y tienen absolutamente la misma configuración:
Software: Apache/2.4.51 (UNIX)
Mysql: (ubuntu) v5.7.36

Php: 7.4.24

WordPress: 5.8.1
Límite de memoria de WordPress (PHP): 256 m
Tema de WordPress: Oceanwp (parpadeo parpadeo)
Ambos sitios tienen la mayoría de los complementos de WordPress en común:
Océano extra
Compartir productos oceánicos
Intercambio social del océano
WooCommerce
Lista de WooCommerce
WPFORMS LITE
Mostrar océano pegajoso
WP Rocket (no utilizado para crear plantillas de WordPress).
Plantilla de WordPress para la agenda:
elemento
Widgets Ocean Elementor
Plantillas de WordPress Agenda Gutenberg:
Bloques Ocean Gutenberg
Como puede ver, la versión Gutenberg no requiere complementos adicionales para ejecutarse. Todo lo que necesita es el editor predeterminado de WordPress Block – Gutenberg. Elementor vs Gutenberg: Google Page Speed ​​Insights para todos los que saltaron sobre algunas piezas del texto y vinieron directamente aquí, es importante enfatizar que las ideas de velocidad de la página de Google no miden la velocidad del sitio. En cambio, señala el sitio teniendo en cuenta diferentes factores. Además, también es importante admitir que los puntajes no pueden ser falsos positivos (puntajes bajos, pero el sitio web rápidamente y viceversa), pero a menudo no representan la imagen real. Cuando se trata de móviles Psychs (Page Speed ​​Insights), Google reúne información de usuarios reales que navegan en su sitio utilizando teléfonos móviles. Esto significa que la situación real se volverá visible con el tiempo, no al instante. Esto también significa que sugerimos que no verifique sus puntajes e intente trabajar en ellos cuando instale WordPress o cree una página; la información no es precisa. Para comprender completamente cómo recopilar los datos del rendimiento de datos y el procesamiento de datos, le recomendamos que consulte esta respuesta de un empleado de Google. No hay nada mejor que obtener la respuesta directa de la fuente. Sin embargo, entendemos que los puntajes son importantes para los usuarios. Y es por eso que compartimos sus resultados.

Cuando se trata de los puntajes de PSI móviles, en la carrera Elementer vs Gutenberg, el ganador es Gutenberg. Las diferencias entre todos los datos son bastante obvias a favor de Gutenberg. El resultado que más nos sorprendió es la diferencia de tiempo total de bloqueo (TBT). En el caso de la página construida por Elementor, TBT fue de 310 ms, mientras que TBT en una página construida por Gutenberg era de solo 50 ms. ¿Te imaginas cuáles habrían sido los resultados si realmente optimizamos las imágenes en el sitio antes de cargar y configurar WP Rocket, en lugar de ejecutar la configuración predeterminada? No sean como US-Optimice sus imágenes y encuentre la configuración de caché óptima para su sitio. Como elemento de escritorio frente a Gutenberg, las diferencias no son tan drásticas, aunque los resultados son fáciles a favor de Gutenberg. Al menos no según PSI. Por lo tanto, pasamos a otra herramienta que a menudo recomendamos a nuestros usuarios: GTMetrix. Elementor vs Gutenberg: comparación de Gtmetrix
Gtmetrix parece satisfecho con ambas versiones de la agenda de WordPress – Elementor y Gutenberg Plantilla. Pero, no podemos ignorar la gran diferencia entre el tiempo y el tiempo interactivo interactivo y DOM, ambos valores a favor de Gutenberg. Tiempo de interactivo: Elementor vs Gutenberg: 912Ms vs 408ms. Tiempo interactivo DOM: Elementor vs Gutenberg: 714ms vs 405ms.
Cuando se trata de la estructura Elemoror vs Gutenberg, la comparación de Gtmetrix nos muestra una madura verde nuevamente. Pero hay una cosa que inmediatamente atrajo nuestra dimensión de atención. Nuevamente, los resultados están a favor de Gutenberg. Evite una dimensión DOM excesiva: Elementor vs Gutenberg: 1251 vs 929 elementos. Ya sea que sea un fanático de Gutenberg o no, debe admitir que más de 300 elementos menos para una página de contenido casi idéntico es una gran ganancia. Sin mencionar que también es una victoria fuera de la caja. Una sobre la otra, los gráficos hablaron. Aunque los puntajes de rendimiento y estructura son exactamente los mismos, donde ambos sitios web han ganado GTMTRIX ADE A, puntaje de rendimiento del 100% y puntaje de estructura del 98%: hay muchas estadísticas a favor de Gutenberg que podrían ser importantes para usted si es un gran fanático de optimización y rendimiento.
A juzgar por Gtmetrix, las cosas son Limid. Cuando se trata de comparación de rendimiento entre Elementor y Gutenberg, Gutenberg es el ganador absoluto. Pero, espera un minuto. ¿Significa esto que el elemento es malo y no debe usarse?
No, porque obtener puntajes satisfactorios con los que puede estar orgulloso se puede hacer con el elemento. Los resultados solo muestran que Gutenberg ofrece ganancias de rendimiento instantáneas, sin problemas y vanguardia, mientras que cuando se trata de elemento, debe ser un diseñador web experto y responsable. El Resumen de rendimiento Elementor vs Gutenberg Ninguno de nuestros plantillas de sitio se ha optimizado para la velocidad/puntajes y utilizamos la configuración predeterminada de caché WP Rocket para ambos. Gutenberg ofrece varias ganancias de rendimiento fuera de la caja y algunas de las diferencias métricas son bastante drásticas en comparación con el elemental, especialmente los valores de bloqueo total, el tamaño de DOM, el tiempo hasta el tiempo interactivo y interactivo DOM. Los diseñadores de sitios web experimentados, con habilidades de optimización avanzadas, que siguen las mejores prácticas de creación de sitios web y usan herramientas apropiadas, no tendrán ningún problema para obtener la mejor velocidad o puntajes utilizando Elementor. Los sitios web de Gutenberg también requieren menos recursos, principalmente límite de memoria de WordPress, para funcionar sin problemas en comparación con los sitios web de Elementor en combinación con diferentes complementos de elementor. Elementor vs Gutenberg:


Los beneficios con respecto a la comparación de los beneficios de Elementor vs Gutenberg son difíciles de decidir. Cada generador de páginas tiene sus propias ganancias y razones para ser utilizadas. Del mismo modo, cada generador de páginas tiene sus desventajas. Tanto los pros como los contras pueden ser de naturaleza subjetiva. Por supuesto, a todos amamos el elemento debido a su función de deslizamiento y colocación, pero ninguno de los usos de Gutenberg es muy difícil. La configuración de respuesta elemental y la posibilidad de ocultar secciones o elementos basados ​​en dispositivos o elementos de estilo basados ​​en el dispositivo, es una de las razones adicionales para amarlo. Ahora, las mismas características pueden hacer que los principiantes se sientan desanimados y abrumados cuando comienzan, porque se dan cuenta de que construir el sitio web requiere más esfuerzo de lo que solían leer sobre él en diferentes blogs. Con respecto al uso fácil de usar y desatar la creatividad, votamos por el elemento. Pero, cuando nuestros usuarios nos preguntan sobre las alternativas al elemento, mencionan la estabilidad como la razón principal de la necesidad de un cambio. Para ser claros, ocurren errores y errores, incluso compañías como Facebook. E independientemente de la configuración que ejecutan los propietarios y los desarrolladores de sitios web, para ser responsables y seguir las mejores prácticas es una necesidad para evitar los inconvenientes. Sí, estamos hablando de hacer hijos de repuesto o probar nuevas actualizaciones sobre áreas de puesta en escena.


De hecho, incluso los usuarios experimentados que siguen estas prácticas conservan un poco de rencor debido a las innovaciones y modificaciones, que a menudo los dejan sin la posibilidad de usar esta herramienta [apropiada] en ciertos períodos de tiempo. Cuando se trata de Gutenberg, como desarrolladores, apoyamos nuestro rendimiento (tanto frontend como backend), accesibilidad y estabilidad. Tenga cuidado, algunos complementos de Gutenberg pueden agregar tanto o incluso más hinchazón a HTML como otras páginas que no son de Gotenberg, así que elija sabiamente. A pesar del hecho de que Gutenberg no parece tan amigable para los principiantes como un elemento, ciertamente alentamos a los principiantes a probarlo. Y, nuestra recomendación se basa exactamente en la ausencia de funciones avanzadas que requieren un enfoque más profesional o experimentado (como editar de manera receptiva y ajustar el contenido para diferentes dispositivos). También es seguro decir que aquellos que se acercan y aprenden cómo lidiar con Gutenberg también tendrán una comprensión rápida de todas las demás páginas, incluida la primaria. Resumen de beneficios Elementor vs Gutenberg Opciones y configuraciones de respuesta de Elementor puede ayudar a cualquiera a ajustar el diseño del sitio web para todos los dispositivos, incluso diferentes si es necesario. Pero, también son la misma configuración que puede burlarse de los principiantes de WordPress una vez que se dan cuenta de que construir el sitio web solo requiere un poco más de tiempo, esfuerzo y práctico de lo que han leído al respecto.


Gutenberg puede parecer intimidante y completamente económico al principio, pero en realidad es un punto de partida de aprendizaje increíble. Superar a Gutenberg ayudará a todos a comprender mejor todos los generadores de páginas. Además, Gutenberg ofrece más estabilidad, accesibilidad, SEO y ganancias de rendimiento general. Elementor vs Gutenberg: ¿Qué constructor de páginas es mejor? Sabes lo que se dice: un zapato no coincide con cada pierna, pero no lo sabrá a menos que pruebes el zapato primero. Algunos usuarios aman el Elementor, otros Gutenberg y hay varias razones detrás de él. Debido a que estamos hablando de su sitio web, es esencial descubrir qué se adapta a usted y las necesidades de su sitio. Cuando nuestros usuarios nos solicitan consejos sobre el uso de Elementor sin comprometer la estabilidad del sitio, el rendimiento, el SEO, la accesibilidad y muchas cosas que son cruciales para construir el sitio web, recomendamos usar Elementor de la misma manera que lo usamos para construir el sitio web de WordPress plantillas. . Use Elementor en las páginas principales que necesitan ser atractivas y atractivas: deje todo a su WordPress y su base. Sitios web.