JavaScript Minifier

Мгновенное сжатие JavaScript для production

Исходный JavaScript

Параметры

Сжатый JavaScript

Обзор

JavaScript Minifier удаляет из вашего кода комментарии, лишние пробелы и переносы строк, уменьшая размер файла для production — меньшие загрузки, более быстрый парсинг. Вставьте читаемый JS и мгновенно получите компактный вывод с наглядным сравнением размера до и после.

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

Если у вас есть минифицированный или сжатый JavaScript, который нужно прочитать или отладить, используйте вместо этого JavaScript Beautifier. Он восстанавливает отступы, переносы строк и единообразное форматирование, делая код действительно читаемым.