Минификация CSS Онлайн
Минифицируйте CSS-код прямо в браузере — уменьшите вес стилей без изменения поведения.
Зачем это нужно
CSS минификация для быстрой загрузки
Без изменений поведения
Минифицированный CSS полностью эквивалентен оригиналу.
Без интернета
Минификация в браузере без отправки кода на сервер.
Умная оптимизация
Удаление комментариев, пробелов и оптимизация значений.
Мгновенно
Результат появляется при вводе кода.
Как это работает
Три шага — никаких сложностей
Вставьте CSS-код
Введите или вставьте CSS-код для минификации в поле ввода.
Получите минифицированный CSS
Инструмент удаляет комментарии, пробелы и оптимизирует значения свойств.
Скопируйте или скачайте
Скопируйте результат или скачайте минифицированный .css файл.
FAQ
Остались вопросы?
Минификация CSS удаляет всё, что не влияет на выполнение: пробелы и переносы строк между свойствами, комментарии (/* */), лишние точки с запятой перед }, ноль перед десятичными числами (0.5 → .5), единицы при нулевых значениях (0px → 0), избыточные цветовые коды (#ffffff → #fff). Результат функционально идентичен оригиналу.
Обычно 10–30% от исходного размера. Хорошо написанный CSS с minimal-комментариями сожмётся меньше, чем CSS с подробными комментариями. В сочетании с Gzip или Brotli сжатием на сервере итоговый размер может составить 15–20% от оригинала.
Нет. Минификация строго семантически эквивалентна: браузер интерпретирует минифицированный CSS идентично оригиналу. Единственное изменение — удаление whitespace, не влияющего на парсинг CSS.
Да, особенно для важных ресурсов критического пути рендеринга. Хотя HTTP/2 и Brotli снизили абсолютный выигрыш, минификация всё равно улучшает FCP (First Contentful Paint) и оценки Lighthouse. Сборщики (Webpack, Vite, Parcel) делают это автоматически в production-режиме.
CSS beautifier (форматтер) может добавить отступы и переносы строк обратно, но не восстановит исходные комментарии. Именно поэтому рекомендуется хранить оригинальные исходники в системе контроля версий и деплоить только минифицированные версии.
CSS минификация: производительность веб-сайтов и критический путь рендеринга
CSS относится к render-blocking ресурсам: браузер не начинает рендеринг страницы до загрузки и парсинга всех CSS-файлов в <head>. Уменьшение размера CSS напрямую влияет на FCP (First Contentful Paint) и LCP (Largest Contentful Paint) — ключевые метрики Core Web Vitals. Google PageSpeed Insights и Lighthouse автоматически указывают на возможности минификации CSS.
Алгоритмы минификации CSS варьируются по агрессивности: базовые удаляют только whitespace и комментарии, продвинутые выполняют объединение одинаковых правил, удаление неиспользуемых selectors (PurgeCSS), оптимизацию shorthand свойств и семантически эквивалентные замены. Cssnano — наиболее популярный минификатор для Node.js-экосистемы.
HTTP-сжатие (Gzip, Brotli) работает синергетически с минификацией: минифицированный CSS содержит повторяющиеся паттерны (селекторы, свойства), которые хорошо сжимаются алгоритмами LZ77. Brotli, принятый в HTTP/2, сжимает на 15-25% лучше Gzip для текстовых ресурсов, включая CSS и JavaScript.