WordPress 6.3 “Lionel”: más de 170 actualizaciones de rendimiento, nuevas funciones del editor del sitio y más

¡Ya está disponible WordPress 6.3 “Lionel”!

Nombrado en honor al célebre artista de jazz estadounidense Lionel Hampton, 6.3 es el segundo lanzamiento importante del año, y es seguro decir que es incluso más espectacular que 6.2.

Sabemos que es difícil de creer después de las más de 900 mejoras y correcciones implementadas en “Dolphy”, pero es verdad.

6.3 viene con funciones y navegaciones actualizadas, herramientas de diseño mejoradas para un mayor control y, por último, pero no menos importante, más de 170 actualizaciones de rendimiento.

Veamos los aspectos más destacados.

Mejoras masivas de rendimiento

WordPress 6.2 fue la primera versión en la que el equipo de rendimiento compartió algunas mejoras impresionantes en varias métricas de velocidad de página.

Bueno, el equipo de rendimiento de Core se basó en estos logros y lanzó más de 170 actualizaciones de rendimiento con WordPress 6.3.

De hecho, sus números de flujo de trabajo automatizado indicaron aproximadamente las siguientes mejoras de rendimiento en "Lionel" en comparación con "Dolphy":

• LCP es un 10,6 % más rápido para los temas de bloques y un 8,8 % para los temas clásicos.
• TTFB es un 4,7 % más rápido para temas de bloque y un 5,6 % para temas clásicos.
• LCP-TTFB es un 13,4 % más rápido para temas de bloques y un 9,3 % para temas clásicos.

Pero, ¿cómo lo lograron?

Bueno, se centraron en mejorar el rendimiento tanto del lado del cliente como del lado del servidor.

El equipo de rendimiento de Core usó el tiempo hasta el primer byte (TTFB) para medir las mejoras del lado del servidor.

Para medir el rendimiento del lado del cliente, han utilizado la diferencia entre la pintura con contenido más grande (LCP) y TTFB.

Dicho esto…

Si bien la mayor parte del aumento de rendimiento en WordPress 6.2 provino de mejoras en el rendimiento del lado del servidor (TTFB), en 6.3 el aumento proviene de las mejoras de rendimiento del lado del cliente (LCP-TTFB).

De hecho, el rendimiento del lado del cliente en WordPress 6.3 es un 40 % más rápido para los temas de bloque y un 31 % más rápido para los temas clásicos , en comparación con WordPress 6.2.

El secreto detrás de su éxito radica en la introducción de varias actualizaciones:

1. El mayor impacto provino del aprovechamiento de las API modernas de JavaScript, como Web Workers, OffscreenCanvas y sessionStorage, para optimizar el script emoji-loader.js .
   
2. WordPress 6.3 viene con soporte adicional para el atributo fetchpriority="high" en las imágenes. Se espera que esta mejora tenga el mayor impacto en los sitios con imágenes en la mitad superior de la página, pero dado que las imágenes son, con diferencia, el medio más común utilizado en las páginas web, es probable que también observe una mejora en el rendimiento con esta mejora.
   
3. Por último, pero no menos importante, "Lionel" introdujo estrategias de carga de secuencias de comandos, que agrega soporte para cargar secuencias de comandos con aplazamiento o asíncrono . Sin embargo, es posible que no vea ninguna mejora ya que el núcleo de WordPress y el ecosistema aún no han adoptado la API.

Si bien las mejoras de rendimiento del lado del servidor no representaron gran parte del impulso, el equipo de rendimiento logró acelerar el tiempo de respuesta del servidor para los temas de bloque en un 19 % .

Si está interesado en profundizar en todas las actualizaciones de rendimiento, consulte la documentación oficial.

De fallido a aprobado Core Web Vitals con un clic de un botón. Instale NitroPack hoy →

Editor de sitios mejorado

