Минификатор кода
Минифицируйте JavaScript (Terser), CSS (CSSO), HTML, JSON или XML в одном инструменте: выберите язык, вставьте код и узнайте экономию в байтах. В браузере.
Работает полностью в вашем браузере. Ваши данные никуда не загружаются.
Похожие Инструменты
Просмотреть ВсеЧто такое Минификатор кода?
Минификатор кода — единое место для минификации сразу нескольких языков. Выберите JavaScript, CSS, HTML, JSON или XML, и инструмент применит подходящий минификатор, показав размер исходного и сжатого кода.
Как пользоваться Минификатор кода
- Выберите Язык.
- Вставьте код в поле ввода.
- Нажмите Минифицировать (результат также обновляется по мере ввода).
- Скопируйте или скачайте сжатый код.
Пример
a { color : red ; } a{color:red} Язык: CSS.
Когда использовать Минификатор кода
Используйте для быстрой разовой минификации и сравнения размеров. В продакшене минифицируйте в сборочном конвейере с source map. Подробности о каждом движке — на страницах отдельных минификаторов.
Как работает Минификатор кода
Для каждого языка используется отдельный движок: JavaScript — Terser со сжатием и укорачиванием локальных имён; CSS — структурная минификация CSSO после проверки скобок и строк; HTML — безопасный минификатор, который удаляет комментарии и схлопывает пробелы, но не трогает pre, textarea, script и style; JSON — строгий разбор и компактный вывод с сохранением чисел; XML — проверка корректности, затем удаление пробелов между тегами и комментариев.
Распространенные Случаи Использования
- Минификация фрагмента перед встраиванием в страницу
- Сравнение размера разных версий кода
- Сжатие JSON- или XML-данных
- Удаление комментариев перед публикацией кода
Примечание по Безопасности
Всё выполняется локально в вашем браузере: вставленный код никуда не загружается.
Часто Задаваемые Вопросы
Какой язык выбран по умолчанию?
JavaScript. Измените его в списке выбора языка.
Создаются ли source map?
Нет.
Можно ли минифицировать TypeScript?
Нет, сначала скомпилируйте TypeScript в JavaScript.