Webpack

Associazione con applicazioni web moderne

Addy Osmani
Addy Osmani

Le applicazioni web moderne spesso utilizzano uno strumento di raggruppamento per creare un "bundle" di produzione di file (script, fogli di stile e così via) ottimizzato, minimizzato e che può essere scaricato in meno tempo dagli utenti. In Ottimizzazione delle prestazioni web con webpack, vedremo come ottimizzare in modo efficace le risorse del sito utilizzando webpack. In questo modo gli utenti possono caricare i tuoi siti e interagire più rapidamente.

Logo Webpack.

webpack è uno degli strumenti di creazione di pacchetti più popolari al giorno d'oggi. Sfruttando le sue funzionalità per l'ottimizzazione del codice moderno, la suddivisione del codice in parti critiche e non critiche e la rimozione del codice inutilizzato (per citare solo alcune ottimizzazioni) può garantire che la tua app abbia un costo di rete e di elaborazione minimo.

Prima e dopo l'applicazione delle ottimizzazioni JavaScript. Tempo all'interattività migliorato  

Ispirato alla sezione Code-splitting in Bundle Buddy di Susie Lu

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