Con WordPress 6.3, el Editor del sitio se ha enriquecido con algunos puntos de entrada nuevos a diferentes áreas del editor, convirtiéndose en un centro centralizado para completar sus tareas.

Aquí hay una comparación entre 6.2 y 6.3:

Como puede ver, la nueva Navegación incluye:

• Navegación
• Estilos
• Paginas
• Plantillas
• Patrones

Navegación

La navegación le permite mover los elementos del menú hacia arriba o hacia abajo o eliminarlos de un menú desplegable. También puede arrastrar y soltar elementos para organizar el orden del menú.

Estilos

Desde el menú "Estilos", puede ver diferentes opciones de estilo en el modo de exploración. Esto le permite obtener una vista previa y seleccionar entre los estilos disponibles, y luego adaptarlos a sus preferencias.

Además, al hacer clic en el icono del ojo se abre el Libro de estilo. Esta característica, introducida en la versión 6.2, le permite ver vistas previas de los bloques disponibles con varios estilos aplicados, todo sin salir de la interfaz del editor.

Paginas

El menú "Páginas" brinda acceso a las diez páginas del sitio actualizadas más recientemente, junto con múltiples capacidades de edición. Puede generar nuevas páginas, modificar el contenido y la estructura de las actuales, ver detalles de la página y más.

Lo nuevo, ahora puede crear nuevas páginas sin salir de la interfaz del editor.

Plantillas

Si bien la pantalla Plantillas permanece prácticamente sin cambios, WordPress 6.3 ha introducido una nueva característica. Cuando crea una nueva plantilla, aparece una nueva superposición modal que presenta una lista de páginas para su plantilla.

Patrones

La sección de Patrones es en la que se introdujeron más cambios:

• Se ha cambiado el nombre de los bloques reutilizables a Patrones sincronizados
• Los patrones de bloque regulares ahora se denominan patrones no sincronizados
• El tipo de publicación personalizada wp_block se ha ampliado para admitir campos personalizados y se ha agregado un nuevo metacampo wp_block_sync_status para almacenar el estado de sincronización de un patrón
• Se ha agregado una propiedad de origen al esquema de patrones de bloques y la respuesta para distinguir los patrones centrales y de usuario.
• La API REST se ha ampliado con un nuevo atributo

Los patrones no sincronizados funcionan de forma independiente y se pueden agregar cuando lo desee. Cualquier alteración realizada después de su inserción no afectará el patrón original.

Por otro lado, los patrones sincronizados son aplicables en todo su sitio de WordPress. Cualquier modificación a ellos resonará con el patrón original. Funcionan de manera similar a los bloques reutilizables, y todos estos bloques ahora están etiquetados como 'Patrones sincronizados'.

Siempre que desee crear un nuevo patrón, simplemente presione el ícono '+' dentro del menú de Patrones.

También puede administrar sus patrones personalizados haciendo clic en "Administrar todos mis patrones" en la barra lateral.

La paleta de comandos

La paleta de comandos es una nueva función diseñada para agilizar las acciones que usa con más frecuencia, como navegar a diferentes páginas o plantillas en el editor, a través de comandos específicos.

Dentro del Editor del sitio, haga clic en el símbolo de la lente o presione cmd + k (o ctrl + k para usuarios de Windows y Linux) para activar la paleta de comandos.

A medida que escribe un comando, la Paleta de comandos sugiere una variedad de comandos para que elija. De esta manera, puede realizar tareas comunes y acceder a distintas secciones del Editor del sitio más rápido.

Nueva funcionalidad de revisión de estilo

WordPress hace que sea muy fácil revertir ediciones en publicaciones y páginas a través de una herramienta conocida como Revisiones.

Esta funcionalidad ahora también se extiende a los estilos del editor de sitios. Esto le permite ver y, si es necesario, revertir las modificaciones realizadas en los estilos de su tema.

