ToolsMaxxing
Русский
EnglishEspañolPortuguêsBahasa Indonesiaहिन्दीবাংলাРусскийTiếng ViệtFrançaisDeutschTürkçeالعربية

Минификатор HTML, CSS и JS

Уменьшите HTML, CSS и JavaScript, удалив пробелы, комментарии и лишние байты.

Ваши файлы остаются на устройстве

Как это работает

  1. 1Выберите JavaScript, CSS или HTML.
  2. 2Вставьте код или нажмите «Попробовать пример».
  3. 3Задайте параметры для этого языка.
  4. 4Скопируйте минифицированный код или скачайте его и проверьте строку с размером под полями.

Что делают параметры

JavaScript
Использует Terser, чтобы удалить комментарии и пробелы, упростить выражения и убрать недостижимый код.
Сокращать имена переменных
Переименовывает локальные переменные в одиночные буквы. Выключите, если ваш код читает имена во время выполнения, например через eval.
CSS
Использует csso, чтобы объединять правила, сокращать цвета и значения и удалять комментарии.
HTML
Сворачивает пробелы и удаляет комментарии и лишние атрибуты.
Минифицировать встроенные CSS и JS
Также уменьшает код внутри тегов style и script в HTML.

Конфиденциальность

Всё выполняется в вашем браузере. Вставленный код не отправляется на сервер. Неопубликованный код остаётся на вашем устройстве.

Частые вопросы

Безопасно ли использовать минифицированный код?

Минификаторы созданы так, чтобы сохранять поведение кода, но проверяйте результат. Код, который зависит от имён функций, использует eval или содержит синтаксические ошибки, может сломаться. Сохраните исходный файл.

Почему показывается синтаксическая ошибка?

JavaScript разбирается перед сжатием, поэтому ошибки вроде пропущенной скобки останавливают инструмент и показывают строку. CSS и HTML менее строги и часто минифицируются как есть.

Насколько уменьшится мой файл?

Это зависит от числа пробелов и комментариев. Написанные вручную файлы часто уменьшаются на 20-60 процентов. Включение gzip или Brotli на вашем сервере сэкономит ещё больше.

Поддерживает ли он современный JavaScript?

Да. Поддерживается современный синтаксис: стрелочные функции, классы, асинхронные функции и опциональная цепочка. Преобразования кода в более старый синтаксис нет.

Можно ли получить source map?

Нет. Этот инструмент выдаёт только минифицированный код. Если для отладки нужны source map, используйте систему сборки.

Похожие инструменты