Минификация CSS и JS: почему после неё сайт иногда становится медленнее

Сжать стили и скрипты — стандартный совет. Но многие делают это и получают либо сломанный сайт, либо тот же результат, что был.

Что делает минификация: убирает пробелы и комментарии. Экономия обычно десять-двадцать процентов от файла, который и так уже сжат gzip или brotli. Выигрыш заметен, но не революционен.

Что делает объединение файлов, которое часто идёт в комплекте: склеивает двадцать файлов в один. На HTTP/2 это уже не даёт выигрыша и иногда вредит: один большой файл нельзя закэшировать по частям, и любая правка сбрасывает всё.

Что ломается:

— Скрипты, которые зависят от порядка загрузки
— Инлайн-код, который ссылается на переменную из склеенного файла
— Условные стили для старых браузеров

Практика: включайте только минификацию, без объединения. Проверяйте сайт в режиме инкогнито после каждого переключателя. Если ошибок в консоли нет и всё кликается, идите дальше. Если появились, вернитесь на шаг и исключите проблемный файл.