A las etiquetas se les puede agregar loading="lazy" para que la carga del contenido de la imagen o del frame comience cuando se muestren en pantalla.
Para evitar que el contenido alrededor haga reflow, es recomendable definir height y width.
En el caso de iframe, la carga comienza cuando se vuelve visible en pantalla, excepto si su tamaño es de 4px o menos, si tiene display:none o visibility: hidden, o si por coordenadas absolutas x,y queda fuera de la pantalla. (Esto evita que se aplique lazy loading a iframes usados con fines de estadísticas o comunicación.)
Por ahora, las imágenes de fondo en CSS no están soportadas.
Como todavía no hay soporte en otros navegadores, es necesario implementar otra librería de lazy loading usando una condición if.
Aún no hay comentarios.