¬ŅBuscas ayuda con tu proyecto?
[email protected]
+51 984 656 072
Dise√Īo Gr√°fico y Dise√Īo Webs Per√ļ, para profesionales que tienen ansiedad por aprender Social Media, Branding, Creatividad, Contenidos, SEO

Divi vs Elementor Performance 2021: ¬ŅQu√© creador de p√°ginas de WordPress es m√°s r√°pido?

¬Ņhablemos entre¬†Divi¬†vs¬†Elementor¬†como constructor visual para su sitio de WordPress?
Cuando se trata de caracter√≠sticas y flexibilidad de dise√Īo, estos son dos de los principales creadores de p√°ginas / temas que existen, y ambos le permiten crear sitios web impresionantes sin escribir una sola l√≠nea de c√≥digo.¬†Sin embargo, no estamos aqu√≠ para opinar sobre sus m√©ritos de dise√Īo.¬†En cambio, nos centramos en otra comparaci√≥n importante: el rendimiento de Divi vs Elementor.

En pocas palabras, ¬ŅDivi o Elementor son mejores para ayudarlo a crear un sitio de WordPress de carga r√°pida? Despu√©s de todo, tener un sitio web atractivo es solo la mitad de la batalla; tambi√©n necesita que se cargue r√°pido para ofrecer una mejor experiencia de usuario, mejorar sus tasas de conversi√≥n y maximizar su clasificaci√≥n de SEO.

Para ayudarlo a responder esa pregunta, realizaremos algunas pruebas de rendimiento pr√°cticas con Divi y Elementor. Someteremos cada herramienta a varias pruebas y trataremos de comparar su velocidad uno a uno.

Luego, también repasaremos algunos otros puntos de comparación y luego terminaremos con algunos consejos sobre cómo puede acelerar ambos complementos y reducir sus tiempos de carga casi a la mitad.

Cómo estamos probando Divi vs Elementor Speed

Hay muchas variables cuando se trata de probar Divi vs Elementor en t√©rminos de velocidad del sitio. Por esa raz√≥n, antes de llegar a los datos reales, creo que es √ļtil configurar primero c√≥mo ejecuto las pruebas.

En total, probar√© cada herramienta en cuatro escenarios diferentes.¬†¬ŅPor qu√© cuatro?¬†Porque creo que esto me da la mejor oportunidad de capturar esas variables y ayudarlo a comprender c√≥mo se comparan Divi y Elementor en t√©rminos de rendimiento.

Divi vs Elementor Performance 2021
Divi vs Elementor Performance 2021

Escenario 1

En el primer escenario, habilitar√© cada complemento en mi sitio y luego crear√© un dise√Īo b√°sico con solo una l√≠nea de texto. La idea es ver la carga b√°sica de cada complemento, incluso antes de agregar cualquiera de los widgets / m√≥dulos.

Escenario n. ¬į 2

En el segundo escenario, agregar√© contenido real usando m√≥dulos / widgets. Esta es la parte complicada porque cada herramienta tiene un conjunto diferente de elementos de contenido.

Para tratar de mantener las cosas lo m√°s justas posible, usar√© widgets equivalentes en cada constructor. Si tiene curiosidad, esto es lo que agregar√©:

  • Acorde√≥n (dos secciones)
  • Bot√≥n
  • Contador de n√ļmeros
  • Formulario de contacto
  • Testimonial
  • Tabla de precios (un plan)

Sin WP Rocket vs WP Rocket

Para cada uno de los dos escenarios anteriores, ejecutaré dos conjuntos de pruebas:

  • Una prueba sin optimizaci√≥n del rendimiento. Es decir, solo tengo instalados los constructores de p√°ginas.
  • Una prueba con WP Rocket habilitado y sus funciones de optimizaci√≥n de archivos activadas .

Esta es una distinci√≥n significativa porque Divi hace un buen trabajo al combinar sus propios scripts de forma predeterminada, mientras que Elementor no hace mucha optimizaci√≥n de scripts por s√≠ mismo. Entonces, si observa solo el complemento por s√≠ mismo, Divi generalmente se ver√° mejor cuando se trata de limitar las solicitudes HTTP .

Sin embargo, realmente no deber√≠a tener esto en cuenta con Elementor porque puede lograr la misma optimizaci√≥n de archivos en Elementor usando WP Rocket (o incluso un complemento gratuito como Autoptimize ).

Otros detalles de limpieza

¬°Algunos detalles m√°s de limpieza antes de mostrarte los datos!

