Wie wird die Bundle-Größe berechnet?

Das Tool simuliert einen Produktionsbuild, indem es die minimierten und gzipped Größen des angeforderten Pakets und seines gesamten Abhängigkeitsbaums addiert.

Ist dies die exakte Größe, die ich in meiner App sehen werde?

Nein, dies ist eine Schätzung. Ihre endgültige Bundle-Größe hängt von den Tree-Shaking-Fähigkeiten Ihres Build-Tools, doppelten Abhängigkeiten und der Code-Splitting-Konfiguration ab.

Unterstützt es private Pakete?

Nein. Dieses Tool verwendet einen öffentlichen Metadaten-Cache zur Gewichtsschätzung; es kann nicht auf private Registries oder lokale Quellcodedateien zugreifen.

Was ist der Unterschied zwischen „Minified“ und „Gzipped“?

„Minified“ zeigt die Größe nach dem Entfernen von Leerzeichen und dem Verkürzen von Variablen. „Gzipped“ spiegelt die komprimierte Größe wider, die tatsächlich über das Netzwerk an den Browser des Benutzers gesendet wird.

Formatierer & Code

Bundle Größenanalysator (Simulator)

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.

Anmerkung der Redaktion

Understanding · What's actually in your JavaScript.

Dieses ausführliche Kapitel ist derzeit nur auf Englisch verfügbar. Das Konvertierungstool oben funktioniert in Ihrer Sprache; der lange Erklärtext wurde noch nicht übersetzt.

Häufig gestellte Fragen

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.

Andere suchten auch nach

Verwandte Tools

More in this room.

Alle anzeigen in Formatierer & Code