Estimer le poids de dépendances JavaScript
Sélectionnez les librairies JavaScript que vous prévoyez d'utiliser : l'outil additionne leurs tailles connues approximatives (minifiée et gzippée) pour vous donner un ordre de grandeur du poids ajouté à votre bundle, avant même d'installer quoi que ce soit.
Comment ça marche
Une base de données locale (embarquée dans la page, aucun appel réseau) associe à chaque librairie courante deux tailles approximatives : la taille minifiée et la taille gzippée (ce que le navigateur télécharge réellement en production sur un serveur bien configuré). Cochez les librairies que vous envisagez d'utiliser : les tailles s'additionnent automatiquement pour donner un ordre de grandeur du poids total ajouté à votre bundle JavaScript.
Ces tailles sont-elles exactes ?
Non, ce sont des ordres de grandeur : la taille réelle dépend de la version exacte installée, du bundler utilisé (Vite, Webpack, esbuild...), et surtout du tree-shaking (n'importer que les fonctions utilisées peut réduire drastiquement le poids réel, en particulier pour des librairies comme Lodash). Pour un chiffre précis et à jour sur la version exacte que vous utilisez, consultez un outil comme bundlephobia.com.
Pourquoi additionner les tailles gzippées et pas juste minifiées ?
La taille minifiée correspond au poids du fichier JavaScript après suppression des espaces et raccourcissement des noms de variables, mais c'est la taille gzippée qui reflète le mieux ce que l'utilisateur télécharge réellement, la compression gzip ou brotli étant quasi systématique sur les serveurs web modernes.
Aucune donnée n'est envoyée à un serveur : la base de tailles est embarquée dans la page et le calcul se fait entièrement dans votre navigateur.