WordPress anunció que 6.3, cuyo lanzamiento está programado para agosto de 2023, ayudará a los sitios web a obtener mejores puntajes de SEO de Core Web Vitals, particularmente con respecto a la pintura más grande con contenido (LCP).

La pintura con contenido más grande (LCP) es una métrica que mide cuánto tiempo lleva renderizar la imagen o el bloque de texto más grande. La premisa subyacente de esta métrica es revelar la percepción de un usuario sobre cuánto tiempo lleva cargar una página web.

Lo que se mide es lo que el visitante del sitio ve en su navegador, que se denomina ventana gráfica.

Las optimizaciones logradas por WordPress en 6.3 logran un esfuerzo prolongado para usar con precisión los atributos HTML en elementos específicos para lograr el mejor rendimiento de Core Web Vitals.

Obtener atributo HTML de prioridad

Fetch Priority, escrito en HTML como fetchpriority, es un atributo HTML de los elementos de la página web (recursos) como imágenes, CSS y JavaScript.

El propósito de fetchpriority es decirle al navegador qué recursos de la página web deben descargarse más rápido para representar el contenido que un visitante del sitio ve en su navegador, lo que está en su ventana gráfica.

El contenido que no está en la ventana gráfica, que es el contenido que un usuario tiene que desplazarse hacia abajo en la página para verlo, tiene una prioridad más baja que el contenido que está en la parte superior de la página y en la ventana gráfica del visitante del sitio.

Fetch Priority permite a un editor controlar qué recursos tienen una prioridad alta y cuáles tienen una prioridad baja.

WordPress 6.3 contiene una nueva función que agrega el atributo fetchpriority a la imagen que es más probable que aparezca en la ventana gráfica del visitante del sitio.

El anuncio de WordPress señaló:

“WordPress ahora agrega automáticamente el atributo fetchpriority con un valor de “alto” a la imagen que determina que es más probable que sea la “imagen LCP”, es decir, la imagen que es el elemento de contenido más grande en la ventana gráfica.

El atributo le dice al navegador que priorice esta imagen, incluso antes de que haya calculado el diseño, lo que generalmente mejora el LCP en un 5-10%”

Una de las cosas interesantes que hace WordPress con fetchpriority es que solo se aplica a imágenes de un umbral de tamaño mínimo.

Eso significa que el atributo fetchpriority no se aplicará a recursos pequeños como un botón de navegación.

Otra característica de la prioridad de búsqueda automática de WordPress es que nunca anulará un atributo de prioridad de búsqueda existente.

Implementación de carga diferida perfeccionada

Se dice que lo primero que ve un visitante del sitio en su navegador cuando visita un sitio web está en la ventana gráfica.

Idealmente, se debería dar prioridad a los elementos de la página web que son necesarios para representar la primera ventana gráfica cuando el visitante del sitio visita.

Los elementos que están debajo de la primera ventana gráfica no necesitan descargarse de inmediato.

La carga diferida es una forma de decirle al navegador qué imágenes e iframes no son críticos para cargar esa primera pantalla de visualización.

El uso del atributo de carga diferida permite que los elementos de la página web inmediatamente necesarios se descarguen primero.

WordPress implementó inicialmente el atributo de carga diferida en todas las imágenes de una página web, independientemente de si era crítico o no.

Si bien la aplicación de la carga diferida a las imágenes que son importantes para representar el contenido de la parte superior de la página no fue lo ideal, las pruebas demostraron que seguía siendo una mejora con respecto a no aplicar el atributo de carga diferida.

WordPress 6.3 resuelve ese problema al poder detectar qué imágenes son críticas.

El atributo de carga diferida no se aplicará a las imágenes críticas, lo que permitirá que esas imágenes se descarguen lo más rápido posible.

WordPress señaló:

“Se han implementado más ajustes y correcciones para mejorar el manejo automático de la carga diferida a través del atributo de carga para detectar de manera más confiable cuándo omitir el atributo de algunas imágenes”.

Por último, el nuevo proceso para detectar la ventana gráfica inicial y aplicar los atributos de carga y prioridad de búsqueda se puede utilizar para aplicar más optimizaciones en futuras versiones de WordPress.

WordPress observó:

“… esto puede mejorarse con otros atributos relacionados con el rendimiento en el futuro”.

Los cambios pueden afectar los complementos de terceros

El anuncio de WordPress alerta a los desarrolladores de complementos que dependen de la lógica de carga perezosa central que esto ha cambiado.

Ahora hay una nueva función única que controla tanto la prioridad de búsqueda como los atributos de carga.

Es posible que los desarrolladores que dependían de la lógica anterior deban actualizar sus complementos. Es importante que los editores tengan esto en cuenta para que sepan dar prioridad a la actualización de sus complementos también después de actualizar a WordPress 6.3.

WP 6.3 no anulará la optimización personalizada relacionada

Un aspecto reflexivo de esta actualización es que la aplicación automática de fetchpriority y lazy load no anulará las aplicaciones personalizadas de esos atributos.

El anuncio señala:

“Con la nueva función que se usa de manera consistente en cualquier lugar donde las imágenes se rendericen en el núcleo de WordPress, también se mejora el soporte para la personalización.

La función nunca anulará los atributos que ya se proporcionaron, por lo que si establece una prioridad de búsqueda o un atributo de carga en una imagen antes de que se llame a esta función, el atributo se mantendrá como está.

Esto permite un ajuste fino al no aplicar el comportamiento automatizado predeterminado. Si lo hace, tenga en cuenta que nunca debe configurar tanto fetchpriority=”high” como loading=”lazy” para un elemento.

Si la función encuentra esas dos combinaciones de valor de atributo juntas, activará una advertencia”.

Mejor Core Web Vitals SEO para WordPress

Además de lo anterior, WordPress también solucionó varios errores que afectaban la implementación correcta de estos atributos para optimizar la pintura más grande con contenido.

Cuando se trata de la optimización de imágenes para SEO, WordPress 6.3 finalmente ofrece una experiencia de SEO totalmente óptima que ayudará a los sitios web a obtener puntajes LCP más altos.

Lea el anuncio oficial de WordPress:

Mejoras en el rendimiento de la imagen en WordPress 6.3

Imagen destacada de Shutterstock/Ljupco Smokovski