Seo : La imagen con contenido más grande se cargó de forma diferida
La imagen del renderizado del mayor elemento con contenido se ha cargado en diferido
La carga diferida es una técnica para posponer la descarga de un recurso hasta que se necesite, lo que conserva los datos y reduce la contención de la red por activos críticos. Se convirtió en un estándar web en 2019 y, en la actualidad , la mayoría de los navegadores principales admiten la carga diferida (lazy load) de imágenes. Eso suena genial, pero ¿existe algo así como demasiada carga diferida?
Lo que descubrimos es que la carga diferida puede ser una herramienta increíblemente efectiva para reducir los bytes de imagen innecesarios, pero el uso excesivo de carga diferida puede afectar negativamente el rendimiento.
Es importante señalar que estos son resultados correlacionales y no necesariamente apuntan a que la carga diferida sea la causa del rendimiento más lento. Hipotéticamente, si los sitios de WordPress tienden a ser un poco más lentos, y dado lo mucho que componen la cohorte de carga diferida, eso podría explicar la diferencia. Así que tratemos de eliminar esa variabilidad mirando solo los sitios de WordPress.
Solucion
Eso ocurre porque la imagen tiene el atributo loading="lazy" y es la primera imagen visible que se carga, es decir, es el LCP (Largest Contenful Paint).
El LCP mide cuánto tarda en renderizarse el elemento más grande, en este caso, es esa imagen, y el atributo loading="lazy" lo que hace es que retrasa la carga de imágenes hasta que están próximas al viewport, lo cuál es útil para todas la imágenes que no están above the fold. Básicamente, ese atributo hace que se retrase la carga de ese elemento, y eso termina afectando al LCP (Largest Contentful Paint) .
Esto podrías resolverlo eliminando ese atributo de la imagen, pero parece que estas utilizando un plugin de optimización de imágenes o de caché. Revisa si tienen alguna opción para evitar aplicar lazyload a ciertas imágenes y añades la url de esa imágen.
Referencia :
https://web.dev/lcp-lazy-loading/?utm_source=lighthouse&utm_medium
Vea tambien:
Desactivar la carga diferida (lazy load) de imagenes de WordPress
→ Imagenes SEO : Desactivar la carga diferida (lazy load) de imagenes de WordPress