Comment la taille du bundle est-elle calculée ?

L'outil simule une construction de production en ajoutant les tailles minifiées et gzippées du package demandé et de l'ensemble de son arbre de dépendances.

Est-ce la taille exacte que je verrai dans mon application ?

Non, c'est une estimation. La taille finale de votre bundle dépend des capacités de tree-shaking de votre outil de build, des dépendances en double et de la configuration du code-splitting.

Prend-il en charge les packages privés ?

Non. Cet outil utilise un cache de métadonnées public pour estimer les poids ; il ne peut pas accéder aux registres privés ou aux fichiers source locaux.

Quelle est la différence entre minifié et gzippé ?

Minifié affiche la taille après suppression des espaces blancs et raccourcissement des variables. Gzippé reflète la taille compressée réellement envoyée sur le réseau au navigateur de l'utilisateur.

Formateurs & Code

Analyseur de taille de bundle (Simulateur)

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.

Note de la rédaction

Understanding · What's actually in your JavaScript.

Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.

Questions fréquentes

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.

Les internautes recherchent aussi

Outils similaires

More in this room.

Tout voir dans Formateurs & Code