La minificazione migliora le prestazioni?

Question

Ho ridotto i miei file Javascript e CSS usando uglifyJS e la dimensione del file su disco è diminuita considerevolmente. Ma nel controllare il tempo totale per le risorse caricate nella scheda di rete, utilizzando gli strumenti per sviluppatori di Chrome, trovo che non ci sono differenze. Quindi la minificazione migliora davvero le prestazioni? Se sì come lo misuro?

Answer 1

migliora solo la dimensione del JS, quindi il suo carico, ma nient'altro. MinifyJS probabilmente non è così utile; tranne se hai un sacco di script JS da caricare per le tue pagine. Ad esempio, se utilizzi qualche framework o libreria JS, è meglio usare la loro versione minificata, ma per il tuo singolo script potrebbe non essere così interessante.

Answer 2

Il numero di minuti non migliora il tempo di esecuzione.

Riduce tuttavia il tempo di caricamento e il numero di richieste HTTP richieste da un margine considerevole.

http://www.nczonline.net/blog/2009/07/07/javascript-minification-compression-and-performance/

Answer 3

Minification può migliorare le prestazioni, a seconda del motore JavaScript.

Ad esempio, il compilatore di ottimizzazione V8 di Chrome automaticamente inlines functions less than 600 characters long - inclusi spazi bianchi e commenti.

Diciamo che abbiamo una funzione che è lunga più di 600 caratteri:

function f() { 
    // A long comment... bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
    return 1; 
} 

Minification riduce questo al function f(){return 1}.

Se noi oggi chiamiamo entrambe le varianti n volte e confrontare le prestazioni del grezzo e la minified funzione di , si ottiene il seguente risultato:

Ovviamente, la funzione minified effettua più di due volte come veloce.