Analyseur de Taille par Source Map

Où sont passés tous ces octets ?

Un bundle de production est un unique fichier minifié géant. Savoir qu'il pèse 340 Ko ne dit rien sur le pourquoi — et c'est précisément la question qui compte quand on essaie de le réduire. Cet outil y répond directement : chargez le bundle et sa source map, et chaque octet est attribué au module source qui l'a produit.

Comment fonctionne l'attribution

Les correspondances d'une source map indiquent « la colonne générée 4110 vient de src/utils/format.js ». Cet outil parcourt chaque correspondance du fichier, dans l'ordre, et mesure l'écart jusqu'à la suivante sur la même ligne générée — cet écart est le segment de code généré crédité à la source de cette correspondance. C'est la même approximation au niveau de la ligne qu'utilise le célèbre outil en ligne de commande source-map-explorer, et elle assume franchement d'être une approximation : deux jetons adjacents sur la même ligne générée sans rien mappé entre eux (un espace parasite, un caractère inséré par le minifieur) tombent dans leur propre catégorie non mappé, plutôt que d'être silencieusement attribués à une source voisine.

Les octets structurels — les sauts de ligne entre lignes générées — ont eux aussi leur propre catégorie, pour la même raison : ils appartiennent à la structure du fichier, pas à un module en particulier.

La vérification de réconciliation

Chaque exécution affiche un résultat littéral : X octets attribués sur Y octets au total, ainsi que les décomptes non mappé et structurel, et si attribué + non mappé + structurel égale exactement la longueur totale du fichier. Ce n'est pas un détail cosmétique — c'est la garantie qu'aucun octet n'a été silencieusement perdu ou compté deux fois, et vous pouvez le vérifier vous-même plutôt que de faire confiance à l'outil sur parole.

Par fichier ou par dossier

Basculez entre une ligne par fichier source, ou un récapitulatif par dossier de premier niveau — node_modules/lodash additionne tous les fichiers apportés par lodash, pour voir « combien cette dépendance coûte réellement » sans devoir d'abord faire défiler quarante fichiers individuels. Tout est trié par taille, du plus grand au plus petit, et l'export CSV conserve les mêmes chiffres pour une analyse ultérieure.

Confidentialité

Les deux fichiers sont lus et traités entièrement dans votre navigateur. Rien n'est envoyé.