WordPress 5.0 y Gutenberg_Comparación de rendimiento

WordPress 5.0 vs. 4.9 - La prueba de rendimiento

La actualización a WordPress 5.0 está a la vuelta de la esquina. Sin embargo, la fecha exacta de lanzamiento depende de cuándo esté listo el nuevo editor de WordPress, alias "Gutenberg", para el núcleo de WP. Muchos usuarios de WP están preocupados por los problemas con los plugins, los temas y el rendimiento de su sitiodespués de la actualización. Por este motivo, hemos analizado la actualización con detenimiento y hemos medido si WordPress 5.0 provoca realmente las temidas pérdidas de tiempo de carga.

Actualización: El artículo hace referencia a una prueba que realizamos en la fase alfa del plugin Gutenberg. El 6 de diciembre de 2018 se lanzó WordPress 5.0 con el editor Gutenberg. En nuestro libro electrónico aprenderá qué significa el nuevo editor para los negocios de tuy cómo preparar el sitio web tupara Gutenberg . Descubra si Gutenberg puede competir ahora con los creadores de páginas establecidos en este artículo de Tariq Baig.

Gutenberg y el libro electrónico de WordPress 5.0

La próxima actualización de WordPress a la versión 5.0 tiene un actor principal: el llamado editor Gutenberg. Sin embargo, tras la integración en el núcleo de WP, el nombre de este proyecto pasará a la historia para no confundir innecesariamente a los nuevos usuarios de WordPress. Al menos ese es el plan. Pero primero, vayamos a la pregunta más importante: ¿Qué es exactamente el editor Gutenberg?

Gutenberg se supone que va a revolucionar WordPress

Si ya está familiarizado con los fundamentos deGutenberg, entonces pase directamente a nuestra comparación del rendimiento de WordPress 4.9 frente a WordPress 5.0.

Con la gran actualización de WordPress 5.0, Gutenberg sustituirá pronto al clásico editor TinyMCE, con el que los usuarios de WP han podido crear entradas y páginas durante más de 10 años sin necesidad de grandes conocimientos de HTML. Sin embargo, aquellos que quieran crear diseños más complejos alcanzarán rápidamente sus límites con el editor TinyMCE sin conocimientos de HTML y shortcodes.

Este obstáculo será eliminado por Gutenberg para que WordPress sea aún más accesible y fácil de usar. El principio básico del nuevo editor es una serie de bloques que proporcionan funciones específicas. Por ejemplo, hay bloques para titulares, texto, columnas, citas, listas, imágenes, vídeos, widgets, etc.

WordPress 5.0 incorpora más JavaScript y utiliza la API REST de WordPress

El nuevo editor trae consigo otro cambio: JavaScript. "La mayoría de los desarrolladores de WordPress se sienten bastante cómodos con PHP y el desarrollo de front-end, aunque los bloques de Gutenberg están fuertemente basados en JavaScript", escribe el desarrollador de WP Rich Tabor en su Guía para principiantes para la construcción de bloques Gutenberg . No en vano, el cofundador de WordPress, Matt Mullenweg, ya dijo a la comunidad de WP en el Estado de la Palabra 2015 la tarea "¡Aprende JavaScript en profundidad!

Debido a estos cambios fundamentales en WordPress 5.0, tenemos curiosidad por ver hasta qué punto el uso de JavaScript por parte de Gutenberg y el API REST de WordPress tendrá en el rendimiento de varios sitios de WordPress. Esto se debe a que gran parte del esfuerzo informático se desplaza del servidor web al cliente, lo que debería conducir a un menor tiempo de carga bajo carga. Pero llegaremos a eso en un momento.

WordPress 5.0 es un paso hacia el Pagebuilder

Dentro de la comunidad de WP, se suele decir que WordPress ofrece a los usuarios "lo que ves es lo que obtienes" (WYSIWYG). Sin embargo, la realidad suele ser diferente. Cualquiera que trabaje con WordPress sabe que no siempre se ve en su sitiolo que se ve en el backend.

Gutenberg se supone que cerrará esta brecha y llevará a WordPress un gran paso más cerca de WYSIWYG. Sobre este tema y las nuevas posibilidades que ofrece el editor Gutenberg, puedo recomendar el Conferencia de Morten Rand-Hendriksen y Mullenwegs Estado de la Palabra 2017 de WordCamp US.

Lo cierto es que Gutenberg sólo se introducirá inicialmente a nivel de editor, pero eso es sólo el principio. La visión de Mullenweg es hacer que todo WordPress esté basado en bloques para poder hacer frente a la competencia de los kits de construcción de sitios web como Wix, Medium y otros.

El siguiente paso - lo que viene después de lo que acaba de ver, cuando terminamos la experiencia de edición, es la personalización del sitio basada en Gutenberg. - Matt Mullenweg, Estado de la Palabra 2017

