Минификатор CSS

Удаление пробелов и комментариев — очевидная и простая часть минификации: это делает любой минификатор, и сама по себе она мало чем отличается от прохода «найти и заменить». То, что отличает настоящий минификатор, понимающий CSS, от наивного удаления пробелов, — это всё, что требует реального понимания таблицы стилей: сжатие сокращённых значений, при котором цвет вроде `#ffffff` превращается в `#fff`, а лишние нулевые единицы измерения обрезаются, и объединение дублирующихся или пересекающихся правил, при котором два правила, применяющие в итоге одни и те же декларации, объединяются в одно. Для обоих требуется сначала разобрать CSS в настоящую структуру — понять, какой селектор относится к каким декларациям и какие значения эквивалентны, — именно поэтому csso строит настоящее синтаксическое дерево, а не сопоставляет текст по шаблону, по той же причине, по которой настоящий парсер оправдывает себя по сравнению с проходом регулярными выражениями.

Современные сборщики автоматически минифицируют CSS на этапе продакшен-сборки, поэтому для тех, кто работает внутри проекта со сборщиком, минификация уже происходит незаметно при каждой сборке. Отдельный инструмент вроде этого закрывает случаи, выходящие за рамки такого конвейера: CMS или платформу вообще без этапа сборки, быстрый разовый фрагмент, который нужно уместить туда, где ограничен размер, или просто проверку того, насколько сократится конкретная таблица стилей, прежде чем решать, стоит ли вообще настраивать инструментарий. Для одного файла, нужного один раз, вставить его сюда и скопировать результат обратно — более быстрый путь к тому же результату, который дал бы сборщик.

Минификатор, понимающий CSS, намеренно консервативен в том, что он готов объединять или переписывать: пользовательские свойства (CSS-переменные), медиазапросы, keyframe-анимации и объявления с вендорными префиксами сохраняются в точности как написаны, потому что их некорректное схлопывание могло бы незаметно изменить отображение страницы в некоторых браузерах или при определённых размерах экрана, а не просто изменить внешний вид исходного кода. Оптимизации, которые безопасно выполнять автоматически, — пробелы, комментарии, сокращённые значения, действительно дублирующиеся правила, — это те, что не могут никак повлиять на отрендеренную страницу, и именно в этом заключается принцип использования настоящего парсера вместо более грубого и рискованного подхода «найти и заменить».