Estimar o peso de dependências JavaScript

Como funciona

Um banco de dados local (incorporado à página, sem nenhuma chamada de rede) associa a cada biblioteca comum dois tamanhos aproximados: o tamanho minificado e o tamanho com gzip (o que o navegador realmente baixa em produção em um servidor bem configurado). Marque as bibliotecas que você pretende usar: os tamanhos são somados automaticamente para dar uma ordem de grandeza do peso total adicionado ao seu bundle JavaScript.

Esses tamanhos são exatos?

Não, são ordens de grandeza: o tamanho real depende da versão exata instalada, do bundler usado (Vite, Webpack, esbuild...) e, sobretudo, do tree-shaking (importar apenas as funções utilizadas pode reduzir drasticamente o peso real, em especial em bibliotecas como o Lodash). Para um número preciso e atualizado da versão exata que você usa, consulte uma ferramenta como bundlephobia.com.

Por que somar os tamanhos com gzip e não apenas os minificados?

O tamanho minificado corresponde ao peso do arquivo JavaScript depois de remover os espaços e encurtar os nomes das variáveis, mas é o tamanho com gzip que melhor reflete o que o usuário realmente baixa, já que a compressão gzip ou brotli é praticamente padrão nos servidores web modernos.

Nenhum dado é enviado a um servidor: a base de tamanhos está incorporada à página e o cálculo é feito inteiramente no seu navegador.