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 sitio tras la actualización. Por esta razón, hemos analizado detenidamente la actualización y hemos medido si WordPress 5.0 provoca realmente las temidas pérdidas de tiempo de carga.

Actualización: El artículo se refiere 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ás qué significa el nuevo editor para el negocio de tu y cómo preparar el sitio web tu para Gutenberg . Averigua si Gutenberg puede competir ahora con los constructores 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 será 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ás familiarizado con los fundamentos deGutenberg, entonces pasa directamente a nuestra comparación de rendimiento de WordPress 4.9 frente a WordPress 5.0.

Con la gran actualización de WordPress 5.0, Gutenberg pronto sustituirá 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 tener grandes conocimientos de HTML. Sin embargo, aquellos que quieran crear diseños más complejos llegarán rápidamente a sus límites con el editor TinyMCE sin conocimientos de HTML y shortcodes.

Este obstáculo debe 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 especiales. 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 con el desarrollo del 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 de 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 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 sitio lo que se ve en el backend.

Gutenberg se supone que cerrará esta brecha y acercará a WordPress un gran paso hacia el 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.

El hecho 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 acabas 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 prácticamente se imponga 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 completamente.

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

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ías 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 graves.

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-sitio completamente 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 (tiempo de carga) 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é como máximo.

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 pruebas, 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é, puedes ver claramente que las diferencias entre las dos versiones de WordPress son mínimas.

Conclusión para los operadores de la tienda: 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 diferencias realmente grandes 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 inicio de renderización, 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 del 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 (incluidos WPML, Advanced Custom Fields y una herramienta para páginas de destino) 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, actualmente no hay nada que decir en contra de una actualización a WordPress 5.0.

Al contrario: si observas 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 sitio antes de que se agote. Y aquí sí que 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-sitio vacío con la herramienta Cargador.io con 500, 750 y 1.000 peticiones sin caché por minuto y el resultado es notable. Mientras que el sitio con 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 sitio con WordPress 5.0 es mucho más resistente al estrés.

Incluso con 1.000 peticiones, el TTFB medio de sitio sigue siendo -no bueno pero sí estable- de 863 milisegundos. Esto es menos de una novena parte del valor de sitio con 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 pasadas, 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: el sitio de WordPress 5.0 puede procesar un 50% más de peticiones que el sitio de 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 peticiones a la vez.

Conclusión: WordPress 5.0 nos ha sorprendido positivamente

El grado final en el que WordPress 5.0 cambiará el rendimiento de tus sitio sólo quedará claro en la versión beta y 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 dicho, 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 estaremos atentos al tema y esperamos poder ofrecerte 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á. Los campos obligatorios están marcados con *.