JavaScript Minifier
Мгновенное сжатие JavaScript для production
Исходный JavaScript
Параметры
Сжатый JavaScript
Связанные инструменты
Обзор
JavaScript Minifier удаляет из вашего кода комментарии, лишние пробелы и переносы строк, уменьшая размер файла для production — меньшие загрузки, более быстрый парсинг. Вставьте читаемый JS и мгновенно получите компактный вывод с наглядным сравнением размера до и после.
Что контролирует этот минификатор
- •Удаление комментариев: удаляет как строчные комментарии //, так и блочные /* */
- •Схлопывание пробелов: удаление ненужных пробелов, пустых строк и переносов строк
- •Сравнение размера: исходный размер, минифицированный размер и процент уменьшения рядом друг с другом
- •Нормализация точек с запятой: гарантирует, что разделители операторов сохранятся после удаления пробелов
- •Переключатель сохранения комментариев: сохраняйте заголовки лицензий или важные комментарии при необходимости
- •Скачиваемый результат: сохраните минифицированный результат прямо в виде файла .js
Когда минифицировать JavaScript
- •Уменьшение скрипта перед развёртыванием в production для сокращения времени загрузки страницы
- •Подготовка небольшого служебного скрипта для встраивания inline на HTML-странице без раздувания её объёма
- •Быстрая проверка того, насколько сократится файл, перед настройкой полноценного build-пайплайна
- •Минификация разового скрипта для CodePen, gist или букмарклета, где этап сборки непрактичен
- •Сравнение минифицированного размера с бюджетом размера для аудита производительности
Как минифицировать JavaScript
- 1.Вставьте ваш JavaScript в редактор ввода или загрузите файл .js
- 2.Решите, сохранять ли комментарии (например, заголовки лицензий) или удалить их полностью
- 3.Минифицированный вывод и процент уменьшения размера появляются автоматически
- 4.Скопируйте результат или скачайте его как файл .js
- 5.Проверьте количество байт до и после, чтобы подтвердить экономию размера перед развёртыванием
Особые случаи, о которых стоит знать
- •Этот минификатор не переименовывает переменные в более короткие имена и не выполняет удаление мёртвого кода — для максимального сжатия нужен инструмент на основе AST, например Terser
- •Содержимое строк и шаблонных литералов остаётся нетронутым; удаляются только структурные пробелы и комментарии вне строк
- •Особые случаи ASI (автоматической вставки точки с запятой) в необычном коде (например, строки, начинающиеся с ( или [) следует проверить после минификации, поскольку удаление переносов строк иногда может изменить поведение, связанное с ASI
Ограничения
- •Это минификация пробелов/комментариев, а не полное сжатие — для максимального уменьшения размера (переименование переменных, удаление мёртвого кода, tree-shaking) используйте минификатор, интегрированный со сборочным инструментом, например Terser или esbuild
- •Минифицированный вывод полностью теряет читаемость — всегда храните исходный код под контролем версий
- •Очень большие файлы могут медленно обрабатываться полностью в браузере — для production build-пайплайнов интегрируйте минификацию в ваш бандлер, а не используйте разовый инструмент в браузере
Нужно конвертировать в обратную сторону?
Если у вас есть минифицированный или сжатый JavaScript, который нужно прочитать или отладить, используйте вместо этого JavaScript Beautifier. Он восстанавливает отступы, переносы строк и единообразное форматирование, делая код действительно читаемым.