2009-11-10 12 views
6

Algunos sitios de alto tráfico parecen tener imágenes de sprit casi locos con casi todo en una imagen grande.¿Qué tan importante es el sprint para el rendimiento en un sitio web de alto tráfico?

¿Cuánta diferencia supondrá esto para los sitios de mucho tráfico frente a la dificultad en el mantenimiento a largo plazo?

Sé que esto puede ser una cuestión de "¿cuánto tiempo dura una cuerda?", Pero estoy interesado en comprender cualquier experiencia de aumento de rendimiento que las personas hayan tenido con tal ejercicio.

+3

Vea también: http://stackoverflow.com/questions/683221/how-do-css-sprites-speed-up-a-web-site, http://stackoverflow.com/questions/1477332/is- css-sprite-a-good-technique, http://stackoverflow.com/questions/1191961/what-are-the-advantages-of-using-css-sprites-in-web-applications –

+2

No es una respuesta a la pregunta, pero todavía podría ser útil => 'http: // spriteme.org /' –

Respuesta

4

Hice algunos números hace algunos años para el .GIF de tamaño más pequeño posible - 43 bytes. Para enviar esa imagen de 1x1, se enviaron 246 bytes de protocolo HTTP con ella, por no mencionar mucho de la solicitud original (más si también había una cookie). También está la sobrecarga del paquete TCP/IP. Más allá de todo eso, es el tiempo de ida y vuelta. La velocidad de la luz sigue siendo finita y debe tenerse en cuenta, especialmente para los gastos generales de múltiples solicitudes.

La versión corta es, menos elementos descargados equivale a un sitio más rápido. Incluso si la imagen del sprite final es más grande que todas las imágenes combinadas, usted todavía gana sustancialmente al reducir la cantidad de conjuntos de gastos generales y viajes de ida y vuelta.

3

Creo que la mayor parte de la sobrecarga proviene de simplemente hacer la solicitud de la imagen. Obviamente, se necesita más tiempo para descargar las imágenes pero iniciar la solicitud, esperar una respuesta y descargar cada imagen puede sumar una cantidad sustancial de tráfico a lo largo del tiempo. Lo mismo aplica para la compresión.

4

Al usar sprites, reduce la cantidad o las solicitudes http del servidor.

Las imágenes constituyen la gran mayoría de las solicitudes de http y Yahoo calcula que aproximadamente el 80% del tiempo que lleva descargar el contenido de la página se desperdicia con solicitudes http innecesarias.

Si tomó algo tan simple como la página de inicio amazon.com, podría haber más de 50 imágenes que se descargarían cada vez que un usuario (sin caché almacenado) llega a su página de inicio.

Si crees que Amazon debe tener millones de usuarios visitando su sitio todos los días.

Al crear un sprite de todas las imágenes, el usuario solo tiene que descargar un archivo en lugar de los cincuenta.

Reduciendo el tiempo de respuesta del servidor y mejorando el resultado para el usuario final.

Cuestiones relacionadas