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

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

La sugerencia es que el ajuste fino del atributo de carga diferida debería estar en manos de los programadores de temas.

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

Es de esta forma como la iniciativa describe la mejora:

“En vez de cargar todas las imágenes e iframes lentamente de forma ya establecida, la primera imagen de contenido (asimismo teniendo en cuenta las imágenes presentadas) o iframe de contenido no debe cargarse lentamente.

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

Carga aplazada y pintura con mayor contenido

La carga diferida es una forma de acelerar la descarga percibida de una página al postergar la descarga de elementos de la web, como imágenes e iframes, que no se necesitan hoy en día.

La carga diferida permite postergar elementos como imágenes que no se tienen la posibilidad de mostrar 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 sitio web.

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 señalando al navegador que retrase la descarga.

El atributo de carga le indica al navegador que demore la descarga de una imagen, lo que le permite al navegador bajar elementos de página mucho más esenciales que son rápidamente perceptibles para el visitante del cibersitio.

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

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

Por lo general, una imagen se codifica en HTML de la próxima forma: Añadir la carga diferida es una cuestión fácil añadiendo el atributo HTML de carga aplazada Cómo WordPress 5.9 puede prosperar la pintura con mayor contenido

El desarrollador que publicó la sugerencia para progresar LCP señaló que, a partir de WordPress 5.5, el código central añadió el atributo de carga aplazada a todas y cada una de las imágenes e iframes de manera predeterminada.

No obstante, esto no es ideal, en tanto que las imágenes en la parte de arriba de la página, como los logotipos y las imágenes destacadas, deben descargarse para poder utilizar la página web.

WordPress implementó la carga aplazada así porque no tenía forma de excluir con precisión las imágenes mucho 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 desarrolladores de temas tienen la posibilidad de realizar mejor este tipo de exclusión granular.

Si bien la implementación de hoy 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 sugiere es una mejora significativa, como lo muestran los desenlaces de la prueba ahora.

Cómo WordPress optimización la mejor pintura con contenido

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

El creador probó este método 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 desarrollador probó qué tan bien mejoró LCP al añadir dos elementos con carga aplazada. Las ganancias de rendimiento redujeron en un promedio del 2%, lo que muestra que excluir la carga aplazada de sobra de un elemento no mejoró el LCP mejor.

Estos son algunos de los descubrimientos:

"Omitir la primera imagen de contenido de la carga diferida dio sitio a una optimización promedio de LCP del 7% (1877 ms en comparación con 2020 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 de hoy accionar)). → Omitir la primera imagen de contenido conduce claramente a una mejora de LCP sin que los bytes de la imagen guardada disminuyan notablemente.

La omisión de ámbas primeras imágenes de contenido de la carga aplazada condujo a una optimización promedio de LCP del 5% (1.927 milésimas de segundo en comparación con 2.020 milésimas de segundo con el accionar del núcleo actual) y un incremento promedio en bytes de imagen del 2% (378 KB en comparación con 369 KB con el núcleo actual accionar)). → Omitir ámbas primeras imágenes de contenido conduce a peores resultados para las dos métricas que simplemente omitir la primera, o sea, es preferible omitir solo la carga aplazada para la primera imagen de contenido y, por consiguiente, no efectuar pruebas auxiliares con un mayor número de imágenes, que son no perezoso. Se necesita carga ".

Nuevos resultados de la prueba de carga aplazada de WordPress

• El 5% de los sujetos en el conjunto 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 los beneficios fueron mejores para la mayor parte de los sujetos evaluados.

Según la propuesta de WordPress:

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

Googler crea un complemento de prueba de término

Un confirmador primordial de WordPress probablemente haya creado un parche de prueba de concepto (POC) con apariencia de complemento con fines de depuración y lo haya publicado en GitHub.

No es un lanzamiento oficial del complemento de WordPress, con lo que es No aconsejable apurarse e instalarlo.

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

¿Cuándo llega la carga aplazada ingeniosa?

La línea de tiempo para el comportamiento mejorado de carga aplazada está configurada hoy día para WordPress 5.9.

WordPress 5.9 está planificado para ser lanzado en el último mes del año de 2021.

La propuesta para la función de carga diferida avanzada se está debatiendo en la actualidad y hasta la actualidad ha recibido comentarios positivos en los comentarios.

Entonces, a menos que esté experimentando un inconveniente imprevisto ahora mismo, hay una enorme oportunidad de que aparezcan puntajes mejorados de Pintura con contenido más grande en los sitios de WordPress a finales del actual año.