Takoj zmanjšajte in stisnite slogovne datoteke CSS v brskalniku. Odstranite komentarje, strnite prazen prostor in zmanjšajte velikost datoteke. Brezplačno in zasebno.
Podpira datoteke .css. Ali prilepite svoj CSS zgoraj.
Minifikacija CSS odstrani presledke, komentarje in nepotrebne znake iz slogovne tabele, da zmanjša njeno velikost, preden se prikaže brskalnikom. Dejanska pravila so nespremenjena: pomanjšana slogovna tabela upodobi strani enako kot neminificirani vir. Prihranki izvirajo iz odstranitve novih vrstic, odvečnih podpičij, komentarjev, priložnosti za stenografijo v šestnajstiški barvi in bližnjic z ničelnimi enotami (zamenjava 0px z 0).
Na sodobnih spletnih mestih z desetinami slogovnih pravil je običajno zmanjšanje 20–40 % v primerjavi z neminificiranim virom. V kombinaciji s stiskanjem gzip na strežniku se mejni prihranki zmanjšajo – gzip že učinkovito stisne ponovljeno besedilo – vendar kombinacija še vedno premaga samo stiskanje, zlasti če so slogovne datoteke predpomnjene in večkrat postrežene številnim obiskovalcem.
Ta pomanjševalec obdela CSS v enem prehodu, odstrani komentarje zunaj vrednosti url(), strne presledke, odstrani odvečne podpičja pred zapiranjem oklepajev, uporabi stenografijo z ničelnimi enotami in pretvori šestmestne šestmestne barve v trimestno obliko, kjer je to mogoče (#ffffff → #fff). Izhod ostane veljaven CSS, ki ga kateri koli brskalnik pravilno razčleni.
Manjše datoteke CSS se nalagajo hitreje in čas, ki blokira upodabljanje, se skrajša, kar oboje izboljša rezultate First Contentful Paint in Largest Contentful Paint. Za spletna mesta, kjer Core Web Vitals vplivajo na uvrstitev pri iskanju, je vsak kilobajt CSS-ja, ki blokira upodabljanje, vreden truda.
Stroški pasovne širine so prav tako pomembni pri obsegu. Spletna mesta, ki nudijo milijone ogledov strani, prihranijo merljive količine izstopa, ko so njihove slogovne datoteke 30 % manjše. Računi za CDN, poraba mobilnih podatkov in poraba energije se nekoliko izboljšajo. Minifikacija je v bistvu brezplačna – enkraten korak gradnje brez stroškov vzdrževanja.
Prilepite CSS, pridobite pomanjšano različico.
Minifikacija CSS je večinoma konzervativno odstranjevanje presledkov. Presledki znotraj izbirnikov, deklaracij in vrednosti se ohranijo, kjer so pomembni; prazen prostor zunaj je strnjen. Komentarji so odstranjeni, razen če se začnejo z /*! (pripombe o ohranitvi licence).
Pogoste bližnjice: 0px, 0em in podobne vrednosti ničelne enote postanejo 0; šestmestne šestnajstiške barve s parnimi števkami (#ffffff, #336699) postanejo trimestne (#fff, #369); zadnje podpičje pred } je odstranjeno. Imena barv niso samodejno pretvorjena v hex, ker je hex včasih daljši (rdeča je krajša od #f00; #ff0000 je daljša od rdeče).
Izhod mora prestati kateri koli validator CSS, ki sprejme vnos. Podpora brskalnika je nespremenjena — minifikacija ne spremeni samih pravil, temveč le njihovo besedilno predstavitev.