Vortexmind: free your mind Tu ne cede malis sed contra audentior ito

CSS sprites: diminuire le server calls

Ho trovato questo interessante articolo: si tratta di utilizzare una tecnica per inserire tutte le immagini di uso comune nel vostro sito web in un unico file da aggregare ai CSS. In questo modo i clients che si connetteranno effettueranno un'unica chiamata al webserver per ritirare detto file, e poi non dovranno più rivolgersi (appesantendolo) al server per ottenere le immagini richieste. Ovviamente questa tecnica ha senso per immagini d'uso comune che verrebbero sicuramente scaricate dai navigatori, altrimenti va a finire che l'overhead introdotto dallo scaricamento della "mappa di immagini" sia controproducente rispetto all'uso che se ne fa. Il trucco principale è creare un'immagine "a griglia" contente tutte le singole immagini usate nell'interfaccia del vostro sito, separate in modo che non si overlappino. Per fare un esempio, potete usare questa tecnica per ottenere bottoni rollover senza usare Javascript ma semplicemente sfruttando i fogli di stile. Per una maggiore comprensione ed esempi vi consiglio caldamente di leggere l'articolo originale che è molto completo. (read more | digg story)