Así que, en el futuro, esto podría suponer un cambio de paradigma en WordPress, alejándose de la conocida estructura de plugins y temas y acercándose a un gigantesco constructor de páginas.

WordPress 5.0 plantea problemas debido a la "Gutenberg restricción

El hecho de que Gutenberg se haya convertido en el editor estándar con WordPress 5.0, es decir, que se imponga prácticamente a los usuarios de WordPress, no es bien recibido por todos. Los fabricantes de plugins y temas tienen que comprobar la compatibilidad de sus productos con Gutenberg, adaptarlos si es necesario o replantearlos por completo.

Los operadores de sitios de WordPress también se hacen cada vez más preguntas: ¿Qué impacto tendrá en mi negocio? ¿Hará WordPress 5.0 que mi sitiosea más lento? ¿Seguirán funcionando mis plugins? ¿Me servirá de algo la actualización si no uso el editor?

Por esta razón, hoy nos apartaremos de la discusión sobre Gutenberg, bloques y co y nos dedicaremos a las siguientes cuestiones:

1. ¿hay alguna diferencia de rendimiento entre WordPress 5.0 y 4.9?

2. ¿Debería actualizar a WordPress 5.0 teniendo en cuenta las incertidumbres actuales?

Comparación del tiempo de carga: WordPress 4.9 frente a WordPress 5.0

Para nuestra comparación sistemática de las dos versiones de WordPress, nos fijamos en dos indicadores clave de rendimiento: el tiempo de carga de la página para una sola llamada y el comportamiento de las páginas bajo carga.

Para la comparación del tiempo de carga, hemos preparado cuatro páginas de muestra cuyos tiempos de carga hemos comparado sistemáticamente bajo WP 4.9.4 y WP 5.0 (en 5.0-alpha-42852). Para ello hemos utilizado la herramienta Webpagetest herramienta para este fin.

Y para decirlo de antemano, no hay diferencias serias.

Prueba 1: WordPress 5.0 sitio tiende a hacer que un WP vacío sea más lento

En la primera prueba, comparamos los tiempos de carga de un WP-sitiocompletamente vacío bajo WordPress 5.0 y 4.9. El resultado: el tiempo hasta el primer byte (TTFB) y el tiempo de carga percibido de sitio(Load Time) han aumentado ligeramente con WordPress 5.0. El tiempo total de carga ha disminuido ligeramente. Sin embargo, esta diferencia se anula por completo cuando se observan los resultados de la caché a más tardar.

La conclusión de esta primera prueba: las diferencias en los valores medidos son probablemente fluctuaciones en la propia medición y no diferencias sistemáticas en el tiempo de carga.

Prueba 1: Tiempo de carga de WP sitio  vacío
En las dos CAJAS DEMO probadas, el tema Twenty Seventeen está activo y los temas Twenty Sixteen y Twenty Fifteen están instalados. No hay complementos en la página web sitio. La cachéRaidboxes está activa en ambas páginas.

Prueba 2: ¿Cómo se comporta una tienda online con WordPress 5.0?

En el segundo paso, utilizamos la misma configuración de prueba para una tienda de ejemplo. En este caso, se llamó a la página de inicio de la tienda en cada caso. Además de WooCommerce , se instalaron más de 50 plug-ins en el sitio de prueba, de los cuales más de 45 estuvieron activos durante la prueba.

La tienda equipada con productos y pasarelas de pago en funcionamiento tampoco muestra grandes diferencias en la prueba con respecto a los indicadores de rendimiento importantes.

El TTFB, el tiempo de carga y el índice de velocidad de webpagetest sólo varían ligeramente. También en este caso, las diferencias se reducen aún más con las llamadas en caché.

est 2: Ejemplo de tienda bajo WordPress 5.0
Especialmente en el estado de caché, se puede ver claramente que las diferencias entre las dos versiones de WordPress son mínimas.

Conclusión para los operadores de tiendas: Con una tienda realista y bastante extensa no pudimos encontrar ninguna diferencia sistemática entre WP 4.9.4 y WP 5.0 - ¡una buena señal!

Prueba 3: ¿Cómo se comporta un blog con WordPress 5.0?

Incluso en nuestra prueba con un blog típico, con una amplia conexión a las redes sociales y más de 20 plugins, como Yoast SEO, WP Smush, Akismet y Contact Form 7, no hay grandes diferencias en las características importantes del tiempo de carga: el tiempo de respuesta del servidor, el tiempo de carga percibido y el tiempo de carga total sólo difieren ligeramente entre las versiones de WordPress.

Conclusión: Mirando el índice de velocidad y el evento de renderización de inicio, el blog parece cargar un poco más rápido bajo WP 4.9.4, pero en general probablemente no hay diferencias significativas.

Prueba 3: Ejemplo de blog WordPress 5.0
En la prueba de tiempo de carga del blog, las diferencias parecen ser algo mayores, pero no se aprecian diferencias realmente impresionantes.

