Минификатор HTML, CSS и JS
Как минифицировать код
- Вставьте HTML, CSS или JavaScript. Язык определяется автоматически, или его можно задать самому.
- Минифицированная версия появляется ниже с размером до и после и процентом экономии.
- Скопируйте её или скачайте как файл .min.
Частые вопросы
Что именно удаляется?
Комментарии и лишние пробелы. В CSS убираются пробелы у фигурных скобок, точек с запятой, запятых и двоеточий, а также последняя точка с запятой в каждом блоке. В HTML серии пробелов сжимаются в один пробел, а комментарии удаляются. В JavaScript удаляются комментарии и отступы.
Почему в JavaScript остаются переносы строк?
Потому что их удаление может изменить работу кода. JavaScript вставляет точки с запятой в конце строк, поэтому склейка двух строк, полагавшихся на это, сломала бы их. Удаляются только отступы, пустые строки и комментарии, что безопасно для любого кода.
Переименует ли он переменные, как сборщик?
Нет. Сокращение имён и переписывание выражений требует настоящего парсера — это работа сборщика вроде esbuild, terser или SWC. Этот инструмент для ручного сжатия файла, где экономия обычно 10–30%.
Безопасно ли со строками и регулярными выражениями?
Да. Сканер отслеживает кавычки, шаблонные строки и литералы регулярных выражений, поэтому маркер комментария внутри строки или косая черта внутри регулярного выражения не трогаются.
Почему пробелы между тегами HTML сохраняются?
Пробел между двумя строчными элементами виден на странице, поэтому его удаление склеило бы слова. Отметьте второй флажок, если вся разметка из блочных элементов и вы хотите их убрать.
Разве gzip этого не делает?
В основном да. Сервер, сжимающий gzip или Brotli, уже убирает повторяющиеся пробелы, поэтому предварительная минификация экономит гораздо меньше, чем показывает сырое число байт. Она всё равно полезна для встроенного кода, шаблонов писем и файлов, отдаваемых без сжатия.
Мой код загружается на сервер?
Нет. Текст обрабатывается в браузере и никуда не отправляется.