HTML-минификатор и улучшитель

HTML-минификатор и Beautifier сжимает HTML-документы, удаляя комментарии и срывая пробелы, которые оставляют ваши шаблоны и редакторы - отступ, пустые строки и пробелы, которые игнорируют браузеры, но все по-прежнему загружаются. Документ HTML является самым первым ресурсом в каждой загрузке страницы; ничего не отображается, пока не придет, поэтому байты, обрезанные здесь, переносят первую содержательную краску и время в метрику, смежную с байтами, более прямые, чем практически любой другой актив. На серверных страницах и шаблонах вывода регулярно сбрасываются 10–25% их размера.

Критическая деталь в минимизации HTML заключается в том, чтобы знать, чего не трогать. Этот инструмент маскирует содержимое элементов <pre>, <textarea>, <script> и <style>, а затем восстанавливает их байт за байт, поэтому образцы кода сохраняют свои разрывы строк, текстовые поля по умолчанию сохраняют форматирование, а встроенный JavaScript и CSS никогда не переписываются. Цитируемые значения атрибутов сохраняются точно, и условные комментарии могут сохраняться даже при удалении обычных комментариев - та же дисциплина, что и html-minifier-terser, применяется минифак времени сборки.

Бьютификатор делает обратную: он принимает минимальную или беспорядочную разметку и пересчитывает ее с помощью структуры, защищающей от вложенных элементов, сохраняя встроенные элементы, такие как <span>, <a> и <strong>, текущие с окружающим текстом, вместо того, чтобы разбивать каждую тег на свою собственную линию. В вашем браузере все работает на 100% на стороне клиента — ваша разметка никогда не загружается и не регистрируется, поэтому выскребающие страницы, экспорт CMS и проприетарные шаблоны — все это безопасно для вставки, а инструмент продолжает работать в автономном режиме.

Пробелы в HTML не всегда незначительны, поэтому Pre, TextArea, Script и Style оставляются такими, как они есть. Срыв пробела внутри блока предварительного блока меняет то, что видит читатель, а срыв внутри скрипта может изменить то, что делает скрипт.