WordPress 5.0 vs. 4.9 - La prueba de rendimiento

Jan Hornung Última actualización 21.10.2020
8 min.
WordPress  5.0 y Gutenberg_Comparación de rendimiento
Última actualización 21.10.2020

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 editorWordPress alias "Gutenberg" para el núcleo de WP. Muchos usuarios de WP están preocupados por los problemas con Plugins, Themes y el rendimiento de su sitio después de la actualización. Por esta razón, hemos analizado la actualización y hemos medido si WordPress 5.0 realmente provoca las temidas pérdidas de tiempo de carga.

Actualización: El artículo se refiere a una prueba que hicimos en la fase alfa de Gutenberg-Plugins . El 6 de diciembre de 2018, WordPress 5.0 salió con el Gutenberg-editor. En nuestro libro electrónico aprenderá lo que significa el nuevo editor para los negocios de tu y cómo preparar el sitio web tu para Gutenberg . Si Gutenberg puede seguir el ritmo de los creadores de páginas establecidos mientras tanto, puede averiguarlo en este artículo de Tariq Baig.

Gutenberg y WordPress  5.0 E-Book

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 WP-Core, este nombre de 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 debería revolucionar WordPress

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

Con la gran actualización a WordPress 5.0, Gutenberg pronto sustituirá al clásico editor TinyMCE, con el que los usuarios de WP han podido crear posts y páginas sin grandes conocimientos de HTML durante más de 10 años. 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 debería 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 aporta 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 muy 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 dio a la comunidad de WP la tarea de "¡Aprender JavaScript en profundidad!

Debido a estos cambios fundamentales en WordPress 5.0, tenemos curiosidad por ver cómo el uso de Gutenberg de JavaScript y el WordPress REST API afectará al rendimiento de varias páginas de WordPress . Al fin y al cabo, esto desplaza gran parte del esfuerzo computacional del servidor web al cliente, lo que debería traducirse en tiempos de carga más rápidos 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 consigue en su sitio lo que se vio en el backend.

Gutenberg debería cerrar esta brecha y acercar a WordPress un gran paso hacia el WYSIWYG. A este tema y a las nuevas posibilidades por el Gutenberg-Editor le puedo el presentación 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 la totalidad de WordPress se base en bloques para poder hacer frente a la competencia de los kits de construcción de sitios web como Wix, Medium y compañía.

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 Themes y acercándose a un único y gigantesco constructor de páginas.

WordPress 5.0 causa preocupación debido a la "Gutenberg- compulsión".

El hecho de que Gutenberg se convierta en el editor estándar con WordPress 5.0, es decir, que se imponga prácticamente a los usuarios de WordPress , no cuenta con la aprobación de todos. Por ejemplo, los fabricantes de Plugin y Theme deben comprobar la compatibilidad de sus productos con Gutenberg, adaptarlos si es necesario o replantearlos por completo.

Los operadores de los sitios WordPress también se preguntan cada vez más: ¿Qué impacto tendrá esto en mi negocio? ¿Reducirá mi sitio la velocidad de WordPress 5.0? ¿Seguirá funcionando mi Plugins ? ¿Me servirá de algo la actualización si no uso el editor?

Por ello, hoy nos desprendemos de la discusión sobre Gutenberg, bloques y co y nos dedicamos a las siguientes cuestiones:

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

2. ¿Debería usted actualizar a WordPress 5.0 en absoluto, dadas 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-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 (Load Time) han aumentado ligeramente con WordPress 5.0. El tiempo total de carga ha disminuido ligeramente. Sin embargo, esta diferencia se compensa completamente cuando se miran los resultados en 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 Theme Twenty Seventeen está activo y los Themes Twenty Sixteen y Twenty Fifteen están instalados. No hay Plugins en el sitio. La cachéRAIDBOXES está activa en ambas páginas.

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

En el segundo paso, utilizamos la misma configuración de prueba para una tienda de muestra. En este caso, se llamó a la página de inicio de la tienda en cada caso. Además de WooCommerce , en la página de prueba se instalaron más de 50 otros Plugins , 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 en 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 propietarios 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 en 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 realmente grandes diferencias en las métricas de tiempo de carga importantes: el tiempo de respuesta del servidor, el tiempo de carga percibido y el tiempo de carga total difieren sólo ligeramente entre las versiones 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 de tiempo de carga del blog, las diferencias parecen ser ligeramente mayores, pero no se aprecian diferencias realmente impresionantes.

Prueba 4: ¿Qué pasa con un sitio corporativo en 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, hay una gran diferencia de 1,8 segundos en el tiempo total de carga percibido.

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

Prueba 4: Ejemplo de sitio web de una 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 prestaciones

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. No importa si con o Gutenberg: Según nuestras mediciones, no hay diferencias relevantes. Desde el punto de vista del rendimiento, nada desaconseja una actualización a WordPress 5.0.

Todo lo contrario: viendo los resultados de nuestra prueba de carga, la actualización podría merecer la pena.

Es importante: Por supuesto, estos resultados pueden cambiar con el tiempo. También Plugins y Themes y su compatibilidad con la nueva versión de WP jugarán aquí un papel decisivo.

Prueba 4: WordPress 5.0 muestra un mejor manejo 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 manejar el sitio antes de que se agote el tiempo. Y aquí puedes ver serias diferencias entre WP 4.9.4 y la versión de WordPress 5.0 que probamos.

Para nuestra prueba hemos creado un WP-sitio vací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 sitio con WP 4.9.4 ya llega a 750 peticiones por minuto y muestra un tiempo medio de respuesta (Time To First 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

Sinceramente, nos costó 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 de referencia de Apache en el backend. También en este caso el resultado es sorprendente: el sitio con WordPress 5.0 puede procesar un 50% más de peticiones que el sitio con WordPress 4.9.4.

Debido a la optimización del código fuente en WordPress 5.0, se ahorran algunos recursos 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 alcance final de cuánto cambia WordPress 5.0 el rendimiento de tus sitio sólo se pondrá de manifiesto en la versión beta y completa. Sin embargo, una cosa es cierta: WordPress 5.0 funciona mucho más estable bajo carga que la versión 4.9.4 en nuestra prueba.

Desde el punto de vista de la compatibilidad de carga, sólo podemos recomendar la actualización a WordPress 5.0 en este momento. Sin embargo, como ya se ha dicho, muchas cosas pueden cambiar antes del lanzamiento, incluidos los resultados de estas pruebas. 

Además, en estas pruebas nos hemos centrado completamente en el rendimiento. Una vez que se publique la beta de WordPress 5.0, También estudiaremos la compatibilidad con Plugins y Themes y la funcionalidad general del editor Gutenberg. Sólo entonces podremos hacer una recomendación de actualización definitiva. Así que seguiremos atentos a este tema y esperamos poder ofrecerle pronto nuevos datos.

¿Has probado ya WordPress 5.0 o el Gutenberg-Plugin ? Entonces déjame un comentario, ¡me alegro de tener más experiencias!

RAIDBOXER desde el inicio y Jefe de Apoyo. En el bar y WordCamps le gusta hablar de PageSpeed y del rendimiento de los sitios web. La mejor manera de sobornarlo es con un expreso o un pretzel bávaro.

Artículos relacionados

Comentarios sobre este artículo

Escribe un comentario

Tu dirección de correo electrónico no se publicará. Los campos obligatorios están marcados con *.