Сначала исходник и резервная копия

Сжимайте CSS через повторяемую сборку

Не редактируйте .min.css вручную. Сохраните читаемый исходник, настройте команду минификации и только затем переключите сайт на проверенный файл.

Безопасный процесс: резервная копия CSS, минификация, тест и публикация
Резервная копия → сборка → тест → публикация → повторная проверка.

Сообщение разработчику

«Сохраните исходные CSS и текущие подключения. Настройте воспроизводимую минификацию, не меняя порядок каскада. Подключите сжатые файлы с новой версией кеша, проверьте ключевые шаблоны на desktop и mobile и передайте команду пересборки и размеры до/после».

Что подготовить

  • резервную копию CSS, шаблонов и конфигурации сборки;
  • список ключевых страниц, форм, меню и интерактивных состояний;
  • тестовую среду или возможность быстрого отката;
  • сведения о CMS, Vite, Webpack, Gulp либо другом сборщике.

Пошаговая инструкция

  1. В DevTools откройте Network → CSS и запишите URL и передаваемые размеры файлов.
  2. Найдите исходники. Не используйте минифицированный файл как единственную редактируемую копию.
  3. Создайте тестовую ветку или копию сайта и сохраните текущие HTML-подключения.
  4. Запустите минификатор для своих исходников; сторонние файлы без исходников не переписывайте вслепую.
  5. Подключите результат в прежнем порядке и измените хеш либо параметр версии.
  6. Очистите только нужный кеш и проверьте контрольные страницы на широком экране и телефоне.
  7. Сравните размеры, сохраните команду сборки и опубликуйте.

Техническая памятка

Для проекта с Node.js можно использовать локальную зависимость, зафиксированную в проекте:

npm install --save-dev clean-css-cli
npx cleancss -o public/css/site.min.css resources/css/site.css

Не объединяйте файлы без проверки порядка: одинаковая специфичность делает позднее правило приоритетным.

Откат и проверка

Если пропало оформление, верните прежние подключения или резервные файлы, восстановите прежнюю версию кеша и очистите CDN. Проверьте консоль, ответы CSS и порядок файлов.

После публикации воспользуйтесь инструкцией по проверке минификации. Удаление неиспользуемого CSS, Critical CSS, исправление ошибок и серверное сжатие — отдельные задачи. Если нет тестовой среды или сборщика, безопаснее заказать работу.