Форматирование и минификация HTML - читаемо или компактно
Форматирование и минификация HTML
Что делает этот инструмент
Две противоположные задачи над одним текстом. Форматирование добавляет переносы и отступы, чтобы человек видел вложенность; минификация убирает всё, что браузеру не нужно. Здесь обе работают с теми символами, которые вы дали, а не с пересобранным документом, поэтому на выходе по-прежнему ваша разметка.
Как пользоваться
- 1 Вставьте HTML: целую страницу или просто фрагмент.
- 2 Выберите отступ, затем нажмите «Форматировать» или «Минифицировать».
- 3 Скопируйте результат или прогоните его через другую кнопку для сравнения.
Пробелы не всегда шум
Между двумя строчными элементами один пробел это видимый текст: уберите его, и «один два» станет «одиндва». Между блочными элементами тот же пробел не значит ничего. Здешний минификатор снимает отступы, но сохраняет разделяющий пробел там, где он реально работает.
Почему pre и textarea остаются нетронутыми
Внутри них каждый пробел и перевод строки это содержимое, которое увидит читатель. Переставить отступы в блоке кода значит молча изменить то, что он показывает, а обрезать textarea значит изменить значение, отправляемое формой. То же с script и style: их содержимое это другой язык, и оно проходит нетронутым.
Он форматирует, а не чинит
Инструменты, построенные на парсере браузера, молча чинят сломанную разметку: закрывают ваши теги, выбрасывают лишние и переносят элементы туда, где их требует спецификация. При отладке это обычно не то, что нужно: ошибка, которую вы ищете, может быть ровно тем, что починили. Этот же переформатирует текст и оставляет ошибки там, где вы их увидите.
Минификация HTML это малый выигрыш
Убрать пробелы со страницы обычно экономит несколько процентов, и gzip на сервере всё равно сжал бы большую часть. Настоящий вес в изображениях, шрифтах и скриптах. Минифицируйте HTML потому, что генератор шаблонов оставил вывод нечитаемым, а не потому, что ждёте заметного ускорения.