Ridurre le dimensioni del bundle e l’occupazione su disco
Riducete le dimensioni dell’installer e dell’occupazione su disco della vostra app Electron eliminando dipendenze superflue, usando ASAR e rimuovendo i file inutilizzati, a complemento dell’ottimizzazione dell’avvio e della memoria.
Ridurre le dimensioni del bundle e l’occupazione su disco è una lezione Electron Desktop App Development gratuita su CoddyKit. Questa è la lezione 4 di 4. Puoi leggere la lezione completa qui gratuitamente — poi esercitati direttamente nel browser con un editor di codice integrato e un tutor IA disponibile 24/7. Fa parte del percorso di apprendimento Electron Desktop App Development, e i tuoi progressi si sincronizzano tra il web e l'app CoddyKit. Il corso Electron Desktop App Development include 4 lezioni in totale.
Parti di questa lezione non sono ancora state tradotte e vengono mostrate in inglese.
The Size Problem
Electron apps ship a full Chromium runtime, so they start large. Keeping your code and assets lean is what you can control.
Audit Your Dependencies
Every dependency ships with your app. devDependencies do not. Misplacing a build tool bloats the bundle.
function shipsInApp(dep) {
return dep.type === 'dependency';
}
console.log(shipsInApp({ name: 'lodash', type: 'dependency' }));Prune node_modules
Packagers can run npm prune --production to strip dev packages before bundling.
Use ASAR Archiving
ASAR packs your app files into a single archive, reducing file count and speeding reads.
{
"build": {
"asar": true
}
}Exclude Unneeded Files
Use packager files globs to exclude tests, docs, and source maps from the shipped app.
function include(path) {
return !path.includes('/test/') && !path.endsWith('.map');
}
console.log(include('src/test/spec.js'));Tree-Shake the Renderer
Bundle renderer code with a tool that tree-shakes dead code, and import only what you use.
// good: import only one function
// import { debounce } from 'lodash-es';Prefer Lightweight Libraries
Swap heavy packages for smaller alternatives. A date helper may replace a multi-megabyte library.
Compress Assets
Optimize images and fonts. Use modern formats and subset fonts to only the glyphs you ship.
Native Module Costs
Native modules add platform-specific binaries. Include only the ones you truly need to avoid per-arch bloat.
Measure the Result
Inspect the unpacked app size and installer size before and after changes to confirm real savings.
function deltaMB(before, after) {
return (before - after).toFixed(1) + ' MB saved';
}
console.log(deltaMB(180.4, 142.1));Differential Updates
Smaller bundles also mean smaller delta updates, so users download less on each release.
Quick Check
Test your footprint optimization knowledge.
Recap
You learned to shrink your app: audit and prune dependencies, enable ASAR, exclude unneeded files, tree-shake, compress assets, mind native modules, and measure the savings.
Domande Frequenti
La lezione «Ridurre le dimensioni del bundle e l’occupazione su disco» è gratuita?
Sì — il testo completo di «Ridurre le dimensioni del bundle e l’occupazione su disco» è gratuito qui sul web. Per esercitarvi in modo interattivo (un editor di codice integrato e un tutor IA 24/7) e sbloccare il resto del corso Electron Desktop App Development, passa a CoddyKit PRO. Il corso Electron Desktop App Development include 4 lezioni in totale.
Cosa imparerò in «Ridurre le dimensioni del bundle e l’occupazione su disco»?
Riducete le dimensioni dell’installer e dell’occupazione su disco della vostra app Electron eliminando dipendenze superflue, usando ASAR e rimuovendo i file inutilizzati, a complemento dell’ottimizza… Eserciti Electron Desktop App Development con codice pratico che esegui direttamente nel browser, e un tutor IA 24/7 risponde alle tue domande mentre lavori sulla lezione.
Ho bisogno di esperienza per iniziare Electron Desktop App Development?
Non è richiesta alcuna esperienza precedente. Electron Desktop App Development su CoddyKit è strutturato per principianti e studenti avanzati, quindi puoi iniziare da qui o dall'inizio e procedere al tuo ritmo. Questa è la lezione 4 di 4.
Quanto tempo richiede la lezione «Ridurre le dimensioni del bundle e l’occupazione su disco»?
La maggior parte delle lezioni CoddyKit richiede circa 5–10 minuti. Ogni lezione è breve e interattiva, quindi fai progressi costanti e riprendi esattamente da dove hai lasciato su web e app.
Posso scrivere ed eseguire codice in questa lezione Electron Desktop App Development?
Sì. Ogni lezione Electron Desktop App Development include un editor di codice integrato, quindi scrivi ed esegui codice reale direttamente nel tuo browser e ricevi feedback istantaneo dall'IA — nessuna configurazione locale necessaria.
Tutte le lezioni di questo corso
- Ottimizzazione del tempo di avvio
- Tecniche di gestione della memoria
- Profilazione delle prestazioni
- Ridurre le dimensioni del bundle e l’occupazione su disco