Cómo cargar imágenes cargadas mientras se muestran para personas con javascript desactivado

Estoy empezando a preguntarme si es posible después de leer algunas de las otras publicaciones

Lazy cargando imágenes cómo

Imágenes de carga perezosa

Si incluyo todas las imágenes en la página con los atributos src establecidos, ¿tengo razón al pensar que no es posible detener la carga de imágenes en el navegador?

Si solo incluyo atributos data-src, los usuarios sin JS no verán las imágenes.

Estaba pensando en alguna solución de tipo pero ¿esto no haría que la página sea semánticamente mala?

Use las tags img normales con atributos src en su marcado, luego use JavaScript para anular los atributos src de las imágenes que desea que se carguen perezosamente y maneje la carga diferida de manera apropiada. Los usuarios con JavaScript deshabilitado cargarán todas las imágenes normalmente y los usuarios con JavaScript habilitado recibirán una experiencia de navegación más receptiva.

En realidad, es posible. Simplemente use el atributo de decoding establecido en async como tal.

  

Tenga en cuenta que no todos los navegadores admiten esto (* tos * Internet Explorer * tos *), pero el apoyo está creciendo en los buenos navegadores convencionales.

Además, supongo que la razón más probable por la que desea descargar imágenes es hacer que su sitio web se cargue más rápido. Si este es el caso, puede hacer que su sitio web cargue una gran cantidad incluso más rápido simplemente convirtiendo sus imágenes a jpegs y comprimiéndolas con compressor.io / JPEGmini (cargue su archivo jpeg a ambos y use lo que resulte más pequeño después de la compresión) .