Smanjite i komprimirajte CSS stilske tablice u trenu u svom pregledniku. Uklonite komentare, smanjite razmake i smanjite veličinu datoteke. Besplatno i privatno.
Podržava .css datoteke. Ili zalijepite svoj CSS iznad.
Umanjivanje CSS-a uklanja razmake, komentare i nepotrebne znakove iz stilske tablice kako bi se smanjila njezina veličina prije posluživanja preglednicima. Stvarna pravila su nepromijenjena: umanjena lista stilova prikazuje stranice identično neminificiranom izvoru. Ušteda dolazi od uklanjanja novih redaka, suvišnih točaka i zareza, komentara, mogućnosti stenografije u heksadecimalnoj boji i prečaca s nultom jedinicom (zamjena 0px s 0).
Na modernim web stranicama s desecima stilskih pravila, tipično smanjenje je 20–40% u odnosu na neminificirani izvor. U kombinaciji s gzip kompresijom na poslužitelju, marginalne uštede se smanjuju — gzip već učinkovito komprimira ponovljeni tekst — ali kombinacija još uvijek pobjeđuje samu kompresiju, osobito kada su stilske tablice predmemorirane i poslužene mnogo puta mnogim posjetiteljima.
Ovaj minifikator obrađuje CSS u jednom prolazu, uklanja komentare izvan url() vrijednosti, sažima bjelinu, uklanja suvišne točke i zareze prije zatvaranja vitičastih zagrada, primjenjuje skraćenicu s nula jedinica i pretvara šesteroznamenkasti heksadecimalni oblik boja u troznamenkasti oblik gdje je to moguće (#ffffff → #fff). Izlaz ostaje važeći CSS koji svaki preglednik ispravno analizira.
Manje CSS datoteke učitavaju se brže, a vrijeme blokiranja iscrtavanja opada, a oba poboljšavaju rezultate First Contentful Paint i Largest Contentful Paint. Za web-mjesta na kojima Core Web Vitals utječu na rangiranje u pretraživanju, svaki kilobajt obrijanog CSS-a koji blokira prikaz vrijedan je truda.
Troškovi širine pojasa također su važni na razini. Web-mjesta koja poslužuju milijune pregleda stranica štede mjerljive količine izlaza kada su njihove tablice stilova 30% manje. Računi za CDN, korištenje mobilnih podataka i potrošnja energije imaju malu korist. Minifikacija je u biti besplatna — jednokratni korak izgradnje bez troškova održavanja.
Zalijepite CSS, nabavite umanjenu verziju.
CSS minifikacija uglavnom je konzervativno uklanjanje razmaka. Praznina unutar selektora, deklaracija i vrijednosti sačuvana je tamo gdje je značajna; bjelina izvana je sažeta. Komentari se uklanjaju osim ako počinju s /*! (komentari o očuvanju licence).
Uobičajeni prečaci: 0px, 0em i slične vrijednosti nulte jedinice postaju 0; šesteroznamenkaste heksadecimalne boje s uparenim znamenkama (#ffffff, #336699) postaju troznamenkaste (#fff, #369); posljednja točka-zarez ispred } se uklanja. Nazivi boja ne pretvaraju se automatski u heksadecimalni jer je heksadecimalni ponekad duži (crvena je kraća od #f00; #ff0000 je duža od crvene).
Izlaz bi trebao proći bilo koji CSS validator koji prihvaća unos. Podrška preglednika je nepromijenjena — smanjivanje ne mijenja sama pravila, samo njihov tekstualni prikaz.