WordPress 6.3 mejorará el rendimiento de SEO LCP

WordPress ha anunciado que la versión 6.3, cuyo lanzamiento está previsto para agosto de 2023, ayudará a los sitios web a obtener mejores puntuaciones de SEO Core Web Vitals, especialmente en la pintura de contenido más grande (LCP).

Si bien la velocidad de la página es un factor de clasificación pequeño en Google, la velocidad de la página es importante porque puede generar más ventas y mejores vistas de anuncios y clics.

Centrarse en la experiencia del usuario puede ayudar a determinar cuánto tiempo un usuario interactúa con un sitio web, si recomendará el sitio y si regresará una y otra vez.

Una buena experiencia de usuario es la piedra angular de la creciente popularidad y, en mi opinión, la Búsqueda de Google muestra a los usuarios qué esperar de cualquier consulta.

La pintura más grande llena de contenido.

La pintura de contenido más grande (LCP) es un valor que mide el tiempo que lleva procesar el bloque más grande de imagen o texto. La premisa básica de esta métrica es revelar la percepción que tiene el usuario de cuánto tarda en cargarse una página web.

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

Las optimizaciones realizadas por WordPress en 6.3 hacen un esfuerzo de larga data para utilizar con precisión los atributos HTML en elementos específicos para obtener 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 generar el contenido que un visitante del sitio web ve en su navegador, que está en su ventana gráfica.

El contenido que no está en la ventana gráfica, es decir, el contenido que un usuario debe desplazarse hacia abajo en la página para ver, 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 web.

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

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 decía:

“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 una ‘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 calcular el diseño, lo que normalmente mejora el LCP en un 5-10 %.

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

Esto 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.

La implementación de Lazy Load ha sido refinada

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

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

Los elementos debajo de la primera ventana no necesitan descargarse inmediatamente.

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

El uso del atributo de carga diferida le permite descargar primero los elementos de la página web que necesita inmediatamente.

WordPress implementó inicialmente el atributo de carga diferida en todas las imágenes de una página web, ya sea crítica o no.

Si bien la aplicación de carga diferida a imágenes importantes para renderizar sobre contenido contraíble no era lo ideal, las pruebas mostraron que aún se mejoró con respecto a no aplicar el atributo de carga diferida.

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

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

WordPress señaló:

«Se han implementado cambios y correcciones adicionales 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 en algunas imágenes».

Finalmente, el nuevo proceso de detección de la cara de la vista inicial y la aplicación de los atributos fetchpriority y loading se pueden usar para aplicar más optimizaciones en futuras versiones de WordPress.

WordPress señaló:

«… 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 advierte a los desarrolladores de complementos que dependen de la lógica básica de carga diferida que esto ha cambiado.

Ahora hay una nueva función única que verifica 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 cómo priorizar las actualizaciones de complementos después de actualizar a WordPress 6.3.

WP 6.3 no reemplazará la optimización personalizada asociada

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

El anuncio señala:

“Si bien la nueva característica se usa constantemente en todas partes donde las imágenes se procesan en el núcleo de WordPress, el soporte para la personalización también ha mejorado.

La función nunca anulará los atributos ya proporcionados, por lo que si establece una prioridad de búsqueda o un atributo de carga en una imagen antes de llamar a esta función, el atributo se conservará tal cual.

Esto permite el ajuste al no aplicar el comportamiento automático predeterminado. Si lo hace, recuerde nunca configurar fetchpriority=”high” y loading=”lazy” para un elemento.

Si la función encuentra estas dos combinaciones de valor de atributo juntas, activará una alerta».

Core Web Vitals Mejor SEO para WordPress

Además de lo anterior, WordPress también ha solucionado varios errores que afectaban la correcta implementación de estos atributos para la optimización del contenido de contenido más grande.

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

Lea el anuncio oficial de WordPress:

Mejoras en el rendimiento de la imagen en WordPress 6.3

Imagen cortesía de Shutterstock/Ljupco Smokovski