С этим инструментом что-то не так?

О «Минификация CSS Онлайн»

Этот инструмент минифицирует CSS, удаляя лишние пробелы, комментарии и избыточный синтаксис. Поведение в браузере не меняется, а размер обычно падает на 30–50% — быстрее загрузка и меньше трафика.

Типичные оптимизации: убираются пробелы и комментарии, сокращаются hex-цвета (#FFFFFF → #FFF), объединяются селекторы с одинаковыми правилами, убираются единицы у нулей (0px → 0).

Запускайте перед деплоем; для отладки используйте source maps.

Как пользоваться этим инструментом

Как сжать CSS-стайлшит к продакшну

  1. Вставьте CSS

    Целая таблица стилей или фрагмент — в поле "CSS". Комментарии, переводы строк и отступы убираются. Строки и url()-литералы остаются.

  2. Запуск

    Результат: поле `minified` и `savedPercent` — насколько вывод меньше входа. Типичный выигрыш: 20–40% на ручном CSS, меньше — на уже оптимизированных фреймворках.

  3. Что вырезается

    Блочные комментарии `/* … */` и небезопасные пробелы вокруг `{ } : ; ,`. Хвостовые `;` перед `}` сохраняются (так безопаснее для некоторых старых парсеров) или удаляются — зависит от реализации; для побайтного контроля смотрите вывод.

  4. Оговорки

    Не объединяет дубликаты селекторов, не сокращает цвета (`#ffffff` не станет `#fff`), не переставляет объявления. Для более агрессивной минимизации возьмите специализированный csso или lightningcss в свою сборку.

Похожие инструменты