Минификация CSS
Удаление комментариев и лишних пробелов из CSS
Минифицирует CSS, удаляя комментарии и лишние пробелы: размер файла уменьшается, а стили остаются прежними.
Как это работает
Минификатор убирает комментарии, сворачивает цепочки пробелов и удаляет пробелы вокруг структурных символов { } : ; и запятой. Это минификатор на регулярных выражениях, работающий по принципу «как получится», а не полноценный разбор CSS, поэтому перед обработкой он выполняет базовую проверку — сходятся ли фигурные скобки.
Частые вопросы
Проверяет ли он, что мой CSS полностью корректен?
Не полностью — он проверяет парность фигурных скобок как базовую проверку, но полноценным разбором CSS не является. CSS с ошибками другого рода — пропущенным значением или сломанным селектором — всё равно «минифицируется» без возражений: чтобы надёжно отлавливать любые ошибки, нужен полный разбор.
Почему мой CSS отклонён с ошибкой?
Только из-за непарных фигурных скобок: разное количество символов { и } (считаются вне строк и комментариев) означает, что структура нарушена, поэтому минификация не выполняется.
Может ли минификация испортить строковое значение в CSS, например content: "a b"?
Может — пробелы внутри строковых литералов вроде content: "a b" сворачиваются наравне со всем остальным, поскольку это лёгкий минификатор на регулярных выражениях, а не инструмент, полностью понимающий синтаксис строк CSS. Это известный и осознанно принятый компромисс ради простоты.
Насколько сильно минификация уменьшает CSS?
Сильно зависит от того, сколько в исходном файле пробелов и комментариев: подробно отформатированная таблица стилей с обилием комментариев может заметно уменьшиться, а уже компактный CSS почти не изменится.
Отправляется ли мой CSS куда-нибудь?
Нет — минификация выполняется целиком в вашем браузере средствами обработки строк JavaScript. Ничего не загружается.