En primer lugar, est√°n las propias configuraciones del generador de p√°ginas. Estar√© probando:

  • Elementor + Elementor Pro, heredando estilos de mi tema (en lugar de usar los estilos integrados de Elementor) . Debido a que necesita Elementor Pro para que coincida con las caracter√≠sticas de Divi, creo que es justo tenerlo instalado.
  • Versi√≥n del complemento Divi Builder . Si bien muchas personas usan el tema Divi, creo que es justo comparar el complemento con el complemento, ya que la base inicial no ser√≠a igual de otra manera. 

M√°s all√° de eso, mi sitio de prueba es:

Y para recopilar los datos de rendimiento , usar√© WebPageTest con la siguiente configuraci√≥n:

  • Ejecute nueve pruebas separadas y tome el valor de la mediana para eliminar la variabilidad de una sola prueba
  • Utilice la conexi√≥n RTT FIOS 20/5 Mbps 4ms , que es aproximadamente la velocidad promedio de Internet para los EE. UU. En su conjunto

Como referencia, antes de instalar el generador de páginas o WP Rocket, mi sitio de prueba tenía los siguientes detalles:

  • 0.595 s tiempo medio de carga completa
  • Pintura con contenido m√°s grande mediana de 0.631 s
  • 7 solicitudes HTTP
  • Tama√Īo de archivo de 26 KB
Prueba de rendimiento sin generador de p√°ginas o WP Rocket
Prueba de rendimiento sin generador de p√°ginas o WP Rocket

Comparación del rendimiento de Divi vs Elementor

¬°Ahora, vayamos a los datos!

Prueba n. ¬į 1: solo mensaje de texto

Esta primera prueba es cuando acabo de agregar una sola l√≠nea de texto usando un widget de texto. La p√°gina es s√ļper b√°sica; nuevamente, esto es solo para obtener una especie de ‚Äúpeso de referencia‚ÄĚ para cada herramienta. As√≠ es como se ve la p√°gina:

Solo texto en pagina web
Solo texto en pagina web

Aquí están los datos cuando se usan solo los complementos del generador de páginas (no WP Rocket):

¬† Completamente cargado LCP Solicitudes HTTP Tama√Īo del archivo
Elementor 0,927 segundos 0,796 segundos 25 273 KB
Divi 0.942 segundos 0,809 s 14 376 KB

Puede ver que Divi tiene muchas menos solicitudes HTTP. Nuevamente, esto se debe a que Divi hace un buen trabajo optimizando sus scripts de forma predeterminada. Por otro lado, el tama√Īo de p√°gina de Elementor es mucho menor, la diferencia es de aproximadamente 100 KB ( y recuerde, eso es para una p√°gina sin contenido real ).

Aquí están los mismos datos después de agregar WP Rocket:

¬† Completamente cargado LCP Solicitudes HTTP Tama√Īo del archivo
Elementor + WP RocketūüöÄ 0.551 segundos 0.398 segundos 5 243 KB
Cohete Divi + WPūüöÄ 0,754 segundos 0.548 segundos 5 366 KB

Puede ver que Elementor todav√≠a tiene un tama√Īo de archivo mucho menor. Sin embargo, debido a que WP Rocket se encarg√≥ de la optimizaci√≥n del script, Elementor ahora es igual a Divi en t√©rminos de solicitudes HTTP.

Lo más importante es que puede ver una gran reducción en el tiempo de carga completa y LCP para ambos creadores de páginas, lo que le muestra cómo WP Rocket puede marcar la diferencia sin importar si está usando Elementor o Divi.

Prueba n. ¬į 2: p√°gina de contenido

Ahora, hagamos una prueba despu√©s de agregar contenido. Nuevamente, esto es lo que agregu√© con cada constructor:

  • Acorde√≥n (dos secciones)
  • Bot√≥n
  • Contador de n√ļmeros
  • Formulario de contacto
  • Testimonial
  • Tabla de precios (un plan)

Así es como se ve la versión de Elementor:

Elementor con algo de contenido
Elementor con algo de contenido

Y así es como se ve en Divi:

Divi con algo de contenido
Divi con algo de contenido

Dudo que alguna de las p√°ginas vaya a ganar alg√ļn premio de dise√Īo, pero las dos son pr√°cticamente id√©nticas en t√©rminos de los m√≥dulos que utilic√©.

Aquí están los datos cuando se usan solo los complementos del generador de páginas (no WP Rocket):

Completamente cargadoLCPSolicitudes HTTPTama√Īo del archivoElementor1.213 segundos1.214 segundos30345 KBDivi1,185 s0,998 sdiecis√©is378 KB

