JavaScript  »  Articoli  »  Mondo Javascript 

La maggior parte delle applicazioni web 2.0 contengono molto più codice Javascript delle normali pagine web. Il codice Javascript di un'applicazione Ajax, tenendo conto di tutti i file che vengono richiamati, può facilmente superare i 300/400 Kb ed è quindi molto importante fare in modo che la sua manutenzione sia il più semplice possibile, avendo anche un occhio di riguardo per la velocità di caricamento da parte del browser e quindi per le prestazioni.

In questo articolo verranno presentate le seguenti semplici tecniche utili nell'ottimizzazione di codice Javascript:

• come unificare tutte le librerie Javascript in un unico file;
• migliorare i tempi di caricamento comprimendo "on demand" la nostra libreria Javascript con Gzip attraverso PHP;
• implementazione della sintassi "version" per gestire le varie release del software eliminando il fastidioso problema di pagine inesistenti dovute alla cache del browser.

Unificazione di tutti i file Javascript in un'unica libreria

Con l'avvento dei framework destinati alla gestione di Ajax (ma non solo) siamo a volte costretti ad implementare nelle nostre applicazioni sempre più librerie Javascript che ci permettano di accedere a determinate funzioni o di implementare effetti visivi accattivanti.

Se da un lato tutto ciò semplifica il nostro lavoro, dall'altro rende la vita dura al motore di rendering del browser che si trova a dover gestire una moltitudine di codice Javascript segmentato in più librerie, impiegando così un tempo non trascurabile per riuscire a scaricare tutti questi file.

Un modo per minimizzare il tempo di caricamento c'è e, non è niente di trascendentale, basta unificare tutto il codice Javascript in un unico file!

È vero che il motore di rendering del browser si troverà a dover gestire la stessa quantità di codice, ma sarà eseguita una sola richiesta http per scaricare tutto quello di cui abbiamo bisogno; questo semplice stratagemma è molto utile per migliorare drasticamente le prestazioni legate al caricamento iniziale di applicazioni Ajax.

Una volta creata la vostra libreria contenente tutto il codice necessario, basterà importarla nella vostra pagina HTML in questo modo:

Comprimere la vostra libreria Javascript "on demand"

In passato bisognava scegliere tra dimensioni ridotte o codice facilmente mantenibile e leggibile. La maggior parte dei programmatori sceglieva di minimizzare il codice limitando o eliminando del tutto i commenti o gli spazi a discapito della leggibilità, con il risultato di scrivere del codice difficilmente estendibile e modificabile.

Oggi, utilizzando la compressione Gzip, si può fare a meno di dover affidarsi ad un simile compromesso; potete scrivere la vostra applicazione utilizzando tutti i commenti che volete evitando di preoccuparvi delle dimensioni della vostra libreria e pensando solo a scrivere del buon codice, estendibile e leggibile.

Altri articoli

Altre guide

Altre newsletter