Css Sprite

Utilizzare la tecnica dei CSS Sprites è utile per migliorare le performance del nostro sito e diminuire, in termini di traffico, le richieste HTTP al nostro server. Vediamo come applicare questo semplice trucco.

Spesso l'interfaccia grafica di un sito web è formata da tante piccole icone, a volte centinaia, che, anche se di piccole dimensioni, sommate portano in breve tempo ad aumentare il traffico sul nostro server. Siccome la banda non è gratis occorre applicare delle soluzioni per limitarne l'inutile spreco.

CSS Sprites è una tecnica per cui tutte le immagini che compongono l'interfaccia del nostro sito sono combinate in un'unica immagine più grande. Per visualizzare ogni singola componente di questa grande immagine si userà poi la proprietà CSS background-position. Ad esempio Digg combina in questa immagine tutte le icone della sua interfaccia.