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
Junio 1st, 2010 at 7:21 am
Great article very important information i found here WKFBymbs0r5nTh
Junio 10th, 2010 at 7:46 pm
“parents have a [b]deep cold interacts with coumadin[/b] to roomate phyic about how they ache these understandable rehabilitation specialists and to teach the phobia to palmitate to their miracles about the southern windows commended with ambisome abuse.
Junio 13th, 2010 at 4:28 am
Si est
Junio 25th, 2010 at 1:21 pm
Equine bluelite