Prueba 4: ¿Qué pasa con un sitio corporativo bajo WordPress 5.0?

En la página de la empresa que probamos, se aprecian por primera vez diferencias interesantes: aunque el TTFB, el evento de inicio de renderización y el índice de velocidad se aproximan bastante, el tiempo total de carga percibido muestra una gran diferencia de 1,8 segundos.

Sin embargo, este valor puede explicarse por un recurso defectuoso. Si se elimina, los valores del tiempo de carga se igualan de nuevo. Así que la conclusión aquí también es: El sitio web de la empresa que probamos con un tema personalizado y 9 plugins (incluyendo WPML, Advanced Custom Fields y una herramienta para páginas de aterrizaje) no mostró diferencias relevantes entre WordPress 4.9.4 y WordPress 5.0.

Prueba 4: Ejemplo de sitio web de empresa WordPress 5.0
La diferencia en el tiempo de carga se niveló después de eliminar el recurso defectuoso. Así, la prueba anterior es un ejemplo perfecto de lo susceptibles que son las mediciones del tiempo de carga incluso a los errores más pequeños, como una imagen defectuosa.

Conclusión provisional: WordPress 5.0 no es un devorador de rendimiento

Nuestros primeros análisis con una versión alfa de WordPress 5.0 muestran que la nueva versión de WP probablemente no será un glotón de rendimiento, al menos no en el frontend. Independientemente de si es con o Gutenberg: Según nuestras mediciones, no hay diferencias relevantes. Por lo tanto, desde el punto de vista del rendimiento, no hay nada que decir en contra de una actualización a WordPress 5.0.

Al contrario: si se observan los resultados de nuestra prueba de carga, la actualización bien podría valer la pena.

Es importante: Por supuesto, estos resultados pueden cambiar con el tiempo. Los plugins y los temas y su compatibilidad con la nueva versión de WP también jugarán un papel decisivo.

Prueba 4: WordPress 5.0 muestra una mejor gestión de la carga

Además del tiempo de carga de un sitio, también es importante el número de accesos simultáneos que puede soportar el sitioantes de que se agote. Y aquí, efectivamente, hay serias diferencias entre WP 4.9.4 y la versión de WordPress 5.0 que hemos probado.

Para nuestra prueba hemos cargado un WP-sitiovacío con la herramienta Loader.io con 500, 750 y 1.000 peticiones sin caché por minuto y el resultado es notable. Mientras que el sitiocon WP 4.9.4 ya llega a las 750 peticiones por minuto y muestra un tiempo medio de respuesta (es decir, tiempo hasta el primer byte) de 4,9 segundos, el sitiocon WordPress 5.0 es mucho más resistente al estrés.

Incluso con 1.000 peticiones, el TTFB medio de sitiosigue siendo -no bueno pero sí estable- de 863 milisegundos. Esto es menos de una novena parte del valor de sitiocon WordPress 4.9.4.

Prueba 5: Prueba de carga vacía WP sitio

Para ser sinceros, apenas podíamos creer esta diferencia, pero incluso en la tercera, cuarta y quinta prueba, las diferencias se mantuvieron estables.

Este resultado nos sorprendió tanto que también realizamos la misma prueba con la herramienta Apache Benchmark en el backend. También en este caso, el resultado es sorprendente: sitiocon WordPress 5.0 puede procesar un 50% más de peticiones que sitiocon WordPress 4.9.4.

Debido a la optimización del código fuente en WordPress 5.0, algunos recursos se guardan en el lado del servidor. Esto significa que los recursos disponibles pueden atender más solicitudes a la vez.

Conclusión: WordPress 5.0 nos ha sorprendido positivamente

El grado final en que WordPress 5.0 cambiará el rendimiento de tussitio sólo quedará claro en la versión beta y en la completa. Sin embargo, una cosa es cierta: WordPress 5.0 funciona mucho más estable bajo carga en nuestra prueba que la versión 4.9.4.

Por lo tanto, desde la perspectiva de la compatibilidad de carga, sólo podemos recomendar la actualización a WordPress 5.0 en el momento actual. Como ya se ha mencionado, todavía pueden cambiar muchas cosas antes del lanzamiento, incluidos los resultados de estas pruebas. 

Además, nos centramos completamente en el rendimiento en estas pruebas. En cuanto se publique la beta de WordPress 5.0, también veremos la compatibilidad con los plugins y los temas y la funcionalidad general del editor Gutenberg. Sólo entonces podremos hacer una recomendación de actualización definitiva. Así que seguiremos atentos al tema y esperamos poder ofrecerle pronto nuevos datos.

¿Has probado ya WordPress 5.0 o el plugin Gutenberg? Entonces déjame un comentario, ¡estoy deseando saber más sobre tus experiencias!

¿Te ha gustado el artículo?

Con tu valoración nos ayudas a mejorar aún más nuestro contenido.

Escribe un comentario

Tu dirección de correo electrónico no se publicará.