Мініфікація CSS
Вставте таблицю стилів і отримайте найкомпактніший еквівалентний CSS із точним розміром економії.
Запечатано на цьому пристрої
Працює у вашому браузері. Нічого не завантажується на сервер.
Запечатано
Мініфікований CSS
Мініфікований CSS з’являтиметься тут під час набору.
Як це працює
-
Вставте CSS
Вставте таблицю стилів або відкрийте файл .css. Мініфікація починається під час набору.
-
Оберіть ступінь оптимізації
Об’єднання правил дає найменший файл. Вимкніть його, якщо порядок правил має залишитися точно таким, як написано.
-
Скопіюйте або завантажте
Порівняйте розмір до й після, зокрема з gzip, а потім скопіюйте результат або завантажте файл .min.css.
Поширені запитання
Мій CSS завантажується на сервер?
Ні. Мініфікація відбувається у вашому браузері за допомогою рушія з відкритим кодом CSSO. Ваша таблиця стилів не залишає пристрою.
Що видаляє мініфікація?
Пробіли, переноси рядків, коментарі, останню крапку з комою в кожному блоці, а також зайві нулі й одиниці. Кольори скорочуються, наприклад #ff0000 стає red, а дубльовані оголошення відкидаються.
Що робить параметр «Об’єднувати й перевпорядковувати правила»?
Він поєднує правила зі спільними селекторами чи оголошеннями й переміщує їх, коли це безпечно, — часто це дає найбільшу економію байтів. Якщо ваші стилі залежать від нетипового порядку каскаду, вимкніть його, щоб зберегти структуру як є.
Навіщо зберігати коментарі /*!?
Коментарі, що починаються з /*!, зазвичай містять ліцензію чи повідомлення про авторські права, які мають залишатися з кодом. Усі інші коментарі видаляються.
Що таке розмір gzip?
Вебсервери зазвичай стискають CSS перед надсиланням. Значення gzip, виміряне у вашому браузері, приблизно показує, скільки байтів насправді передається мережею.