Técnica para priorizar la descarga de imágenes en el browser web

Tengo una página web que contiene muchas imágenes en miniatura (alnetworkingedor de 100). Cuando hace clic en una de las miniaturas, se crea una window emergente modal, que en realidad es una nueva página web dentro de un iframe. Esta nueva página web contiene 1 image grande.

El problema ocurre cuando el usuario abre la window emergente antes de que todas las más de 100 miniaturas hayan terminado de downloadse en la página principal. El usuario ahora debe esperar mucho time antes de poder ver la image grande en la window emergente, porque el browser no sabe priorizar esta nueva image sobre las miniaturas que ya está tratando de recuperar.

¿Alguna idea sobre una solución a este problema?

Cuando carga esa página, el browser pone en queue 100 requestes para esas miniaturas. No hay forma de que sepa eliminar elementos de la queue de requestes. Dependiendo del browser, puede solicitar hasta 6 al mismo time (en reference a este hilo ), pero aún estarán en queue antes de la image grande del cuadro de dialog modal. Lo que puede hacer (desde ese mismo hilo) es alojar las imágenes de dialog modal en un subdominio separado para que el browser las coloque en una queue separada, como si estuvieran en sitios completamente diferentes. Esa nueva queue se podría ejecutar simultáneamente con sus requestes de miniaturas.

Puede usar el URI de datos BASE64 para todas las imágenes pequeñas. Su página puede boost de tamaño, pero en algunas instalaciones: la carga de toda la página se hizo más rápida.

La otra opción: cargar la image grande desde otro subdominio, ya que la "queue" es por nombre de host.

Interesante pregunta. Nunca me he encontrado con una situación así. Una solución que se me ocurre es cargar las imágenes en miniatura solo cuando el usuario las esté viendo.

Si está utilizando jQuery, podría intentar usar este complemento:

Lazy Load Plugin para jQuery

Una forma de resolver esto es combinar sus miniaturas pequeñas en una gran image de mosaico, networkinguciendo el número de imágenes en la página.