Как уменьшить размер HTML за счёт удаления комментариев и лишних пробелов

Что делает инструмент

HTML Minifier помогает подготовить фрагмент HTML-текста к передаче или хранению, когда в нём есть комментарии и избыточные пробелы. Инструмент работает с предоставленным текстом: удаляет HTML-комментарии, в том числе комментарии, проходящие через перенос строки, и сокращает выбранные виды пробелов. Это удобно для предварительного уменьшения объёма разметки перед сравнением исходной и обработанной версий.

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

Как обработать HTML-текст

Подготовьте фрагмент HTML в текстовом виде. Вставьте его в поле ввода без дополнительных преобразований. Если поле оставить пустым, обработка выполнится для пустой строки; значение, состоящее только из пробелов, обрабатывается так же.
Проверьте, что в тексте нет частей, которые нельзя передавать в этот инструмент по вашим внутренним правилам. Инструмент меняет текстовые последовательности: комментарии удаляются, пробелы между тегами убираются, последовательности из двух и более пробельных символов сводятся к одному пробелу, а переводы строки, возвраты каретки и табуляции удаляются. Поэтому перед запуском сохраните исходный фрагмент отдельно, если он понадобится для сравнения.
Запустите обработку штатной кнопкой интерфейса. Отдельно задавать параметры не требуется: описанное преобразование применяется к переданному тексту. Для непустого ввода дождитесь появления обработанного варианта и связанных с ним измерений.
Сопоставьте исходный и обработанный текст. Проверьте, что комментарии исчезли, пробелы между соседними тегами удалились, а пробельные последовательности изменились ожидаемым образом. Начальные и конечные пробелы в возвращённом тексте убираются, поэтому различие по краям не означает изменение содержимого тегов.
Если результат подходит, используйте его как сокращённую текстовую версию фрагмента. Если форматирование нужно сохранить для чтения человеком, сначала сравните исходник и результат, потому что переносы строк и табуляции относятся к символам, которые удаляются при обработке.

Как читать результат

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

Если в исходнике были длинные комментарии, пробелы между тегами или серии пробельных символов, сокращение будет зависеть от их количества. В тексте без таких участков разница может оказаться небольшой. Измерения описывают изменение длины последовательности символов, а не качество HTML и не соответствие разметки требованиям конкретного браузера или стандарта.

Пустой или состоящий только из пробелов ввод даёт пустой обработанный текст и нулевые измерения размера. В таком ответе присутствуют результат, исходная длина и длина обработанного текста, но сведения об экономии и проценте сокращения не добавляются. Это нормальная отдельная ветка для пустого значения, а не признак сбоя. Для пустого и обычного сценариев отображается успешный статус, однако сам статус не заменяет проверку полученного текста.

Рассмотрим практический случай: перед публикацией шаблона страницы вы вставляете фрагмент с переносами строк, пробелами между тегами и HTML-комментарием. После запуска ожидайте обработанный текст без этого комментария и с изменёнными пробельными последовательностями. В результате также будет форма с исходной длиной, длиной обработанного текста, разницей и процентом сокращения. Числовые значения зависят от фактически вставленного фрагмента, поэтому их следует читать вместе с самим результатом.

Практический пример

Перед публикацией шаблона страницы вы проверяете, как изменится его текстовый объём после удаления комментария и сокращения пробелов.

Вставьте фрагмент шаблона с переносами строк, пробелами между тегами и HTML-комментарием, затем запустите обработку и сравните результат с исходником.

Обработанный текст без HTML-комментария и с изменёнными пробельными последовательностями; для непустого ввода также отображаются исходная длина, длина обработанного текста, разница и процент сокращения.

Ограничения

Преобразование ограничено удалением комментариев и изменением пробелов. Оно не удаляет атрибуты и не подтверждает корректность HTML, его семантику или соответствие стандартам.

Частые ошибки

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

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

Что произойдёт с пустым HTML-вводом?

Если поле оставить пустым или ввести только пробелы, результат будет пустым, а измерения размера будут нулевыми. Сведения об экономии и проценте сокращения в таком ответе не добавляются.

Какие изменения произойдут в HTML-тексте?

Для непустого ввода удаляются HTML-комментарии, включая комментарии через перенос строки, а пробелы между тегами и заданные пробельные последовательности сокращаются. Начальные и конечные пробелы результата также убираются.

Что означают измерения размера?

Измерения показывают изменение длины текста: исходную длину, длину обработанного варианта до финального удаления пробелов по краям, разницу и процент сокращения с округлением до одного знака после запятой.