Größe von JavaScript-Abhängigkeiten schätzen
Wählen Sie die JavaScript-Bibliotheken aus, die Sie verwenden möchten: Das Tool addiert deren ungefähre bekannte Größen (minifiziert und gzip-komprimiert) und liefert Ihnen eine Größenordnung für den Zuwachs Ihres Bundles, noch bevor Sie etwas installieren.
So funktioniert es
Eine lokale Datenbank (in die Seite eingebettet, ohne Netzwerkzugriff) ordnet jeder gängigen Bibliothek zwei ungefähre Größen zu: die minifizierte und die gzip-komprimierte Größe (das, was der Browser in der Produktion bei einem gut konfigurierten Server tatsächlich herunterlädt). Haken Sie die Bibliotheken an, die Sie in Betracht ziehen: Die Größen werden automatisch addiert und ergeben eine Größenordnung für das Gesamtgewicht, das Ihrem JavaScript-Bundle hinzukommt.
Sind diese Größen exakt?
Nein, es sind Größenordnungen: Die tatsächliche Größe hängt von der genau installierten Version, vom verwendeten Bundler (Vite, Webpack, esbuild ...) und vor allem vom Tree-Shaking ab (nur die benötigten Funktionen zu importieren, kann die reale Größe drastisch senken, insbesondere bei Bibliotheken wie Lodash). Für eine präzise, aktuelle Zahl zur genau verwendeten Version nutzen Sie ein Tool wie bundlephobia.com.
Warum werden die gzip-Größen addiert und nicht nur die minifizierten?
Die minifizierte Größe entspricht dem Umfang der JavaScript-Datei nach dem Entfernen von Leerzeichen und dem Kürzen von Variablennamen. Die gzip-Größe spiegelt jedoch am besten wider, was Nutzerinnen und Nutzer tatsächlich herunterladen, da gzip- oder Brotli-Kompression auf modernen Webservern nahezu immer aktiv ist.
Es werden keine Daten an einen Server gesendet: Die Größendatenbank ist in die Seite eingebettet und die Berechnung erfolgt vollständig in Ihrem Browser.