Para hacer uso de esto, elija un estilo o bloque en el panel Estilos que desee modificar. Haga clic en la opción 'Revisiones' y luego seleccione 'Historial de revisiones'.

Mejoras para desarrolladores

Al igual que con cualquier otro lanzamiento importante, WordPress 6.3 trae muchos cambios y mejoras destinados a los desarrolladores.

Éstos son algunos de los aspectos más destacados:

Soporte eliminado para PHP 5

A partir de WordPress 6.3, PHP 5 ya no será compatible. La nueva versión mínima admitida será PHP 7.0.0. La versión recomendada de PHP es 7.4 o superior.Esto es importante no solo para los desarrolladores, sino también para todos los usuarios de WordPress, ya que usar una versión anterior puede hacer que su sitio sea vulnerable a violaciones de seguridad.

modo de desarrollo

WordPress 6.3 introduce un nuevo concepto llamado "modo de desarrollo", que afecta ciertos aspectos del comportamiento de WordPress. A partir de ahora, los sitios web pueden configurar su modo de desarrollo a través de la constante WP_DEVELOPMENT_MODE recientemente introducida. Se recomienda utilizar esto para todos los sitios orientados al desarrollo.

Estos son algunos de los valores posibles para WP_DEVELOPMENT_MODE son:

• “núcleo” indica que este sitio se utiliza como un entorno de desarrollo central de WordPress. Por ejemplo, esto puede ser relevante cuando contribuyes directamente al núcleo de WordPress.
• "complemento" indica que este sitio se utiliza como un entorno de desarrollo de complementos de WordPress. Por ejemplo, esto puede ser relevante cuando está trabajando en un complemento para el repositorio de complementos.
• "tema" indica que este sitio se utiliza como un entorno de desarrollo de temas de WordPress. Por ejemplo, esto puede ser relevante cuando está trabajando en un tema para el repositorio de temas.
• “todos” indica que este sitio se utiliza como un entorno de desarrollo de WordPress donde se pueden modificar los tres aspectos. Por ejemplo, esto puede ser relevante cuando está trabajando en un sitio específico como un todo, por ejemplo, para un cliente.
• Una cadena vacía indica que ningún modo de desarrollo en particular está habilitado para este sitio. Este es el valor predeterminado y debe usarse en cualquier sitio que no se use para desarrollo.

Otros cambios notables del desarrollador introducidos con "Lionel" incluyen:

• Los desarrolladores de temas ahora pueden usar la propiedad template_types para asignar uno o más tipos de plantilla al registrar un patrón de plantilla.
• La función get_pages() se actualizó y ahora usa WP_Query internamente.
• La clase WP_User_Query se mejoró al implementar el almacenamiento en caché de consultas.
• Se han implementado varias mejoras en la API de caché.
• Una nueva API de selectores de bloques permite configurar múltiples selectores de CSS para que los bloques se usen en estilos globales.
• Los colores aplicados de los íconos sociales ahora se actualizan dinámicamente en función de theme.json y los estilos globales
  

Envolver

Esta no es una lista exhaustiva de todas las mejoras introducidas en la última actualización de WordPress.

Hay toneladas de otras características nuevas incluidas en el artículo del blog de anuncios como:

• Vista previa Bloquear temas
• Personalice sus subtítulos desde la interfaz de Estilos sin codificación
• Anotar con el bloque de notas al pie
• Mostrar u ocultar contenido con el bloque Detalles
• Establecer la relación de aspecto en las imágenes
• Cree su sitio sin distracciones
• Redescubra la barra de herramientas superior
• Cree plantillas con patrones

Todo lo cual es una razón perfecta para descargar WordPress 6.3.

No olvide hacer una copia de seguridad de su sitio web de antemano y, como siempre, si desea pasar sus Core Web Vitals y aumentar el rendimiento de su sitio, instale NitroPack.

Acelera tu sitio de WordPress automáticamente. Obtenga NitroPack hoy →

Fuente de la imagen: Kinsta