¿Son grandes los sprites CSS una buena idea?

Tengo un gran CSS Sprite que tarda unos 3 segundos en cargar en mi Internet de alta velocidad. Quiero saber si esta es una buena idea o no.

Además de esto, también quiero saber si debería mostrar una image más pequeña de solo un bit del sprite que se cargará el sprite real. Aunque esto significa dos requestes HTTP en lugar de una, me preguntaba si mejoraría la experiencia de UI / usuario, si desaparecía la superposition cuando se cargaba el documento.

¿Qué tan grande es grande? 3 segundos parece absurdo. Si está cargando cada image bajo el sol, entonces no, no es una buena idea. Es posible que también deba considerar la optimization de imágenes (¿en qué formatting se encuentra actualmente? ¿Puede publicar el sprite?)

Básicamente es una solución de compromiso. Si está usando la mitad de las imágenes en el sprite de su página, está bien porque obtiene más ganancia a través de less conexiones HTTP y luego desperdicia las imágenes no utilizadas. Si usa el 1% de las imágenes en el sprite, no vale la pena.

En lo que concierne a su segunda pregunta, absolutamente haga eso si el sprite necesita ser tan grande como lo es actualmente. Verá muy poca pérdida debido a la carga de una image pequeña adicional. El objective de los sprites es networkingucir las conexiones HTTP de 100-> 10, por ejemplo. 10-> 11 no es gran cosa.

Si tu sprite es tan grande, te recomendaría dividir tus imágenes en grupos lógicos y savelos en varios sprites (piensa en 2-4). Si no todos los sprites divididos se muestran a la vez en una página, la carga de la página boostá.