Русскоязычные CMS вроде Bitrix или 1C-Битрикс славятся тем, что генерируют HTML с обилием служебных комментариев и лишних пробелов — минификация для таких сайтов даёт заметно больший эффект, чем для аккуратной ручной вёрстки.
Что безопасно удалять
Минификатор убирает HTML-комментарии <!-- ... -->, зачастую оставленные генераторами страниц как служебные метки, лишние пробелы и переносы строк между тегами, кавычки вокруг атрибутов без пробелов внутри значения, а иногда и необязательные закрывающие теги вроде </li>.
Где пробел между тегами — это часть текста
Пробел между двумя инлайновыми элементами, например <span>Привет</span> <span>мир</span>, — это видимый пробел между словами на странице, а не просто отступ в коде. Наивное «схлопывание» всех пробелов между тегами может незаметно склеить «Привет» и «мир» в «Приветмир» — грамотный минификатор трогает только пробелы, не влияющие на рендер, и оставляет такие места как есть.
Минификация против читаемости для разработки
На этапе разработки HTML обычно оставляют отформатированным с отступами — так проще находить структуру в DevTools. Минификацию применяют только к финальной сборке перед публикацией, когда читаемость для человека уже не нужна.
Зачем это нужно
- Уменьшить размер HTML-страницы перед публикацией в продакшн.
- Убрать служебные комментарии CMS из финальной версии разметки.
- Избежать ошибок, удаляя пробелы только там, где это действительно безопасно.
Почему это особенно заметно на сайтах с готовыми конструкторами
Сайты на популярных в рунете конструкторах и CMS часто накапливают HTML с вложенными обёртками, дублирующимися классами и комментариями от каждого виджета редактора. На таких страницах минификация может дать более заметное сокращение объёма, чем на аккуратно написанной вручную разметке, — просто потому, что исходного «мусора» там в разы больше.