Analizador de Tamaño por Source Map

¿A dónde se fueron todos estos bytes?

Un bundle de producción es un único archivo minificado gigante. Saber que pesa 340 KB no te dice nada sobre el por qué — y esa es la pregunta que realmente importa cuando intentas reducirlo. Esta herramienta la responde directamente: carga el bundle y su archivo .map, y cada byte se atribuye al módulo de origen que lo produjo.

Cómo funciona la atribución

Los mapeos de un source map indican "la columna generada 4110 viene de src/utils/format.js". Esta herramienta recorre cada mapeo del archivo, en orden, y mide el hueco hasta el siguiente en la misma línea generada — ese hueco es el tramo de código generado que se acredita a la fuente de ese mapeo. Es la misma aproximación a nivel de línea que usa la conocida herramienta de línea de comandos source-map-explorer, y es honesta sobre ser una aproximación: dos tokens adyacentes en la misma línea generada sin nada mapeado entre ellos (un espacio suelto, un carácter insertado por el minificador) caen en su propia categoría de sin mapear, en lugar de asignarse silenciosamente a la fuente vecina.

Los bytes estructurales — los saltos de línea entre líneas generadas — también tienen su propia categoría, por la misma razón: pertenecen a la estructura del archivo, no a ningún módulo en particular.

La comprobación de reconciliación

Cada ejecución muestra un resultado literal: X bytes atribuidos de Y bytes totales, junto con los recuentos de sin mapear y estructurales, y si atribuidos + sin mapear + estructurales es exactamente igual a la longitud total del archivo. No es un detalle cosmético — es la garantía de que ningún byte se perdió ni se contó dos veces en silencio, y puedes verificarlo tú mismo en vez de fiarte de la palabra de la herramienta.

Por archivo o por carpeta

Alterna entre una fila por archivo de origen, o un resumen por carpeta de nivel superior — node_modules/lodash suma todos los archivos que lodash aportó, así puedes ver "cuánto costó realmente esta dependencia" sin desplazarte antes por cuarenta archivos individuales. Todo está ordenado por tamaño, de mayor a menor, y la exportación a CSV conserva los mismos números para análisis posteriores.

Privacidad

Ambos archivos se leen y procesan enteramente en tu navegador. No se sube nada.