Веб-разработка
JS Minify / Beautify
Сжать JavaScript для продакшена или отформатировать свёрнутый код в удобный для чтения вид.
Слишком большой для просмотра
Слишком большой для просмотра
Minifying JavaScript strips whitespace, comments, and line breaks, and often shortens local variable names — none of that changes how the code runs, but it noticeably shrinks the file for a faster load.
How to use it
- Minify: paste JavaScript code and the tool compresses it while keeping its behavior identical.
- Beautify: paste minified code with no indentation to get a readable version for analysis or debugging.
- Beautifying is especially useful for picking apart a third-party minified script when no source map is available.
Common uses
- Quickly minifying a small script without setting up a full build tool.
- Beautifying minified code from a third-party library to understand what it does.
- Inspecting a suspicious or unclear minified script before trusting it to run.
Things to keep in mind
Minification isn't obfuscation — variables get renamed to shrink size, not to hide logic; serious obfuscation needs dedicated specialized tools.
Minified code in production without a source map is hard to debug — the line numbers in error messages won't match the original file.
Статья об этом инструменте: Минификация JavaScript: разница между минификацией и обфускацией
Часто задаваемые вопросы
Какой инструмент использует минификатор под капотом?
Он использует terser, широко применяемый минификатор и компрессор JavaScript, который также понимает современный синтаксис.
Почему минифицированный JavaScript сложнее отлаживать?
Terser сокращает имена переменных и функций, убирает пробелы и комментарии, а поскольку этот инструмент не генерирует source map, инструменты разработчика браузера не могут сопоставить минифицированный код с читаемыми исходными строками.
Сломает ли минификация мой код?
Для синтаксически корректного JavaScript минификация сохраняет поведение; если есть синтаксическая ошибка, инструмент сообщает строку и столбец, чтобы вы могли исправить её перед минификацией — всё работает локально без загрузки вашего кода.
Чем tree shaking отличается от минификации?
Tree shaking удаляет из бандла код, который нигде не используется, анализируя граф зависимостей модулей во время сборки, тогда как минификация лишь сокращает текстовую запись уже имеющегося кода — она не удаляет ни одной функции, которая реально выполняется.
Безопасно ли использовать минифицированный JavaScript в продакшн без дополнительной проверки?
Да, минификация — это чисто синтаксическое преобразование, которое сохраняет поведение программы идентичным; любое отличие в поведении после минификации свидетельствует о баге в самом минификаторе, а не о намеренном изменении логики.