Hoy os traigo algo que haces meses que realizamos, pero hasta hoy no he tenido tiempo ni los datos para poder traemso mis impresiones sobre la primera Builder Wars que se ha realizado en España.
La llevamos a cabo en un grupo de amigos de WordPress, creo que se podría definir de esa manera. Pienso en alguno de ellos que seguro que sugeriría alguna palabra más picantona. ¡Un saludo para ti!
Índice de contenidos
Primera Guerra de Constructores WP
No recuerdo muy bien de quién fue la idea, sinceramente, pero si está claro que entre todos ayudamos y ella sola salió. Sería allá por finales octubre de 2020 cuando parimos la idea que hoy te trae aquí.
El objetivo era ver cuál es el mejor constructor de WordPress. y tras un acalorado debate…
…decidimos ponernos a prueba.
Uno de los asistentes tiene una empresa de hosting, quien cedió amable y gratuitamente el espacio en la nube. De esta manera tondos contaríamos con un servidor de las mismas características, y solo habría pequeñas fluctuaciones por la carga puntual de trabajo. Algo que para la rigurosidad que buscábamos era más que suficiente.
Primera Guerra de constructores de #WordPress Clic para tuitearQué diseño se eligió
Los constructores elegidos en esta primera ronda fueron los principales: Gutenberg, Avada, Cornerstone, Divi, Elementor y WPBakery. Aquí distinguimos entre la opción de WPBAkery con su propio thema y con el tema por defecto, al igual que se hizo con Divi.
Gutenberg Vs. Avada Vs. Cornerstone Vs. Divi Vs. Elementor Vs. WPBakery Clic para tuitearEl tema de WordPress escogido fue Twety Twenty
Para el diseño de la web partimos de una web de criptomonedas. La web es formato landing y con un diseño bastante simple, pero a su vez con detalles que requerían poner al límite a los constructores.
Objetivos y análisis de la comparativa de builders
Los objetivos estaban claros:
- Similitud con el diseño original
- Tiempo de carga de la web frente al tamaño de página
- Número de peticiones al servidor
- Performance, Accessibility, Best Practice y SEO
También quisimos ver el tiempo que se tardaba en construir la web, pero resultó complejo de precisar ya que en ocasiones se fue haciendo en los ratos libres que el trabajo dejaba. Esto lo desestimamos.
Para poder tener las métricas de estos objetivos se utilizaron diferentes herramientas: pingdom, web.dev/measure y webpagetest.org
Todos los participantes usaron las mismas imágenes y la misma tipografía, sin poder modificarlas. No estaba permitido el uso de plugins de optimización, y tan solo se podían usar complementos propios que trajese el builder por defecto
Resultados
Similitud del diseño
La similitud visual lograda e los diferentes builders tanto en la versión escritorio como en la versión móvil, daba un claro vencedor a Avada, al igual que la funcionalidad que se logró con este constructor. Quedando Divi, como la segunda opción más equilibrada.
Tiempo de carga
Aquí el tiempo de carga de la web frente al peso d ela misma, dejó muy claro como Divi y Elementor eran los más pesados y a su vez los que más tiempo requerían para cargar. En el otro lado, quedaba WPBakery que lograba un tiempo de carga muy equilibrado a pesar de no ser la opción más liviana. Aquí la gran sorpresa fue Gutenberg que no fue el más liviano.
Peticiones al servidor
Aquí la gran sorpresa la protagonizaron Elementor, Gutenberg y Divi.
Elementor superó con creces las peticiones que realizaba al servidor. Y Gutenberg, a pesar de estar integrado en el core de WordPress se quedó en una posición intermedia junto a Divi.
Performance, Accesibility, Best Practice y SEO
Como no podía ser de otra manera esta herramienta es fundamental para analizar cualquier web de hoy en día.
En este apartado WPBakery fue el vencedor indiscutible, dejando a Divi en el extremo opuesto.
Conclusiones de la Builders Wars 2020 de WordPress
Teniendo presente que la metodología de análisis podía haberse hecho más rigurosa, si bien es cierto que no se buscaban datos empíricos si no una aproximación, los resultados son más que satisfactorios.
Nos supuso una semana de diversión construyendo webs y un rato de análisis de resultados.
Y esos resultados dejaron entre ver que cada constructor tiene sus ventajas y sus inconvenientes. Y si hacemos un computo general tirando de datos más concretos, la clasificación quedó así:
- Avada
- Divi
- Cornerstone
Y con esto cierro el artículo a la espera de la segunda edición, donde seguramente se incluyan constructores menos conocidos. ¿Alguna sugerencia?