Оценка веса JavaScript-зависимостей
Выберите JavaScript-библиотеки, которые планируете использовать: инструмент суммирует их приблизительные известные размеры (минифицированный и gzip) и даёт порядок величины веса, который они добавят в ваш бандл, ещё до установки.
Как это работает
Локальная база данных (встроена в страницу, сетевые запросы не выполняются) сопоставляет каждой популярной библиотеке два приблизительных размера: минифицированный и gzip (то, что браузер реально скачивает в продакшене на правильно настроенном сервере). Отметьте библиотеки, которые собираетесь использовать: размеры автоматически суммируются, давая порядок величины общего веса, добавляемого в ваш JavaScript-бандл.
Эти размеры точные?
Нет, это порядки величин: реальный размер зависит от точной установленной версии, используемого сборщика (Vite, Webpack, esbuild...) и, главное, от tree-shaking (импорт только нужных функций может резко уменьшить итоговый вес, особенно для таких библиотек, как Lodash). Для точной и актуальной цифры по конкретной версии воспользуйтесь таким инструментом, как bundlephobia.com.
Почему суммируются размеры gzip, а не только минифицированные?
Минифицированный размер — это вес JavaScript-файла после удаления пробелов и сокращения имён переменных, но лучше всего то, что пользователь реально скачивает, отражает размер gzip: сжатие gzip или brotli включено почти на всех современных веб-серверах.
Никакие данные не отправляются на сервер: база размеров встроена в страницу, а расчёт полностью выполняется в вашем браузере.