Как минифицировать CSS
- Вставьте CSS-код в поле ввода (поддерживает любой валидный CSS)
- Нажмите «Минифицировать» для сжатия
- Инструмент покажет исходный и итоговый размер, процент сжатия
- Скопируйте готовый минифицированный код
Для обратного преобразования (форматирование нечитаемого кода): нажмите «Форматировать».
Зачем минифицировать CSS
Минификация CSS уменьшает размер файла на 20–50%, что ускоряет загрузку страниц. Google PageSpeed и Яндекс.Метрика (Скорость сайта) включают минификацию CSS в рекомендации. Быстрые сайты ранжируются выше: Core Web Vitals (LCP, CLS) влияют на позиции в Google с 2021 года.
Часто задаваемые вопросы
Как автоматически минифицировать CSS в WordPress?
Плагины для минификации в WordPress: WP Rocket (платный, самый мощный), Autoptimize (бесплатный), LiteSpeed Cache (бесплатный). Все они автоматически минифицируют и объединяют CSS-файлы. Включите в настройках и проверьте сайт после — некоторые плагины конфликтуют с CSS.
Сломает ли минификация CSS работу сайта?
Правильная минификация не изменяет поведение CSS — только убирает пробелы и комментарии. Возможные проблемы: нарушение синтаксиса в исходном CSS (невалидный код), некоторые конструкции calc() требуют пробелов (calc(100% — 20px)). Наш инструмент сохраняет пробелы внутри calc(), но всегда проверяйте результат в браузере.
Нужно ли минифицировать CSS если сайт использует GZIP?
Да, оба метода дополняют друг друга. GZIP сжимает текстовые паттерны — минифицированный CSS содержит меньше повторений поэтому GZIP его сжимает ещё лучше. Результат: минификация снижает размер на 30–50%, GZIP поверх минификации — ещё на 60–70%. Суммарная экономия vs исходный файл — до 80%.
Как восстановить читаемый CSS из минифицированного?
Используйте кнопку «Форматировать» в нашем инструменте — она добавит правильные отступы и переносы строк. Обратите внимание: комментарии из минифицированного CSS не восстановимы (они удалены при минификации). Поэтому всегда храните исходный не-минифицированный CSS в системе контроля версий (Git).