Puede ver la misma historia de la prueba anterior: Divi tiene menos solicitudes HTTP, mientras que el tama√Īo de p√°gina de Elementor es m√°s peque√Īo ( aunque la diferencia no es tan grande ).

Aquí están los mismos datos después de agregar WP Rocket:

¬† Completamente cargado LCP Solicitudes HTTP Tama√Īo del archivo
Elementor + WP Rocket ūüöÄ 0,631 segundos 0,630 segundos 6 332 KB
Cohete Divi + WP ūüöÄ 0,654 segundos 0.497 segundos 5 368 KB

Al igual que con la prueba anterior, puede ver cómo WP Rocket puede reducir significativamente las solicitudes HTTP que realiza Elementor, alineando las cosas bastante con Divi ( que WP Rocket también pudo reducir ).

Lo m√°s importante es que tambi√©n puede ver que WP Rocket trajo grandes reducciones en la velocidad de la p√°gina para ambos creadores de p√°ginas. Nuevamente, no importa qu√© herramienta use, WP Rocket puede marcar una gran diferencia: en esta prueba, redujo los tiempos de carga a la mitad tanto para Divi como para Elementor.

Conclusiones: ¬ŅElementor es m√°s r√°pido que Divi?

Al final, tengo que darle una ligera ventaja a Elementor en t√©rminos de rendimiento debido a su tama√Īo de archivo m√°s peque√Īo. En pocas palabras, Elementor simplemente carga menos peso de forma predeterminada. E incluso cuando est√° agregando m√°s contenido, es probable que Elementor d√© como resultado un tama√Īo de archivo m√°s peque√Īo que Divi, aunque los resultados exactos depender√°n de su dise√Īo espec√≠fico.

De f√°brica, Divi hace un mejor trabajo al limitar sus solicitudes HTTP. Sin embargo, como mencion√© anteriormente, no creo que esta sea una diferencia importante porque es muy f√°cil solucionar este problema en Elementor a trav√©s de un complemento de rendimiento.

Una vez que combina los scripts en Elementor usando WP Rocket, es prácticamente igual a Divi en términos de solicitudes HTTP. 

Finalmente, es posible que haya notado que la diferencia en el rendimiento de Elementor frente a Divi es mucho menor que la diferencia en el rendimiento de WP Rocket frente a los que no son de WP Rocket ( sin importar qu√© creador de p√°ginas elija ). Entonces, si realmente desea que los dise√Īos de su creador de p√°ginas vuelen, aseg√ļrese de emparejarlos con WP Rocket o implementar las mejores pr√°cticas de rendimiento de WordPress.

Elegir entre Divi y Elementor: características clave, SEO y precio

Si bien creemos que el rendimiento es una de las consideraciones m√°s importantes al crear sitios de WordPress, no es la √ļnica. Aqu√≠ hay un resumen r√°pido de algunas otras diferencias importantes antes de terminar esta publicaci√≥n.

Características clave de Divi vs Elementor

Anteriormente, dije que esta no era tanto una publicaci√≥n sobre caracter√≠sticas sino m√°s sobre el rendimiento. Sin embargo, aqu√≠ hay un resumen r√°pido de las similitudes y diferencias de caracter√≠sticas de alto nivel.

Esto es lo que es igual entre ambas herramientas:

  • Interfaz visual de arrastrar y soltar
  • Edici√≥n de texto en l√≠nea
  • Opciones de estilo / dise√Īo muy detalladas: ambos son probablemente los dos mejores creadores de p√°ginas cuando se trata de flexibilidad de dise√Īo
  • Soporte completo para la construcci√≥n de temas
  • Asistencia para contenido din√°mico (incluidos campos personalizados)
  • Soporte de WooCommerce para la creaci√≥n de temas
  • Vibrantes mercados de extensiones de terceros, aunque Elementor es m√°s grande
  • Bibliotecas de plantillas predise√Īadas, aunque la biblioteca de plantillas de Divi es m√°s grande

Y estas son algunas de las diferencias de alto nivel :

  • Elementor Pro incluye un generador de¬†ventanas emergentes incorporado¬†, y Divi no (¬†aunque puede usar herramientas de terceros para agregar la construcci√≥n de ventanas emergentes a Divi¬†)
  • Divi viene en versi√≥n de tema y de complemento.¬†Sin embargo, Elementor ofrece su propio¬†tema Hello¬†.
  • Divi ofrece pruebas A / B integradas para optimizar sus dise√Īos (¬†aunque puede probar Elementor A / B con complementos / herramientas de terceros¬†)
  • Divi ofrece edici√≥n de frontend y backend, mientras que Elementor solo ofrece edici√≥n de frontend; a algunas personas les gusta tener la opci√≥n de backend en ciertas situaciones.

