Come viene calcolata la dimensione del bundle?

Lo strumento simula una build di produzione aggiungendo le dimensioni minificate e compresse (gzip) del pacchetto richiesto e dell'intero suo albero di dipendenze.

È la dimensione esatta che vedrò nella mia app?

No, questa è una stima. La dimensione finale del tuo bundle dipende dalle capacità di tree-shaking del tuo strumento di build, dalle dipendenze duplicate e dalla configurazione di code-splitting.

Supporta pacchetti privati?

No. Questo strumento utilizza una cache di metadati pubblici per stimare i pesi; non può accedere a registri privati o file di codice sorgente locali.

Qual è la differenza tra Minified e Gzipped?

Minified mostra la dimensione dopo aver rimosso gli spazi bianchi e abbreviato le variabili. Gzipped riflette la dimensione compressa effettivamente inviata sulla rete al browser dell'utente.

Formattatori e Codice

Analizzatore Dimensione Bundle (Simulatore)

Paste a package list, estimate the resulting bundle weight.

Runs in your browser

Defaults are rough min+gzip sizes for popular packages. Tweak the KB column with the real number from npmjs.com when accuracy matters.

Estimated weight

176 KB

≈ 59 KB gzipped

Healthy

Budgets: <100 KB gzipped is healthy for landing pages, 100-300 KB is the typical SPA range, >300 KB suggests aggressive code-splitting.

Nota dell'editore

Understanding · What's actually in your JavaScript.

Questo capitolo approfondito è attualmente disponibile solo in inglese. Lo strumento di conversione qui sopra funziona nella tua lingua; il lungo articolo esplicativo non è stato ancora tradotto.

Domande frequenti

Quick answers.

›How is the bundle size calculated?

The tool simulates a production build by adding the minified and gzipped sizes of the requested package and its entire dependency tree.

›Is this the exact size I will see in my app?

No, this is an estimate. Your final bundle size depends on your build tool's tree-shaking capabilities, duplicate dependencies, and code-splitting configuration.

›Does it support private packages?

No. This tool uses a public metadata cache to estimate weights; it cannot access private registries or local source code files.

›What is the difference between Minified and Gzipped?

Minified shows the size after removing whitespace and shortening variables. Gzipped reflects the compressed size actually sent over the network to the user's browser.

Le persone cercano anche

Strumenti correlati

More in this room.

Vedi tutto in Formattatori e Codice