Si te sientes algo restringido por la flexibilidad de los diseños proporcionados por los temas de WordPress, es posible que estés interesado en construir tus páginas web de WordPress con un plugin page builder.
Los creadores de páginas de WordPress se han vuelto muy populares porque permiten que cualquiera, incluso aquellos sin el don del código, construya un hermoso sitio web o página de destino utilizando un simple editor WYSIWYG de arrastrar y soltar., A medida que investiga qué creador de sitios web o plugin de WordPress sería el mejor para usted, verá una serie de factores importantes: facilidad de Uso, precios, plantillas de diseño de Página, etc. En este post, nos centramos en Comparar a estos creadores de páginas en un factor: la velocidad.
¿Los productos terminados que los creadores de páginas publican son los mismos cuando se trata de rendimiento? O, ¿estos constructores están creando un código ineficiente que ralentiza el rendimiento de su sitio de WordPress y daña su UX? Una página hermosa y perfecta en píxeles no vale mucho si tus usuarios rebotan porque tu sitio tarda 5 segundos en cargarse.,
la rapidez con la que se carga su sitio web está vinculada a su éxito. Las estadísticas indican que cada 100 milisegundos de tiempo de carga crea un aumento de aproximadamente el 7% en su tasa de rebote.
pero a menos que quieras tomarte el tiempo para crear landing pages idénticas con diferentes creadores de páginas y probar su rendimiento, es difícil saber con certeza cómo se acumula cada constructor de página.
bueno we nos tomamos el tiempo.,
construí páginas de aterrizaje casi idénticas con cinco creadores de páginas de WordPress populares y luego las pasé por un grupo de pruebas de velocidad para encontrar el mejor creador de páginas de WordPress en términos de rendimiento. Ahora, voy a compartir todos esos datos con ustedes.
así es como voy a probar estos 5 Page Builders
para probar el rendimiento de cada page builder, voy a construir una landing page usando cada uno de los cinco page builders. Basaré esto aproximadamente en la página de aterrizaje de Pagely, con algunos elementos añadidos y eliminados.,
estas landing pages serán, tanto como sea posible, perfectamente idénticas, aunque esto no siempre es posible debido a los elementos disponibles en cada constructor de página.
Además, no esperes que se vean tan bien como la página de inicio original de Pagely porque well bueno, no soy un diseñador profesional (o incluso un diseñador amateur).,
una vez que construya la página de destino con cada constructor de página, recopilaré datos utilizando tres herramientas diferentes:
- WebPagetest – proporciona un análisis detallado del rendimiento, incluido el tiempo de carga y un «índice de velocidad»
- Pingdom Tools – proporciona el tiempo de carga de la página, el tamaño de la página, el número de solicitudes
- para construir la página de aterrizaje de demostración, pero te recomiendo que tomes estos números como estimaciones aproximadas, en lugar de absolutos., He aquí por qué: al entrar en estas pruebas, he utilizado algunos de estos constructores de páginas más que los otros, por lo que no es científico para mí declarar uno «más fácil de usar» que los otros.
Aquí están los detalles técnicos de mi configuración de prueba
para que estas pruebas tengan cualquier valor, deben ser consistentes. Y tienes que confiar en que son consistentes.
así que antes de saltar a cualquier prueba real, vamos a correr a través de cómo mi sitio de prueba está configurado:
- alojado en Pagely
- ejecutando WordPress 4.9.,2
- Usando el tema Astra, una opción popular para que los desarrolladores se emparejen con los creadores de páginas
- Sin barra lateral. Contenedor extendido de ancho completo (estas son las opciones del tema Astra)
- complemento de Monitor de consulta instalado
- No hay otros complementos instalados
- No hay optimizaciones de velocidad de Página más allá de las implementadas automáticamente por Pagely hosting
y aquí están los complementos de constructor de página que usaré:
- Elementor-versión 1.9.2*
- Beaver Builder Pro – versión 2.0.3.1
- Divi Builder Plugin (es decir, no la versión del tema) – Versión 2.0.,31
- WPBakery Page Builder-version 5.4.2 (anteriormente conocido como Visual Composer)
- SiteOrigin Page Builder – version 2.6.1 plus SiteOrigin Widgets Bundle version 1.11.3
*debido a que Elementor Pro es un complemento, en lugar de un plugin independiente como las otras versiones premium, creo que es justo probar usando la versión gratuita de Elementor.
ejecutar las pruebas para cada constructor de Página individual de WordPress
ahora que sabe en qué se basan estas pruebas, ¡entremos y veamos los datos!,
para cada constructor de página, incluiré:
- Una captura de pantalla de cómo se ve la página de destino probada
- datos de rendimiento de Pingdom
- datos de rendimiento de WebPagetest
- cuánto tiempo me llevó crear la página (recuerde, esto es solo una guía aproximada, no lo tome como una comparación difícil)
- Una captura de pantalla de lo que sucede después de desactivar el constructor de página, para darle una idea – en «hay
entonces, al final, voy a poner todo junto en una tabla fácil de comparar y hacer algunas conclusiones!, Si prefiere omitir el juego por juego, puede hacer clic aquí para saltar directamente a la tabla de resumen.
prueba de rendimiento de Elementor
Al igual que todos los plugins de page builder que aparecen aquí, Elementor hace que sea fácil crear una página web de gran apariencia rápidamente sin tener que conocer ningún HTML, CSS o Javascript.
Elementor ofrece una característica única llamada «Elementor Canvas» que le permite construir una página web completamente desde cero, completamente separada del tema de WordPress. No hay pie de página insertado, no hay menús, no hay barras laterales., Es la máxima flexibilidad en el diseño de WordPress y muy útil para crear páginas de aterrizaje de arrastrar y soltar en particular (que a menudo utilizan diseños no estándar y requieren distracciones mínimas de la llamada a la acción).,
Qué aspecto tenía la Landing Page:
Tiempo para construir la página: 22:09
Pingdom Test Data:
Webpagetest Test Data:
consultar datos del monitor:
lo que sucede después de desactivar el plugin:
prueba de rendimiento del generador de castores
Beaver Builder es un popular plugin de construcción de sitios web utilizado por más de 175K sitios web. Es famoso por su facilidad de uso y su interfaz de usuario intuitiva.,
también ofrece algunas funciones avanzadas como atajos de teclado y la capacidad de guardar filas y columnas para que puedan reutilizarse fácilmente. Beaver Builder está construido en el marco de Bootstrap y afirma ser rápido y ligero., Vamos a ver cómo funciona en el mundo real
Cómo se veía la página de destino:
Tiempo para construir la página: 20:37
datos de prueba de Pingdom:
WebPagetest datos de prueba:
datos del monitor de consulta:
Qué sucede después de desactivar el plugin:
Divi Builder performance test
Divi, por Elegant Themes, es un tema de WordPress y un plugin de constructor de página independiente., Aquí estamos revisando el rendimiento del plugin creador de sitios web no el tema de WordPress.
Puede crear páginas y publicaciones en el backend de WordPress o incluso diseñar su sitio utilizando el frontend de WordPress con un editor de WYSWIG. Divi ofrece cientos de temas secundarios y plantillas de página pre-construidas. Fiel al nombre de su compañía, Divi ofrece una experiencia de construcción de páginas verdaderamente elegante con muchas características pulidas, atractivas e intuitivas.,
Qué aspecto tenía la Landing Page:
Tiempo para construir la página: 21:02
Pingdom Test Data:
Webpagetest Test Data:
consultar datos del monitor:
lo que sucede después de desactivar el plugin:
prueba de rendimiento de WPBakery Page Builder
al igual que Elementor, WPBakery a menudo se incluye con muchos temas populares de WordPress., WPBakery se destaca de muchos de los otros creadores de páginas debido a la cantidad de complementos y mejoras disponibles. Puedes elegir entre más de 200 complementos que hacen de todo, desde animaciones CSS elegantes hasta mejorar tus páginas de productos WooCommerce.,
¿Qué La Página de Aterrizaje era algo así:
el Tiempo Para Construir la Página: 27:18
Pingdom Datos de Prueba:
WebPagetest Datos de Prueba:
Consulta de los Datos del Monitor:
¿Qué Sucede Después de Desactivar El Plugin:
SiteOrigin el creador de la Página de Prueba de Rendimiento
SiteOrigin es completamente gratis. Mientras que muchos constructores de páginas instalan sus propios widgets, Site Origin es único en que juega bien con los widgets predeterminados de WordPress.,
Cómo se veía la Landing Page: *SiteOrigin Page Builder no tiene un elemento de contador, así que usé HTML estático en su lugar, lo que le da una ligera ventaja en las pruebas de rendimiento.,
Time to Build Page: 19:51
Pingdom Test Data:
Webpagetest Test Data:
consultar datos del monitor:
lo que sucede después de desactivar el plugin:
WordPress Page Builder Speed Comparison
después de que se ejecutaron todas las pruebas y se procesaron los datos, aquí está cómo se sacudieron las cosas.
veamos primero lo bueno., Aquí está el ganador general de cada categoría:
- El tiempo más rápido de carga de la página de Pingdom: SiteOrigin Page Builder a 390 ms
- menos solicitudes de Pingdom: SiteOrigin Page Builder con 13
- El Tamaño más bajo de la página de Pingdom: SiteOrigin Page Builder con 245.0 kB
- li> lowest webpagetest speed index: SiteOrigin Page Builder en 500
- Menos consultas de base de datos: Divi Builder con 8
- Tiempo de consulta de base de datos más bajo: Divi Builder en 0.,0039 s
y ahora veamos al peor intérprete en cada categoría en nuestras pruebas:
- El Tiempo de carga de la página Pingdom más lento: Beaver Builder a 665 ms
- La mayoría de las solicitudes de Pingdom: Elementor con 28
- El Tamaño de Página Pingdom más alto: Divi Builder a 532.7 kB
- 1.294 s
- Índice de velocidad de prueba Web más alto: Divi Builder en 901
- La mayoría de las consultas de base de datos: Elementor con 30
- Tiempo de consulta de base de datos más alto: Elementor en 0.,Page Builder
Pingdom Page Load 489 ms 665 ms 463 ms 401 ms 390 ms Pingdom Requests 28 20 15 15 13 Pingdom Page Size 530.,7 kB 416.6 kB 532.7 kB 435.7 kB 245.0 kB WebPagetest Fully Loaded 1.254 s 943 ms 1.,d=»573b113c2a»>578 ms WebPagetest Speed Index 574 700 901 610 500 Database Queries 30 14 8 10 9 DB Queries Time 0.,0123 0.0059 0.0039 0.0042 0.0042 Time To Build Page 22:09 20:37 21:02 27:18 19:51 What Conclusions Can We Draw About Page Builder Performance?,
los datos están ahí para que usted los interprete. Pero aquí hay algunas conclusiones que creo que vale la pena considerar:
Page Builders son, en cierta medida, un acto de equilibrio entre el rendimiento y las características
como era de esperar, SiteOrigin Page Builder tuvo el mejor rendimiento en casi todas las pruebas.
pero aquí está la cosa:
SiteOrigin Page Builder no es solo ligero cuando se trata de rendimiento, también es ligero cuando se trata de características.,
obtiene un mejor rendimiento que los otros creadores de páginas, en parte, sacrificando la funcionalidad.
para el centrado en el rendimiento, esa compensación podría valer la pena.
pero otras personas podrían estar dispuestas a cambiar un poco de rendimiento por una experiencia de construcción de páginas más poderosa, y no creo que necesariamente haya nada malo en eso.
el usuario promedio podrá construir una página más compleja con uno de los otros cuatro constructores de páginas.,
por esa razón, creo que es mejor buscar un creador de páginas que tenga las características que necesita y luego comparar el rendimiento de los creadores de páginas que cumplen con esos criterios.
no hay grandes diferencias entre los creadores de páginas de WordPress de alta potencia
si excluye SiteOrigin Page Builder y solo se centra en los creadores de páginas más ricos en funciones, notará que no hay una tonelada de diferencia entre ellos.,
ciertamente puede detectar algunas diferencias: Elementor es un poco pesado en consultas y solicitudes de bases de datos, mientras que Beaver Builder ofrece el tamaño de Página más pequeño.
pero en general, todos estos plugins han trabajado claramente para optimizar el rendimiento, que es probablemente la razón por la que son los líderes del mercado en el espacio.
shortcode Lock-In es una consideración Real
si estás eligiendo un constructor de Página de por vida, no tienes que preocuparte por esto.,
pero si crees que existe la posibilidad de cambiar (o dejar de usar) los creadores de páginas en el futuro, es importante señalar que solo dos de estos creadores de páginas dejan código completamente limpio.
los dos complementos que dejan un Código 100% limpio son:
- Elementor
- Beaver Builder
SiteOrigin Page Builder deja un código mayormente limpio, pero deja algunos shortcodes, en particular, que aparece donde quiera que usé botones.,
finalmente, tanto Divi Builder como WPBakery Page Builder dejan un montón de códigos cortos que tendrás que encontrar una manera de eliminar.
¿Cuáles son sus experiencias con el rendimiento de los creadores de páginas de WordPress?
Por supuesto, la velocidad de su sitio web de WordPress es solo un factor a considerar cuando se trata de encontrar el mejor constructor de página para su sitio. Cosas como la facilidad de uso, la calidad de las plantillas de página que incluyen, lo fácil que es el estilo de las páginas, los precios, el nivel de soporte y muchos otros factores entran en juego.,
pero, lo que en última instancia estás tratando de producir es un hermoso sitio web que se cargue rápidamente, por lo que el rendimiento de estos diferentes creadores de páginas es una consideración crítica.
¿Cuáles son sus propias experiencias con estos plugins de WordPress page builder y rendimiento? Y, lo que es más importante, ¿dónde crees que debería estar el equilibrio entre las características y el rendimiento? Para otro artículo de opinión en profundidad de Pippin Williamson en plugins page builder, echa un vistazo a esto.,
autor
Colin Newcomer
Colin Newcomer es un escritor freelance contratado con experiencia en SEO y marketing de Afiliados. Ayuda a los clientes a aumentar su visibilidad web escribiendo principalmente sobre marketing digital, WordPress y temas B2B.
