jQuery e ulteriore riduzione JavaScript e JPEG

Lavorando a myNews sono tornato a scrivere codice JavaScript. Con mio grande disappunto ho scoperto che jQuery non è così cross-browser come pensavo. Ad esempio le funzioni fadeIn() e fadeOut() sembrano avere dei problemi con Internet Explorer. Per qualche motivo al secondo fadeIn() di un mio sfondo questo diventa solid black. Purtroppo non ho trovato nessuna soluzione se non quella di abbandonare le funzioni fadeIn/fadeOut e usare invece le funzioni show/hide.

Molto interessante però la possibilità di riduzione di codice che jQuery permette. Il mio file JavaScript, allo stato naturale, pesa 32KB: grazie a jQuery sono riuscito ridurre il peso di quasi 10KB. Questo è stato possibile perché ho potuto eliminare molto codice utilizzando invece le funzioni di jQuery. Certo, si è trattato di un lavoraccio, ma penso che ridurre il peso di un file del 30% ne valga davvero la pena.

Come ho detto nel post su Page speed, la guida alle ottimizzazioni di Google mi ha portato a scoprire jpegtran. Ho avuto la possibilità di testarlo in questi giorni e vorrei parlarvi dei risultati ottenuti.

Ho alcune immagini che non posso comprimere con PNGGauntlet i quanto devo mantenerle in formato JPG. Usando jpegtran siamo passati da 144,7KB a 83,1KB: un ottimo risultato.

Vorrei inoltre condividere con voi il codice del file BAT che ho utilizzato per automatizzare la compressione di tutte le immagini all'interno della stessa cartella visto che jpegtran non ha una comoda GUI come PNGGauntlet: