Il raggruppamento è uno strumento utilizzato per combinare più file, come JavaScript, CSS o immagini, in un singolo file o in un piccolo numero di file. Il codice minimizzato risultante può essere fornito al browser come singola richiesta HTTP.

La minificazione è il processo di rimozione di caratteri non necessari, come spazi bianchi e commenti, dal codice. Ecco un esempio di come il raggruppamento e la minificazione possono semplificare il codice:

// Before bundling and minification
var test = [];
for (var i = 0; i < 100; i++) {
  test[i] = i;
}

// After bundling and minification
for(var a=[i=0];++i<20;a[i]=i);

• File di dimensioni inferiori : il codice minimizzato può essere recuperato più rapidamente dal server, il che migliora le prestazioni.
• Tempo di analisi ridotto : il codice minimizzato è spesso più facile e veloce da analizzare rispetto al codice non minimizzato perché ha meno caratteri ed è più compatto.
• Traffico di rete ridotto : il raggruppamento riduce il numero di richieste effettuate al server, il che significa che è necessaria meno larghezza di banda per trasferire i dati sulla rete.

Nella situazione migliore, dividiamo il nostro JavaScript in file e li chiamiamo in questo modo:

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="/js/foo.js"></script>
<script src="/js/bar.js"></script>
<script src="/js/foobar.js"></script>
<script>
// Here goes some code
</script>

Inoltre, il recupero di più file sulla rete può rallentare il tuo sito web. Quando effettui una richiesta per un file JavaScript, il browser deve sospendere il caricamento della pagina finché non riceve il file. Questo è il motivo per cui il raggruppamento è importante. La combinazione di tutti i file JavaScript in un unico file riduce il numero di richieste effettuate al server, il che può migliorare le prestazioni del tuo sito web.

Potremmo avere dozzine o addirittura centinaia di file JavaScript in un progetto. Il raggruppamento può aiutare a ridurre il numero di richieste fatte al server, il che può migliorare le prestazioni del tuo sito web.

Insomma

Il bundling è una tecnica importante per ottimizzare le prestazioni delle applicazioni web. Combinando più file in un singolo pacchetto, puoi ridurre il numero di richieste effettuate al server, migliorare le prestazioni della rete e semplificare l'analisi del codice.