Мінімізація CSS зменшує розмір файлу, не змінюючи те, як браузер його інтерпретує — стилі залишаються абсолютно ті самі, зникає лише все, що потрібно було виключно людині для читання коду.
Що саме видаляється
Мінімізатор прибирає пробіли й переноси рядків між правилами, коментарі виду /* ... */, останню крапку з комою перед закриваючою дужкою блоку, а також скорочує зайві нулі в значеннях на кшталт 0.5em → .5em.
Чому це прискорює завантаження
Кожен зайвий байт CSS-файлу — це додатковий час на завантаження й парсинг, особливо помітний на мобільних з'єднаннях. Для великих проєктів мінімізація може скоротити розмір файлу на 20–30%, що напряму впливає на швидкість першого рендеру сторінки.
Чому мінімізований файл однаково працює
CSS-парсер браузера повністю ігнорує пробіли й переноси рядків між токенами — вони потрібні тільки для зручності читання коду людиною. Тому видалення цих символів ніяк не змінює обчислені стилі, лише робить файл компактнішим і майже нечитабельним.
Навіщо це потрібно
- Зменшити розмір CSS-файлу перед публікацією сайту в продакшн.
- Прискорити завантаження сторінки за рахунок меншого обсягу даних.
- Приховати структуру стилів від поверхневого перегляду вихідного коду.
Мінімізація і стиснення Gzip/Brotli — навіщо обидва
Мінімізація CSS і стиснення на рівні сервера (Gzip чи Brotli) — це дві незалежні техніки, які працюють разом, а не замінюють одна одну. Мінімізація прибирає символи, зайві для браузера, ще до передачі файлу, тоді як Gzip/Brotli додатково стискає вже мінімізований файл під час самої передачі мережею. Застосування лише стиснення без мінімізації залишає в переданому файлі надлишкові пробіли й коментарі, які все одно доводиться розпаковувати й парсити — тому обидві техніки разом дають менший результат, ніж будь-яка окремо.