Tengo una situación en la que la aplicación web React descargaría cientos de imágenes del usuario (por ejemplo, 100-200) (que tienen menos de 20 MB, un promedio de ~ 8 MB) y el objetivo es mostrar el contenido de la imagen en la pantalla de la aplicación web tan pronto como posible. Usamos <img src="URL"> de JS para esto, lo que parece una forma muy tosca para descargar imágenes. Las imágenes podrán ser de tipo .jpg, .png y .gif.
La experiencia actual es muy mala y encontramos varios errores de red mientras JS intentaba descargar cientos de imágenes simultáneamente. Hay muchos errores, por ejemplo: `no se pudo cargar el recurso: net::ERR_HTTP2_PROTOCOL_ERROR'.
Creo que las solicitudes paralelas que utilizan trabajadores de servicio pueden ser una opción. Quiere entender si hay algún estándar de la industria para resolver este problema.
En realidad, el protocolo HTTP2 fue diseñado específicamente para tal situación. Debe manejar cientos de imágenes simultáneas con absoluta gracia.
Asegúrese de que HTTP2 esté correctamente configurado en su servidor. net::ERR_HTTP2_PROTOCOL_ERROR indica que hay algunos problemas con su configuración, tal vez algo anda mal con los certificados SSL.
El enfoque anterior para este caso era: crear referencias de varios dominios en el mismo servidor físico para ayudar al navegador a activar más solicitudes simultáneas. Pero con HTTP2 ahora no tiene mucho sentido.