Estimar el peso de dependencias JavaScript

Seleccione las librerías JavaScript que prevé utilizar: la herramienta suma sus tamaños conocidos aproximados (minificada y comprimida con gzip) para darle un orden de magnitud del peso que añadirán a su bundle, incluso antes de instalar nada.

Ejemplo:
0 librería(s) seleccionada(s)
0 Ko minificado
0 Ko con gzip
Estimación: Ligero

Cómo funciona

Una base de datos local (incluida en la página, sin ninguna llamada de red) asocia a cada librería habitual dos tamaños aproximados: el tamaño minificado y el tamaño comprimido con gzip (lo que el navegador descarga realmente en producción desde un servidor bien configurado). Marque las librerías que piensa utilizar: los tamaños se suman automáticamente para ofrecerle un orden de magnitud del peso total que se añade a su bundle de JavaScript.

¿Son exactos estos tamaños?

No, son órdenes de magnitud: el tamaño real depende de la versión exacta instalada, del bundler utilizado (Vite, Webpack, esbuild...) y, sobre todo, del tree-shaking (importar solo las funciones que se usan puede reducir drásticamente el peso real, en especial en librerías como Lodash). Para obtener una cifra precisa y actualizada de la versión exacta que utiliza, consulte una herramienta como bundlephobia.com.

¿Por qué sumar los tamaños con gzip y no solo los minificados?

El tamaño minificado corresponde al peso del archivo JavaScript tras eliminar los espacios y acortar los nombres de las variables, pero el tamaño con gzip es el que mejor refleja lo que el usuario descarga realmente, ya que la compresión gzip o brotli es casi sistemática en los servidores web modernos.

No se envía ningún dato a un servidor: la base de tamaños está incluida en la página y el cálculo se realiza íntegramente en su navegador.