Leo en SigT un estupendo manual que nos permitirá optimizar las peticiones HTTP de nuestro servidor basándonos en un principio tan simple como el siguiente utilizando CSS:
- Una imagen = una petición HTTP.
- Dos imágenes = dos peticiones HTTP.
- Las dos imágenes juntadas en una = una petición HTTP.
¿Ventajas y desventajas?
Las ventajas son:
- Obtenemos una reducción del tamaño de 3.2KB a 1.6KB.
- Una imagen (una petición) que actúa como 4 imágenes (o las que queramos).
- Reducción importante de peticiones HTTP si es usado correctamente.
- Sensación de mayor rapidez: cuando una conexión va lenta si ves aparecer varias imágenes de golpe (aunque en realidad sólo sea una y el tamaño sea igual a su equivalente en imágenes separadas) parecerá que es más rápido.
Si bien el uso de keep alive minimiza el número de peticiones seguiremos contando con la ventaja de que, se use o no keep alive, el número de peticiones no será superior al de objectos que conforma la web por lo que si tenemos 100 iconos en portada… ejem…
Las desventajas son:
- Hay que copiar y pegar las imágenes además de intentar que no sobre mucho “espacio en blanco”.
- Cada vez que añadamos una imagen tendremos que rehacer el “set” aunque esto lo podemos solucionar conservando las originales y — sobretodo — añadiendo espacio en blanco.
Leido en SigT.
Setiembre 2nd, 2007 at 6:19 pm
Gran post pero el ultimo enlace sta mal, no es com es http://sigt.net
Setiembre 5th, 2007 at 1:40 pm
Gracias, ya queda corregido. Un saludo