Reduceți și comprimați foile de stil CSS instantaneu în browser. Eliminați comentariile, restrângeți spațiile albe și reduceți dimensiunea fișierului. Gratuit și privat.
Suportă fișiere .css. Sau inserați CSS-ul mai sus.
Minimizarea CSS elimină spațiile albe, comentariile și caracterele inutile dintr-o foaie de stil pentru a reduce dimensiunea acesteia înainte de a fi difuzată în browsere. Regulile actuale sunt neschimbate: o foaie de stil minimizată redă paginile identic cu sursa neminiificată. Economiile provin din eliminarea liniilor noi, punctului și virgulă redundante, comentariilor, oportunităților de prescurtare hex-color și comenzilor rapide de zero unități (înlocuirea 0px cu 0).
Pe site-urile web moderne cu zeci de reguli de stil, reducerea tipică este de 20–40% față de sursa neminiificată. Combinată cu compresia gzip la server, economiile marginale se micșorează - gzip comprimă deja textul repetat în mod eficient - dar combinația încă bate compresia singură, în special atunci când foile de stil sunt stocate în cache și sunt difuzate de multe ori pentru mulți vizitatori.
Acest minificator procesează CSS într-o singură trecere, eliminând comentariile din afara valorilor url(), restrângând spațiile albe, eliminând punctele și virgulă redundante înainte de a închide acolade, aplicând prescurtarea de unități zero și conversia culorilor hexadecimale de șase cifre în formă de trei cifre acolo unde este posibil (#ffffff → #fff). Rezultatul rămâne CSS valid pe care orice browser îl analizează corect.
Fișierele CSS mai mici se încarcă mai repede, iar timpul de blocare a randării scade, ambele îmbunătățesc scorurile First Contentful Paint și Largest Contentful Paint. Pentru site-urile în care Core Web Vitals afectează clasarea căutării, fiecare kilobyte de CSS care blochează randamentul eliberat merită efortul.
Costurile lățimii de bandă contează și la scară. Site-urile care deservesc milioane de vizualizări de pagină economisesc cantități măsurabile de ieșire atunci când foile lor de stil sunt cu 30% mai mici. Facturile CDN, utilizarea datelor mobile și consumul de energie toate beneficiază ușor. Minificarea este în esență gratuită - o etapă de construcție unică, fără costuri de întreținere.
Lipiți CSS, obțineți versiunea redusă.
Minificarea CSS este în mare parte eliminarea conservatoare a spațiilor albe. Spațiul alb din interiorul selectoarelor, declarațiilor și valorilor este păstrat acolo unde este semnificativ; spațiile albe din exterior sunt prăbușite. Comentariile sunt eliminate dacă nu încep cu /*! (comentarii privind păstrarea licenței).
Comenzi rapide obișnuite: 0px, 0em și valori similare de unități zero devin 0; culorile hexadecimale din șase cifre cu cifre pereche (#ffffff, #336699) devin din trei cifre (#fff, #369); ultimul punct și virgulă înainte de } este eliminat. Numele culorilor nu sunt convertite automat în hexadecimal deoarece hex este uneori mai lung (roșu este mai scurt decât #f00 în lungime; #ff0000 este mai lung decât roșu).
Ieșirea ar trebui să treacă orice validator CSS care acceptă intrarea. Suportul pentru browser este neschimbat - minimizarea nu modifică regulile în sine, ci doar reprezentarea textului acestora.