Уменьшите размер JavaScript
JavaScript часто является самой тяжелой частью веб-страницы, и каждый килобайт необходимо загрузить, разобрать и выполнить, прежде чем страница станет интерактивной. Минификация может уменьшить его размер вдвое и более. Этот инструмент использует Terser — минификатор, лежащий в основе большинства современных систем сборки. Он удаляет пробелы и комментарии, сокращает имена и безопасно сжимает код прямо в вашем браузере.
Возможности
- Движок Terser с поддержкой современного стандарта ES2015+.
- Сжатие: удаление неиспользуемого кода, свертывание констант и сокращение синтаксиса.
- Сокращение имен (mangling) для локальных переменных (опционально).
- Комментарии с лицензиями сохраняются по желанию.
- Сравнение размеров в байтах и процентах.
- Конфиденциальность: код обрабатывается локально.
Типичная экономия
| Код | Уменьшение размера |
|---|---|
| Код приложения с подробными комментариями | 50–70% |
| Исходный код библиотек | 40–60% |
| Уже компактный код | 15–30% |
| Уже минифицированный код | 0–5% |
Передача минифицированных файлов со сжатием gzip или Brotli обычно уменьшает размер передаваемых данных еще на 60–75%.
Советы
- Сохраняйте исходный код — минифицированный код сложно читать и отлаживать. Используйте source maps при сборке для отладки продакшен-кода.
- Минифицируйте на этапе сборки для продакшена; этот инструмент идеально подходит для разовых скриптов, сниппетов, букмарклетов и проектов без сборщика.
- Тестируйте код после минификации, особенно если он зависит от имен функций или использует
eval.
Похожие инструменты
Минифицируйте таблицы стилей с помощью Минификатора CSS, форматируйте данные с помощью JSON-форматтера или кодируйте скрипты для встраивания с помощью Base64.