¿Cómo se calcula el tamaño del paquete?

La herramienta simula una construcción de producción al agregar los tamaños minificados y comprimidos con gzip del paquete solicitado y todo su árbol de dependencias.

¿Es este el tamaño exacto que veré en mi aplicación?

No, esto es una estimación. El tamaño final de su paquete depende de las capacidades de tree-shaking de su herramienta de construcción, las dependencias duplicadas y la configuración de división de código.

¿Soporta paquetes privados?

No. Esta herramienta utiliza una caché de metadatos pública para estimar los pesos; no puede acceder a registros privados ni a archivos de código fuente locales.

¿Cuál es la diferencia entre minificado y comprimido (Gzipped)?

Minificado muestra el tamaño después de eliminar espacios en blanco y acortar variables. Gzipped refleja el tamaño comprimido que realmente se envía a través de la red al navegador del usuario.

Formateadores y código

Analizador de Tamaño de Bundle (Simulador)

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.

Nota del editor

Understanding · What's actually in your JavaScript.

Este capítulo en profundidad está disponible solo en inglés por el momento. La herramienta de conversión de arriba funciona en tu idioma; el artículo explicativo extenso aún no se ha traducido.

Preguntas frecuentes

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.

La gente también busca

Herramientas relacionadas

More in this room.

Ver todo en Formateadores y código