Webpack

Raggruppamento per applicazioni web moderne

Le applicazioni web moderne utilizzano spesso uno strumento di bundling per creare un "bundle" di file di produzione (script, fogli di stile e così via) che sia ottimizzato, minimizzato e possa essere scaricato più velocemente dagli utenti. In Ottimizzazione del rendimento web con webpack, illustreremo come ottimizzare efficacemente le risorse del sito utilizzando webpack. In questo modo, gli utenti possono caricare e interagire più rapidamente con i tuoi siti.

Logo Webpack.

webpack è uno degli strumenti di bundling più utilizzati oggi. Sfruttando le sue funzionalità per l'ottimizzazione del codice moderno, la suddivisione del codice in script critici e non critici e l'eliminazione del codice inutilizzato (solo per citare alcune ottimizzazioni) puoi garantire alla tua app un costo di rete e di elaborazione minimo.

Prima e dopo l'applicazione delle ottimizzazioni di JavaScript. Il tempo di risposta è migliorato  

Ispirato da Code-splitting in Bundle Buddy di Susie Lu

Iniziamo esaminando l'ottimizzazione di una delle risorse più costose di un'app moderna: JavaScript.