WordPress 5.9 puede acrecentar una métrica de Core Web Vitals hasta en un 33%

WordPress publicó un artículo en su sección de desarrolladores que sugiere refinar el accionar de carga diferida estándar de WordPress. Las pruebas encontraron que el cambio propuesto mejoró una métrica de rendimiento de Core Web Vitals en un promedio del 7% hasta un 33%.

Sugerencia para mejorar los elementos básicos de la web en WordPress

La sugerencia es que el ajuste fino del atributo de carga aplazada debería estar a cargo de los programadores de temas.

No obstante, se descubrió que refinar la adición estándar de carga diferida lleva a actualizaciones importantes en la métrica de Core Web Vitals llamada Pintura con contenido más grande.

Es así como la propuesta describe la mejora:

“En vez de cargar todas las imágenes y también iframes lentamente de manera predeterminada, la primera imagen de contenido (también teniendo en cuenta las imágenes presentadas) o iframe de contenido no debe cargarse poco a poco.

Este es un estándar mucho más sensible que el que está usando la implementación actual, que en promedio y en escala da como resultado un mejor desempeño de LCP primeramente, mientras sostiene bajo el ancho de banda requerido ".

Carga diferida y pintura con mayor contenido

La carga aplazada es una manera de apresurar la descarga percibida de una página al retrasar la descarga de elementos de el sitio web, como imágenes e iframes, que no se necesitan en la actualidad.

La carga aplazada deja retrasar elementos como imágenes que no se tienen la posibilidad de enseñar en la pantalla del navegador del visitante del sitio a través de un atributo HTML llamado atributo de carga.

Una imagen es un elemento HTML de un portal de internet.

Un atributo HTML es un código que modifica un factor HTML como una imagen.

En este caso, el atributo de carga modifica la imagen indicando al navegador que retrase la descarga.

El atributo de carga le señala al navegador que demore la descarga de una imagen, lo que le permite al navegador bajar elementos de página mucho más importantes que son en el instante visibles para el visitante del cibersitio.

Esto hace que la página sea más usable para el visitante del ubicación.

La pintura con contenido más grande (LCP) mide la velocidad con la que se descargan las imágenes y otros elementos en la ventana gráfica del visitante del sitio (la pantalla del navegador que ve el visitante).

En la mayoría de los casos, una imagen se codifica en HTML de la próxima forma:

Añadir la carga aplazada es una cuestión simple agregando el atributo HTML de carga diferida:

De qué forma WordPress 5.9 puede mejorar la pintura con mayor contenido

El creador que publicó la sugerencia para prosperar LCP señaló que desde WordPress 5.5, el código central añadía el atributo de carga aplazada a todas las imágenes y también iframes de forma ya establecida.

No obstante, esto no es ideal, puesto que las imágenes en la parte de arriba de la página, como los logotipos y las imágenes destacadas, tienen que descargarse para lograr usar la web.

WordPress incorporó la carga aplazada de esta manera porque no tenía forma de excluir con precisión las imágenes más esenciales a fin de que no recibieran el atributo de carga diferida.

La razón de esto es que todos y cada uno de los temas están codificados de manera diferente y, por tal razón, los programadores de temas pueden realizar mejor este tipo de exclusión granular.

Más allá de que la implementación actual de WordPress de carga aplazada estándar no era ideal, añadir la carga aplazada de esta manera es una clara mejora con respecto a no tener el atributo de carga.

Lo que se recomienda aquí es una mejora significativa, como lo detallan los resultados de la prueba ahora.

Relacionada: Advanced Core Web Vitals: una guía técnica de SEO

De qué forma WordPress optimización la mejor pintura con contenido

El equipo de desarrollo de WordPress sugiere excluir la adición del atributo de carga diferida a la primera imagen o iframe en el código.

El creador probó este procedimiento con los 50 temas de WordPress mucho más populares y descubrió que agregarlo a la primera imagen o elemento iframe resultó en una optimización promedio en la puntuación de LCP Core Web Vitals del 7% en promedio.

Ahora, el creador probó qué tan bien mejoró LCP al añadir 2 elementos con carga diferida. Las ganancias de rendimiento redujeron en un promedio del 2%, lo que exhibe que excluir la carga diferida de sobra de un elemento no mejoró el LCP mejor.

Estos son varios de los hallazgos:

“Omitir la primera imagen de contenido de la carga aplazada condujo a una optimización promedio de LCP del 7% (1.877 ms en comparación con 2.020 ms con el accionar del núcleo de hoy) y un incremento promedio en bytes de imagen del 0% (368 KB en comparación con 369 KB con el núcleo actual accionar)). → Omitir la primera imagen de contenido conduce claramente a una optimización de LCP sin que los bytes de la imagen guardada disminuyan claramente.

Omitir las dos primeras imágenes de contenido de la carga aplazada condujo a una optimización promedio de LCP del 5% (1.927 ms en comparación con 2.020 ms con el accionar del núcleo de hoy) y un aumento promedio en bytes de imagen del 2% (378 KB en comparación con 369 KB con el núcleo de hoy comportamiento)). → Omitir las dos primeras imágenes de contenido lleva a peores desenlaces para ambas métricas que simplemente omitir la primera, es decir, es preferible omitir solo la carga aplazada para la primera imagen de contenido y, por ende, no efectuar pruebas auxiliares con un mayor número de imágenes, que son no perezoso. Se requiere carga ".

Nuevos resultados de la prueba de carga aplazada de WordPress

• El 5% de los sujetos en el grupo de prueba obtuvieron puntuaciones de LCP que fueron entre un 10% y un 21% peores.
• El 42% de los sujetos mejoraron los valores de LCP del 10% al 33%.
• Las pruebas enseñaron que las ventajas fueron mejores para la mayoría de los sujetos evaluados.

Según la iniciativa de WordPress:

"Más allá de que la mejora promedio de LCP en todos los temas es solo del 7%, hay mayores ganancias visibles para un número notable de temas, al tiempo que las pérdidas notables son mínimas".

Relacionada: 18 complementos de WordPress que acelerarán su sitio web

Googler crea un complemento de prueba de término

Un confirmador primordial de WordPress probablemente haya desarrollado un parche de prueba de concepto (POC) en forma de complemento con objetivos de depuración y lo haya anunciado en GitHub.

No es un lanzamiento oficial del complemento de WordPress, por lo que es No aconsejable apresurarse y también instalarlo.

Las versiones oficiales de los complementos se publican en el repositorio de complementos de WordPress.

¿Cuándo llega la carga diferida ingeniosa?

La línea de tiempo para el accionar mejorado de carga diferida está configurada actualmente para WordPress 5.9.

WordPress 5.9 está programado para ser lanzado en el mes de diciembre de 2021.

La propuesta para la función de carga diferida mejorada se está discutiendo hoy en día y hasta ahora ha recibido comentarios positivos en los comentarios.

Entonces, a menos que esté experimentando un problema imprevisto ahora mismo, existe una gran posibilidad de que aparezcan puntajes mejorados de Pintura con contenido mucho más grande en los sitios de WordPress a finales del actual año.

Citas

Öaviso oficial de la oferta de WordPress
Refinamiento de la implementación de carga aplazada de WordPress Core

Página de WordPress GitHub para prosperar la carga aplazada
Omitir el atributo de carga aplazada en la primera imagen de contenido / iframe