homefinance blog
Si está buscando un generador de páginas para su próximo proyecto de WordPress, Div y Beaver Builder son dos de las mejores opciones. Para asegurarse de que su sitio tenga un rendimiento óptimo, debe usar un generador potente y rápido, porque la velocidad del sitio es esencial para una experiencia de usuario positiva. En esta publicación, analizaremos el rendimiento de ambos constructores para ayudarlo a decidir cuál es adecuado para usted. También cubriremos las características principales y algunos consejos sobre cómo aprovechar al máximo la velocidad de cada constructor.
Entonces, ¿qué generador de página es más rápido: Div o Beaver Builder? ¡Continúa leyendo para averiguarlo! Cómo probamos VS Beaver Builder (enfoque móvil completo) para ayudarlo a comprender cómo Diva y Beaver Builder compara la velocidad del sitio, realizaremos tres pruebas separadas. ¿Por qué? Debido a que cada herramienta debe compararse con una variedad de escenarios similares, para que pueda haber una comparación de manzanas con manzanas. Versiones de WordPress: Tema: Versión gratuita de los complementos GenerePress:
Divin Page Builder (V.4.9.3)
Beaver Builder Page Builder (Versión Premium V 2.5.1)
Nota: Tanto Divi como Beaver Builder ofrecen un tema, pero para mantener la comparación correcta, solo compararemos los creadores de páginas autónomas premium. Si desea saber qué tan rápido es el tema Div, le recomendamos leer nuestro artículo dedicado.
Herramientas móviles y KPI:
Google PageSpeed Insights (valores web básicos, índice de velocidad, tiempo total de bloqueo, primer contenido y tiempo de interacción)
WebPageTest (Tiempo caro completo y número de solicitudes HTTP en el escenario móvil – iPhone X en París) #1: solo complementos con una línea de texto veremos cómo cada complemento pesa en el saldo antes de agregar cualquier contenido (widgets y cualquier otro modelos avanzados ). Para hacer esto, activaremos ambos complementos de Beaver Builder en nuestro sitio con una sola línea de texto. Los resultados deben ser buenos en Google PageSpeed Insights.
Escenario #2: algunos contenidos para mantener las cosas lo más precisas y equilibradas posible, agregaremos los siguientes módulos/secciones disponibles para cada constructor:
Un botón – Llamar a la acción
Una sección de contador de números
Una tabla de precios (dos planes)
Escenario #3 El Contenido + Rocket WP Finalmente, activaremos el complemento WP Rocket en los mismos sitios de prueba para verificar si la nota de rendimiento ha mejorado. Comparación con el rendimiento de Speed Div vs Beaver Builder Antes de comenzar la prueba de velocidad, recomendamos leer nuestra guía detallada sobre la prueba del sitio de WordPress.
¡Profundamos ahora en nuestras comparaciones de rendimiento! Escenario #1: solo texto En esta primera prueba, agregamos una sola línea de texto usando el módulo de texto de cada constructor.
Estos son nuestros hallazgos:
| kpi (rendimiento móvil) | división construye rendimiento | performance beaver builder |
| nota general | 97/100 | 95/100 |
| 1.8 S | 2.2 S | si | 1.1 S | 1.3 S |
| lcp | 0.680 s | 1.4 s |
| tti | 1.9 s | 2.2 s |
| tbt | 0 ms | 0 ms |
| cls | 0 | 0 |
| a tiempo completo cargado | 1.339 S | 0.944 S |
| solicita http | 11 | 6 |
Sin mucho contenido, Divi Builder es un poco mejor que Beaver Builder. Veamos cómo va la auditoría con algo más contenido.
Un botón – URSE A LA ACCIÓN
Una sección de contador de números
Una tabla de precios (dos planes)
En general, ambos sitios de prueba se desaceleraron (lo que tiene sentido, porque agregamos contenido). Google PageSpeed Insights ofrece notas naranjas para nuestros sitios de prueba, con una ligera ventaja sobre el Div.
<
<
conclusiones clave: el tiempo de carga completo es 2, 3 segundos-it it it es Un poco más rápido que Beaver Builder, que se ha cargado en 2.4 segundos. En general, ambos temas son rápidos y una excelente opción para sus objetivos de rendimiento. Divin también tiene un rendimiento ligeramente mejor que Beaver Builder en términos de vitales de web centrales. La pintura de contenido más grande (LCP) de la división es inferior a 1 segundo y también logró una nota de rendimiento más alta en PSI (89/100) en comparación con Beaver Builder (85/100). Concluyamos la prueba de rendimiento con el último escenario: instalar el potente complemento WP Rocket Cache.
¡Escenario #3 con WP Rocket, ambos sitios de prueba están en el área verde en dispositivos móviles cuando activo WP Rocket! Una de las mejoras más significativas fue la medición del tiempo de carga total. Pasó de 2.339 s a 0.618 s para Diva y Beaver Builder de 2,444 s a 0.606 s. (PSI)
Aquí está la tabla de comparación que muestra el rendimiento de ambos temas con y sin cohete WP:
| kpi (rendimiento móvil) | rendimiento de contenido | Divic Builder Performance con WP Rocket | Beaver Builder Performance | Beaver Builder Performance con WP Rocket |
| Nota general | 89/100 | 99/100 | 85/100 | 98/100 |
| fcp | 1.8 s | 0.7 s | 2.2 s | 1.1 s |
| y | 1.4 s | 0.7 s | 1.3 s | 1.1 s |
| lcp | 0.980 s | 0.9 s | 1.4 s | 2.5 s |
| tti | 2.9 s | 0.7 s | 2.2 s | 1.1 s |
| tbt | 0 ms | 0 ms | 0 ms | 0 ms |
| cls | 0.025 | 0.025 | 0 | 0 |
| a tiempo completo cargado | 2.339 s | 0.618s | 2.444s | 0.606 s |
| solicita http | 18 | 5 | 15 | 4 |
Recomendaciones de rendimiento: gracias a WP Rocket, vi las siguientes mejoras para ambos temas:
Todos mis elementos vitales web están en el área verde (para Diva y Beaver Builder).
El tiempo de carga total ha mejorado (-75% menos en promedio). Como durante el tiempo de carga completa, Beaver Builder ahora es un poco más rápido que Div.
El número de solicitudes HTTP ha disminuido significativamente.
El gran trabajo con WP Rocket es que, independientemente del generador de páginas que decida, llegará a Google PageSpeed Insights. Si quieres saber cómo hemos logrado una actuación tan grande, ¡vaya a nuestra última sección! Echemos un vistazo ahora a las características principales de cada constructor, para que podamos ayudarlo a elegir.
Elegir entre Divi y Beaver Builder: Características y precios clave tanto Beaver Builder como Div son páginas extraordinarias de páginas por y porta. En primer lugar, hagamos una lista de similitudes entre ellos:
Características clave que tienen en común:
Generador de página front-end: lo que ve es lo que obtienes (wysiwyg): tanto tienen interfaces simples y ergonómicas que son intuitivas y muy fáciles de usar.
La capacidad de diseñar modelos personalizados avanzados para sus publicaciones y páginas de WordPress, con una interfaz simple
Bibliotecas impresionantes de plantillas receptivas, que simplemente puede reemplazar con su propio contenido. Personalmente prefiero la apariencia de la biblioteca de la Divic, porque puede buscar la categoría y la industria.
| div | Biblioteca Beaver Builder |
