HTML Minifier — Минификатор HTML

Как работает минификация HTML

Минификация HTML удаляет всё, что браузеру не нужно для отображения страницы: отступы и переносы строк между тегами, комментарии, избыточные значения атрибутов и атрибуты по умолчанию. Этот инструмент использует html-minifier-terser, который разбирает вашу разметку на теги и текст, применяет выбранные оптимизации и записывает её обратно. Collapse whitespace объединяет последовательности пробелов и удаляет пробелы между блочными элементами, сохраняя одиночные пробелы, разделяющие строчный текст. Содержимое <pre> и <textarea> остаётся нетронутым, поскольку там пробелы имеют значение. Remove comments убирает заметки разработчиков, а встроенные минификаторы сжимают внедрённые блоки <style> и <script> с помощью clean-css и Terser.

Индикаторы размера показывают размер входных и выходных данных в байтах UTF-8 и процент экономии. Шаблоны, написанные вручную с щедрыми отступами, нередко уменьшаются на 15–30%, а ещё сильнее — если содержат крупные встроенные скрипты или стили. Серверы обычно дополнительно сжимают HTML с помощью gzip или Brotli, поэтому экономия трафика меньше «сырого» числа, но документ меньшего размера всё равно разбирается быстрее, а критичный встроенный код остаётся компактным.

Выбор подходящих параметров

Remove redundant attributes — это набор безопасных очисток: он сокращает булевы атрибуты, такие как disabled="disabled", до disabled, удаляет значения по умолчанию, например type="text" у полей input и type="text/javascript" у скриптов, убирает пустые атрибуты и заменяет длинные устаревшие doctype на <!doctype html>. Remove optional tags опускает закрывающие теги, такие как </li>, </p> и </body>, которые спецификация HTML позволяет браузерам определять самостоятельно. Remove attribute quotes убирает кавычки вокруг значений, которым они не нужны. Оба параметра дают корректный HTML, но могут удивить другие инструменты, читающие вашу разметку, поэтому по умолчанию они выключены.

Приватность по умолчанию

Минификатор загружается по требованию и работает локально, поэтому ваши шаблоны, разметка писем и посадочные страницы никогда не загружаются на сервер. Это удобно для разовых задач, например чтобы уменьшить HTML-письмо, фрагмент для встраивания или статическую страницу перед вставкой в CMS. Если парсер сообщает об ошибке, проверьте входные данные на незакрытые теги или лишние угловые скобки. Для рабочих сайтов оставляйте минификацию в конвейере сборки, чтобы результат был воспроизводимым.