Минификация JavaScript Онлайн
Минифицируйте JavaScript-код прямо в браузере — меньше вес, та же функциональность.
Зачем это нужно
JavaScript минификация: меньше вес, быстрее загрузка
Без изменений поведения
Минифицированный JS функционально идентичен оригиналу.
Без интернета
Минификация в браузере без отправки кода на сервер.
Оптимизации
Удаление комментариев, пробелов, укорачивание имён переменных.
Мгновенно
Результат появляется при вводе кода.
Как это работает
Три шага — никаких сложностей
Вставьте JavaScript
Введите или вставьте JS-код для минификации.
Получите минифицированный JS
Инструмент удаляет комментарии, пробелы, укорачивает имена переменных.
Скопируйте или скачайте
Скопируйте результат или скачайте минифицированный .js файл.
FAQ
Остались вопросы?
JS-минификация включает: удаление пробелов, переносов строк и комментариев; укорачивание имён переменных (a вместо userAuthenticated); удаление недостижимого кода; замену console.log на пустую функцию; объединение строковых литералов; оптимизацию логических выражений.
Да, при наличии source maps. Source map — файл, связывающий позиции минифицированного кода с исходным. Это позволяет браузерным DevTools показывать читаемый стек вызовов при ошибках. Без source maps дебаггинг минифицированного кода крайне затруднён.
При правильной минификации — нет. Однако некоторые операции могут изменить поведение: удаление "use strict", изменение областей видимости при переименовании переменных, проблемы с кодом, зависящим от Function.prototype.name. Всегда тестируйте после минификации.
Минификация уменьшает размер кода без намеренного затруднения чтения. Обфускация специально делает код нечитаемым: переименовывает переменные в бессмысленные имена, вводит мёртвый код, использует eval. Обфускация обеспечивает некоторую защиту от реверс-инжиниринга, но замедляет выполнение.
Без source maps — ограниченно. JS beautifier добавит форматирование, но не восстановит исходные имена переменных и комментарии. Именно поэтому следует хранить исходники в системе контроля версий и минифицировать только при сборке для production.
JavaScript минификация: Terser, Webpack и производительность фронтенда
JavaScript минификация прошла долгий путь: YUI Compressor (Yahoo, 2007) был первым широко принятым инструментом, Closure Compiler (Google, 2009) ввёл статический анализ и более агрессивные оптимизации, UglifyJS (2010) стал стандартом для Node.js экосистемы. Сегодня Terser — наиболее популярный минификатор, используемый по умолчанию в Webpack и Vite.
Размер JavaScript — ключевой фактор производительности веб-приложений. Помимо размера передаваемых данных, браузеру необходимо парсить и компилировать JS — это CPU-операции, блокирующие основной поток. Lighthouse рекомендует максимальный размер начального JS-бандла 150-200 KB (Gzip). Code splitting и dynamic import() помогают разбить код на части, загружаемые по требованию.
Tree shaking — удаление неиспользуемого кода (мёртвого кода) из ES-модулей — более мощный инструмент, чем просто минификация. Rollup и Webpack 5 реализуют tree shaking на основе статического анализа импортов. В сочетании с минификацией это может сократить размер бандла на 30–70% по сравнению с наивной конкатенацией.