WordPress 5.9 puede acrecentar una métrica de Core Web Vitals hasta en un 33%
[ad_1]
WordPress publicó un producto en su sección de desarrolladores que recomienda refinar el comportamiento de carga diferida estándar de WordPress. Las pruebas encontraron que el cambio propuesto mejoró una métrica de desempeño de Core Web Vitals en un promedio del 7% hasta un 33%.
- Sugerencia para mejorar los elementos básicos de la web en WordPress
- Carga diferida y pintura con mayor contenido
- De qué manera WordPress 5.9 puede mejorar la pintura con mayor contenido
- Cómo WordPress optimización la mejor pintura con contenido
- Googler crea un complemento de prueba de término
- ¿Cuándo llega la carga diferida ingeniosa?
- Citas
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 en manos de los desarrolladores de temas.
Sin embargo, se ha encontrado que refinar la adición de carga aplazada de manera predeterminada da como resultado actualizaciones significativas en la métrica Core Web Vitals llamada Largest Contentful Paint.
Es de esta forma como la iniciativa describe la optimización:
“En lugar de cargar todas y cada una de las imágenes e iframes de forma lenta de manera predeterminada, la primera imagen de contenido (asimismo sabiendo las imágenes presentadas) o iframe de contenido no debe cargarse de forma lenta.
Este es un estándar mucho más sensible que el que está utilizando la implementación actual, que en promedio y en escala da como resultado un mejor rendimiento de LCP listo para utilizar mientras que se mantiene bajo el ancho de banda requerido ".
publicidad
Lee abajo
Carga diferida y pintura con mayor contenido
La carga aplazada es una manera de acelerar la descarga percibida de una página al postergar la descarga de elementos de la página web, como imágenes y también iframes, que no se necesitan en la actualidad.
La carga diferida permite retrasar elementos como imágenes que no se tienen la posibilidad de mostrar en la pantalla del navegador del visitante del sitio mediante un atributo HTML llamado atributo de carga.
Una imagen es un factor HTML de un portal de internet.
Un atributo HTML es un código que modifica un elemento 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 señala al navegador que demore la descarga de una imagen, lo que le deja al navegador descargar elementos de página mucho más esenciales que son rápidamente visibles para el visitante del cibersitio.
Esto hace que la página sea mucho más usable para el visitante del lugar.
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 ubicación (la pantalla del navegador que ve el visitante).
publicidad
Lee abajo
Por lo general, una imagen se codifica en HTML de la siguiente manera:
Añadir la carga aplazada es una cuestión fácil agregando el atributo HTML de carga diferida:
De qué manera WordPress 5.9 puede mejorar la pintura con mayor contenido
El desarrollador que publicó la sugerencia para mejorar LCP señaló que a partir de WordPress 5.5, el código central agregaba el atributo de carga aplazada a todas las imágenes e 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 logos y las imágenes destacadas, deben descargarse para poder usar la web.
WordPress implementó la carga aplazada así por el hecho de que no tenía forma de excluir con precisión las imágenes mucho más importantes a fin de que no recibieran el atributo de carga aplazada.
La razón de esto es que todos y cada uno de los temas están codificados de manera diferente y, por esta razón, los programadores de temas tienen la posibilidad de efectuar mejor este género de exclusión granular.
Si bien la implementación actual de WordPress de carga aplazada estándar no era ideal, agregar la carga aplazada así es una clara optimización respecto a no tener el atributo de carga.
Lo que se recomienda aquí es una optimización importante, como lo detallan los desenlaces de la prueba ahora.
Relacionado: Advanced Core Web Vitals: una guía técnica de SEO
Cómo WordPress optimización la mejor pintura con contenido
El equipo de avance de WordPress recomienda excluir la adición del atributo de carga aplazada a la primera imagen o iframe en el código.
El desarrollador 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 mejora promedio en la puntuación de LCP Core Web Vitals del 7% en promedio.
Ahora, el creador probó qué tan bien mejoró LCP al agregar dos elementos con carga diferida. Las ganancias de desempeño redujeron en un promedio del 2%, lo que muestra que excluir la carga diferida de sobra de un elemento no mejoró el LCP mejor.
Estos son algunos de los descubrimientos:
“Omitir la carga aplazada de la primera imagen de contenido resultó en una mejora promedio de LCP del 7% (1.877 milésimas de segundo en comparación con 2.020 milésimas de segundo 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 comportamiento básico)). → Omitir la primera imagen de contenido conduce precisamente a una mejora de LCP sin que los bytes de la imagen guardada reduzcan claramente.
La omisión de ámbas primeras imágenes de contenido de la carga diferida condujo a una mejora promedio de LCP del 5% (1.927 milésimas de segundo 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 actual accionar)). → Omitir ámbas primeras imágenes de contenido lleva a peores resultados para las dos métricas que simplemente omitir la primera, es decir, es preferible omitir solo la carga aplazada para la primera imagen de contenido y, en consecuencia, no realizar pruebas adicionales con un mayor número de imágenes, que son no perezoso. Se requiere carga ".
propaganda
Lee abajo
Nuevos resultados de la prueba de carga diferida 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 mostraron que los beneficios fueron mejores para la mayor parte de los sujetos evaluados.
Según la propuesta de WordPress:
"Más allá de que la optimización promedio de LCP en todos y cada uno de los temas es solo del 7%, hay mayores ganancias visibles para un número importante de temas, al tiempo que las pérdidas visibles son mínimas".
Relacionado: 18 complementos de WordPress que acelerarán su página web
Googler crea un complemento de prueba de término
Un confirmador principal de WordPress probablemente haya desarrollado un parche de prueba de término (POC) con apariencia de complemento con objetivos de depuración y lo haya anunciado en GitHub.
No es un lanzamiento oficial del complemento de WordPress, con lo que es no aconsejable apurarse e 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 comportamiento mejorado de carga aplazada está configurada actualmente para WordPress 5.9.
WordPress 5.9 está programado para ser lanzado en diciembre de 2021.
propaganda
Lee abajo
La propuesta para la función de carga aplazada mejorada se está debatiendo actualmente y hasta la actualidad ha recibido comentarios positivos en los comentarios.
Entonces, salvo que esté ensayando un problema imprevisto en este momento, hay una gran oportunidad de que aparezcan puntajes mejorados de Pintura con contenido mucho más grande en los sitios de WordPress a finales del año en curso.
Citas
Öanuncio oficial de la oferta de WordPress
Refinamiento de la implementación de carga diferida de WordPress Core
Página de WordPress GitHub para progresar la carga diferida
Omitir el atributo de carga diferida en la primera imagen de contenido / iframe
[ad_2]
Deja una respuesta