[SOLUCIONADO] ¿Hay algun script que relantice la carga de fotos?

[jordi45]

Pues eso tengo un grupo de imagenes que se crean mediante un foreach de php y cuando son cientos o miles muchas no se llegan ni a ver y esto me ha pasado cuando he pasado de http a https no sé si porque ha aumentado la velocidad de carga, antes se visualizaban bien, entonces la pregunta no necesito que relanticen por el scroll de navegación lo he probado y aunque ha mejorado muchas imágenes siguen sin cargarse, sino que cada carga de cada foto tenga medio segundo o así para que se muestre pero una a una del foreach. Algún script de ejemplo. Sería hacer un div con el tag img y que todas esas img se relanticen microsegundo en javacript y ver si así funciona con http no había problemas.

Gracias.

[Panino5001]

Puedes usar el patrón lazy load: https://medium.com/@filipvitas/lazy-...t-2c5bcb691274

Te recomiendo que no uses la api IntersectionObserver, porque aún no tiene buen soporte. Y lo mismo con el atributo lazy. Hazlo como siempre se hace: comparando la relación entre el offsetTop de la imageny el innerHeight y el pageYOffset de la página.

[jordi45]

Ya he probado con script de ese tipo lazy load pero no me sirve porque son de scroll, aparece la imagen si la imagen está a la altura del scroll pero yo las imágenes las tengo tipo en bloque o sea una fila entera de imágenes se carga de golpe, una detrás de otra y no sé por qué con http no daba problemas y con https sí (ha aumentado la velocidad de carga) y solo me da problemas si son cientos de imágenes, algunas no se cargan, no con menos de 200.

Algo más simple que se retrase la carga con setTimeout con un pequeño intervalo dicho foreach en php que no es javascript, o sea añadir al tag img un pequeño script que relantice la visualización de esas fotos.

[ArturoGallegos]

Usa lazyload, el enlace que te dejaron explica como hacerlo con javascript vanilla, solo modificalo para tu caso en lugar de X usa Y

Esfuerzate un poco y crealo tu mismo, no lo esperes ya hecho que no siempre lo encontraras.