Auf CSS Sprites hat mich ein Blogeintrag bei praegnanz.de gebracht. Die Technik passt ganz gut zu meinen Überlegungen, wie man Websites beschleunigen kann.

sprite

CSS Sprites sollen helfen die Anzahl der http-Requests zu reduzieren und beschleunigen vor allem bei Websites mit einer großen Anzahl von Grafiken die Ladezeit. Das Prinzip ist einfach: Man macht aus vielen kleinen Grafiken eine große und definiert per CSS, welcher Bereich angezeigt werden soll.

Ein Beispiel sind z.B. die Icons von Yahoo. Auch die neue Seite der Bahn setzt sie ein.

Ein Video-Tutorial hierfür gibt’s bei CSS-Tricks.com

(cc) picture credit: G. Rivas Valderrama