En
HTML Tips, Marko Denic explica trucos de HTML bastante interesantes. Porque a menos que estés continuamente poniéndote al día sobre las incorporaciones al llamado lenguaje de la Web puede haber muchas novedades que te pierdas de una versión a otra, sobre todo si aprendiste HTML hace tiempo. Entre las más recientes, interesantes y efectivas está el atributo
loading="lazy" para acelerar la carga de imágenes y
frames. [ Vía
Microsiervos ]
Los mejores consejos siempre se encuentra en los comentarios
You can use the loading=lazy attribute to defer the loading of the image until the user scrolls to them.
No soy ningún experto, pero programo en c,php,js,java... usándolos para lo que considero útil, rápido, o necesario. Pero me aterra el pensamiento de no estar nunca a la última de nada, más aún cuando uso varios lenguajes y herramientas muy diferentes.
www.youtube.com/watch?v=bRhdooBHqnc
Lazy loading can occur on different moments in the application, but it typically happens on some user interactions such as scrolling and navigation.
developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading#Images
developer.mozilla.org/en-US/docs/Web/Performance/Lazy_loading#images_a
The loading attribute on an <img> element (or the loading attribute on an <iframe>) can be used to instruct the browser to defer loading of images/iframes that are off-screen until the user scrolls near them.
Si no te vale la definición de mozilla apaga y vámonos.
Fíjate que más abajo incluso comentan, que aún estando las imágenes marcadas como "lazy" en una zona visible, pueden (deberían) permanecer sin cargar mientras las marcadas como "eager" no hayan terminado de cargarse.
Vale, veo que ya #18 lo explicó por ahí arriba...
#35 Las carga tras terminar con el resto de cosas y recursos de la página o cuando son necesarias (por ejemplo, cuando el usuario hace scroll y tienen que verse). Esto viene por imágenes que no están en pantalla pero si en la página (que sólo se ven si haces scroll, vaya), que no tiene sentido cargarlas en primer lugar si no las ves cuando hay cosas que si tienes que ver y con las que poder interactuar que tiene que parsear primero.
The loading attribute on an <img> element (or the loading attribute on an <iframe>) can be used to instruct the browser to defer loading of images/iframes that are off-screen until the user scrolls near them.
Yo no he dicho que la imágen no se descargue sino que se delega. Con "supongo" quería decir "me da igual". La entrada es incorrecta y tanto la noticia que enlaza como el comentario que pones de Mozilla coinciden en afirmar que precisamente lo último que hace el atributo es acelerar la carga de la imagen. Venga, a ver si a la tercera va la vencida.
El envío dice: Performance tip. You can use the loading=lazy attribute to defer the loading of the image until the user scrolls to them.
Consejo de rendimiento. Puede usar el atributo loading = lazy para aplazar la carga de la imagen hasta que el usuario se desplace hacia ella.
Ya me dirás dónde dice el envío que acelera la carga de la imagen.
Me da la sensación de que intentamos decir lo mismo pero por algún motivo no nos entendemos
discúlpenme #39 y #36
#43 Te enlacé perfectamente, pero no había leído la entradilla y pensé que hablabas de lo que ponía en la noticia.