Как пользоваться
- Вставьте код, перетащите файл или загрузите пример; язык для этой страницы задан заранее и его можно изменить.
- Выберите форматирование или минификацию и настройте отступы, ширину и другие параметры; результат появляется справа по мере ввода.
- Скопируйте или скачайте результат; при ошибке нажмите «Перейти к ошибке», исправьте и запустите снова.
Что делает минификация
Минификация меняет запись кода, а не его поведение. Обычно она уменьшает размер на 30–70% и ускоряет страницы; сохраняйте исходник, потому что минифицированный код трудно читать.
| Операция | JavaScript (Terser) | CSS (CSSO) | HTML / XML / JSON |
|---|---|---|---|
| Удалять комментарии | ✓ | ✓ | ✓ |
| Удалять пробелы и переносы строк | ✓ | ✓ | ✓ |
| Сокращать имена переменных | ✓ | — | — |
| Объединять правила, сокращать цвета | — | ✓ | — |
| Удалять мёртвый код, сворачивать константы | ✓ | — | — |
| Сохранять лицензионные комментарии /*! | Необязательно | Необязательно | Необязательно |
Языки и движки
Форматирование использует те же открытые движки, что и популярные редакторы, поэтому результат совпадает с Prettier в VS Code и команда может придерживаться единого стиля. Все движки загружаются с этого сайта и работают в браузере.
| Язык | Формат | Сжать |
|---|---|---|
| HTML | Prettier 3 | ✓ комментарии и пробелы |
| XML | XML-движок XunL | ✓ |
| CSS / SCSS / Less | Prettier 3 | ✓ реструктуризация CSSO |
| JavaScript / TypeScript | Prettier 3 (Babel) | ✓ Terser (только JavaScript) |
| JSON | Prettier 3 | ✓ большие числа сохраняют точность |
| YAML | Prettier 3 | — (комментарии сохраняются) |
| SQL | sql-formatter (14 диалектов) | — |
Частые вопросы
Будет ли минифицированный код работать?
Terser — минификатор по умолчанию в webpack и Vite, он применяет только преобразования, сохраняющие поведение. Для кода, зависящего от имён функций или использующего eval с локальными переменными, отключите «Сокращать имена переменных».
Может ли он минифицировать TypeScript?
Не напрямую — сначала скомпилируйте его в JavaScript.
Загружается ли мой код?
Нет. Движки загружаются с этого сайта и работают в браузере; ваш код никогда не проходит через наши серверы или третьи стороны, поэтому инструмент безопасен для внутреннего кода и конфигураций.
Каков максимальный размер файлов?
До 5 МБ на файл; при размере больше 300 КБ страница ждёт нажатия кнопки вместо форматирования на лету, чтобы браузер не тормозил.
Насколько уменьшается JavaScript после минификации и нужен ли ещё gzip?
Минификация удаляет пробелы, переводы строк и комментарии и сокращает имена локальных переменных, обычно уменьшая размер на 30–60% в зависимости от стиля кода. Gzip или Brotli сжимают файлы при передаче на сервере и могут уменьшить минифицированный JS ещё примерно на 60–70%; это разные задачи, и лучше использовать оба способа вместе. Сохраняйте неминифицированный исходник и source map для отладки и проверяйте основные функции в браузере после каждой повторной минификации.