Проверяйте файл и страницу
Подтвердите уменьшение CSS без поломки дизайна
Сравните передаваемый размер CSS до и после, откройте содержимое файла и проверьте контрольные страницы. Одного имени .min.css недостаточно.
Простая проверка в браузере
- Откройте страницу в приватном окне и DevTools → Network.
- Включите Disable cache, перезагрузите страницу и выберите фильтр CSS.
- Сохраните URL, столбцы Size/Transferred и скриншот списка.
- Откройте каждый собственный файл: сжатая версия обычно имеет мало переносов и пробелов.
- Проверьте меню, формы и адаптивный вид на тех же страницах, что проверялись до изменения.
Как оценить результат
| Ситуация | Уровень | Действие |
|---|---|---|
| CSS меньше, отвечает 200, интерфейс совпадает | Проблемы нет | Сохранить размеры и скриншоты. |
| Файл форматирован, но потенциальная экономия мала | Некритично | Оценить пользу относительно риска и стоимости. |
| Старый тяжёлый CSS загружается вместе с новым | Критично | Исправить подключения и кеш. |
| После сжатия сломаны стили или файл отвечает ошибкой | Критично | Откатить и проверить сборку. |
Независимая проверка
Запустите точный URL в PageSpeed Insights и откройте диагностику уменьшения CSS, если она показана. Сервис оценивает конкретный запуск, поэтому сохраните ссылку и дату.
curl -sS -o /dev/null -w '%{http_code} %{size_download}\n' \
https://example.com/css/site.min.css
curl -sS https://example.com/css/site.min.css | wc -cПочему цифры расходятся
DevTools может показывать размер содержимого и переданный по сети размер; Brotli/Gzip дополнительно уменьшает передачу. Кеш, CDN и разные версии страницы тоже меняют цифры. Сравнивайте один URL, одинаковые условия и один столбец.
Автоматическая цена относится только к объёму, указанному на странице услуги, а не ко всем доменам, темам и сторонним файлам. Для самостоятельных изменений используйте пошаговую инструкцию.
