Qualche tempo fa mi sono trovato a dover includere qualche migliaio di barcode in una pagina HTML. Il download della pagina causava un migliaio di richieste sul server per uno script che usava JpGraph. Il risultato era un utilizzo smodato della CPU del server.
Come risolvere il problema? Con il supporto dei browser al Data URI scheme, che permette di scrivere una URI che non sia una risorsa esterna ma che già contenga il contenuto da recuperare.
Per esempio questo frammento HTML (tratto da Wikipedia) contiene l’immagine di un pallino rosso 
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO 9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />
Quindi il trucco è quello di scaricare al browser il compito di creare una immagine contenente il barcode, a partire da un numero. Ovviamente l’utilizzo smodato della CPU si trasferisce al client, ma qualcuno dovrà pur fare questi conti, no?
Ho pubblicato il progetto su Github, in modo da poterlo includere facilmente con Bower o Composer, a breve anche la direttiva per AngularJS
Provalo su Github