Utilore

Минификация HTML

Вставьте HTML и заберите его без пробелов, которых всё равно никто не видит. Счётчик под полем показывает, сколько удалось сэкономить.

Код никуда не уходит: форматирование идёт в браузере.

Как пользоваться

  1. Вставьте HTML в первое поле — он сжимается по ходу ввода.
  2. Посмотрите на размеры под полем ввода.
  3. Скопируйте результат или нажмите «Форматировать», чтобы развернуть обратно.

Полезно знать

Что удаляется, а что нет

Уходят переносы строк между тегами, цепочки пробелов и обычные комментарии. Условные комментарии остаются: в них лежит разметка для старых браузеров. Всё, что внутри pre, textarea, script и style, переносится нетронутым — перенос строки там является содержимым, а не оформлением.

Сколько это стоит на самом деле

На обычной странице минификация экономит десять–двадцать процентов до сжатия и заметно меньше после него: gzip и сам неплохо справляется с повторяющимися пробелами. Её стоит держать в сборке и стоит забыть при разработке, где читаемая разметка ничего не стоит и экономит часы.

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

Останется ли страница такой же на вид?

Да, с одной оговоркой: пробел между строчными элементами виден на странице. Поэтому пробелы между тегами сжимаются до одного, а не удаляются, и вёрстка не съезжает.

Код куда-то отправляется?

Нет. Всё происходит на странице, неопубликованные шаблоны остаются у вас.

Сжимает ли он вложенные CSS и JavaScript?

Нет. Эти блоки копируются как есть. Для стилей есть минификатор CSS, а переписывать скрипт средствами инструмента для разметки — верный путь к незаметным ошибкам.

Можно ли вернуть как было?

Нажмите «Форматировать» — разметка снова разложится с отступами. Исходные переносы потеряны, но структура вернётся.

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