Минимизирайте и компресирайте CSS таблиците със стилове незабавно във вашия браузър. Премахнете коментарите, свийте празното пространство и намалете размера на файла. Безплатно и лично.
Поддържа .css файлове. Или поставете вашия CSS по-горе.
Минимизирането на CSS премахва интервали, коментари и ненужни знаци от таблица със стилове, за да намали размера й, преди да бъде сервирана в браузърите. Действителните правила са непроменени: минимизираният стилов лист изобразява страниците идентично с неминифицирания източник. Спестяванията идват от премахването на нови редове, излишни точки и запетая, коментари, възможности за стенограма с шестнадесетичен цвят и преки пътища с нулеви единици (замяна на 0px с 0).
В съвременните уебсайтове с десетки стилови правила типичното намаление е 20–40% спрямо неминимизирания източник. В комбинация с gzip компресия на сървъра, незначителните спестявания се свиват — gzip вече компресира повтарящия се текст ефективно — но комбинацията все още побеждава само компресията, особено когато таблиците със стилове се кешират и се сервират многократно на много посетители.
Този минификатор обработва CSS с едно преминаване, като премахва коментари извън стойностите на url(), свива интервали, премахва излишни точки и запетая преди затваряне на скоби, прилага стенограма с нулева единица и преобразува шестцифрени шестнадесетични цветове в трицифрена форма, където е възможно (#ffffff → #fff). Резултатът остава валиден CSS, който всеки браузър анализира правилно.
По-малките CSS файлове се зареждат по-бързо и времето за блокиране на изобразяването намалява, като и двете подобряват резултатите за Първо боядисване на съдържание и Най-голямо рисуване на съдържание. За сайтове, където Core Web Vitals влияят върху класирането при търсене, всеки килобайт блокиращ изобразяването CSS обръснат си струва усилието.
Разходите за честотна лента също имат значение в мащаба. Сайтовете, които обслужват милиони показвания на страници, спестяват измерими количества изход, когато техните таблици със стилове са с 30% по-малки. Сметките за CDN, използването на мобилни данни и потреблението на енергия имат лека полза. Минимизирането е по същество безплатно — еднократна стъпка на изграждане без разходи за поддръжка.
Поставете CSS, вземете минимизираната версия.
Минимизирането на CSS е най-вече консервативно премахване на бели интервали. Празното пространство в селекторите, декларациите и стойностите се запазва, когато е значително; бялото пространство отвън е свито. Коментарите се премахват, освен ако не започват с /*! (коментари за запазване на лиценза).
Често срещани преки пътища: 0px, 0em и подобни стойности с нулева единица стават 0; шестцифрените шестнадесетични цветове със сдвоени цифри (#ffffff, #336699) стават трицифрени (#fff, #369); последната точка и запетая преди } се премахва. Имената на цветовете не се преобразуват автоматично в шестнадесетичен, защото понякога шестнадесетичният е по-дълъг (червеното е по-късо от #f00 по дължина; #ff0000 е по-дълго от червеното).
Изходът трябва да премине всеки CSS валидатор, който приема входа. Поддръжката на браузъра е непроменена — минимизирането не променя самите правила, а само тяхното текстово представяне.