Sirviendo múltiples imagenes como una sola petición HTTP (CSS sprites)

El tiempo en el que carga una página web depende de bastantes factores pero como los buenos optimizadores saben uno de los poco comprendidos es el del número y tamaño de las peticiones HTTP. Reducir ese número es una muy buena manera de mejorar el rendimiento de manera notable. Hacerlo con las peticiones JavaScript es relativamente facil ya que sólo hay que concatenarlas y enviarlas como un sólo flujo.

Las imágenes presentan un reto mayor. La técnica más habitual al respecto es la de CSS sprites. El siempre recomendable blog de Bauke Scholtz, The BalusC Code, ha publicado un artículo con un ejemplo de implementación con Java en la parte servidor: Serving multiple images from database as a CSS sprite.