Según varios estudios realizados por Yahoo!, hasta el 80% de la mejora en el rendimiento de la
descarga de páginas web depende de la parte del cliente.
Yahoo! explica que generar dinámicamente el
código HTML de la página y servirla ocupa el 20%
El 80% del tiempo restante los navegadores descargan las imágenes, archivos JavaScript, hojas de
estilos y cualquier otro tipo de archivo
la mayor parte de ese 80% del tiempo se
dedica a la descarga de las imágenes.
La idea para mejorar el rendimiento de una página que descarga por ejemplo 15 imágenes
consiste en crear una única imagen grande que incluya las 15 imágenes individuales y utilizar las
propiedades CSS de las imágenes de fondo para mostrar cada imagen. Esta técnica se presentó
en el artículo CSS Sprites: Image Slicing’s Kiss of Death (
http://www.alistapart.com/articles/sprites ) y desde entonces se conoce con el nombre de sprites CSS.