¬ŅDivi y Elementor son buenos para SEO?

En t√©rminos de las implicaciones de SEO entre Divi y Elementor, no notar√° mucha diferencia.¬†Ambas herramientas a√ļn le permitir√°n controlar la configuraci√≥n de SEO a trav√©s de complementos de SEO populares, y ambas se cargan lo suficientemente r√°pido como para que no tenga ning√ļn problema con los tiempos de carga de la p√°gina y el SEO.

Hay algunas diferencias de conveniencia. Por ejemplo, Yoast SEO acaba de lanzar una función que le permite ver / editar la configuración / análisis de Yoast SEO desde dentro de la interfaz de Elementor. Esto no cambia las funciones ( que antes podía usar con Elementor ), solo lo hace más conveniente, ya que ya no necesita volver al editor normal para controlar la configuración de Yoast SEO en Elementor.

Sin embargo, en general, puede clasificar los sitios de WordPress creados con Divi, y también puede clasificar los sitios creados con Elementor, por lo que no debe preocuparse de ninguna manera. Hay factores mucho más importantes para el SEO de WordPress que el complemento de creación de páginas que elija.

¬ŅCu√°nto cuestan Divi vs Elementor?

Elementor es la √ļnica opci√≥n que¬†ofrece una versi√≥n gratuita¬†, lo que instant√°neamente la convierte en una mejor opci√≥n si tiene un presupuesto cero.¬†Incluso con la versi√≥n gratuita, sigue siendo sorprendentemente flexible.

En términos de comparar los precios de Elementor Pro vs Divi (a través de la membresía de Elegant Themes ):

  • Elementor Pro es m√°s asequible si solo necesita usarlo en un solo sitio. Comienza en solo $ 49.
  • Divi es m√°s asequible si necesita usarlo en varios sitios. Por $ 89, puedes usarlo en sitios web ilimitados. El plan de $ 99 de Elementor Pro solo permite el uso en tres sitios, y necesita el plan de $ 199 para sitios ilimitados * (* t√©cnicamente, hay un l√≠mite de 1,000 sitios para evitar el abuso ).

Adem√°s, Divi ofrece una licencia de por vida, mientras que Elementor Pro solo viene en licencias de un a√Īo. Por un pago √ļnico de $ 249, obtienes soporte / actualizaciones de por vida para usar Divi en sitios ilimitados, lo cual es dif√≠cil de superar desde una perspectiva de valor.

Cómo acelerar Elementor y Divi

En general, Elementor parece tener una ligera ventaja sobre Divi cuando se trata de rendimiento. Sin embargo, tanto Elementor como Divi pueden ofrecerle un sitio de WordPress de carga rápida siempre que implemente otras mejores prácticas de rendimiento de WordPress .

Para la forma más fácil de acelerar Divi y Elementor, puede usar WP Rocket . Como vio en los datos de prueba, WP Rocket puede hacer grandes mejoras sin importar si está usando Elementor o Divi.

En resumen, aquí están los datos de antes y después de implementar WP Rocket en ambos escenarios de prueba:

Escenario 1: solo texto

¬† Completamente cargado LCP Solicitudes HTTP Tama√Īo del archivo
Elementor 0,927 segundos 0,796 segundos 25 273 KB
Elementor + WP Rocket ūüöÄ 0.551 segundos 0.398 segundos 5 243 KB
Divi 0.942 segundos 0,809 s 14 376 KB
Cohete Divi + WP ūüöÄ 0,754 segundos 0.548 segundos 5 366 KB

Escenario 2: con widgets de contenido equivalente

¬† Completamente cargado LCP Solicitudes HTTP Tama√Īo del archivo
Elementor 1.213 segundos 1.214 segundos 30 345 KB
Elementor + WP Rocket ūüöÄ 0,631 segundos 0,630 segundos 6 332 KB
Divi 1,185 s 0,998 s dieciséis 378 KB
Cohete Divi + WP ūüöÄ 0,654 segundos 0.497 segundos 5 368 KB

Entonces, ya sea que se decida por Elementor o Divi

5/5 - (2 votes)
Miguel Zicia Osorio
Miguel Zicia Osorio
https://ziccosor.com
CEO de ZICCOSOR - M√°s de 10 a√Īos asistiendo a empresas y a emprendedores de todo el mundo a convertir sus ideas, historias en s√≥lidas Marcas, Proyectos digitales, construyendo relaciones de confianza y duraderas.
guest

0 Comments
Opiniones integradas
Ver todos los comentarios