CSS-minifier & verfraaier

CSS Minifier & Beautifier is een tweerichtings-stylesheet-tool: het comprimeert CSS door alles te verwijderen dat de browser niet nodig heeft - opmerkingen, witruimte, redundante puntkomma's, lange hexkleurige kleuren en eenheden op nulwaarden - en het kan het proces omkeren, een single-line productiebundel terug naar leesbare, correct ingesprongen regels. Elke byte die u uit een renderblokkerende stylesheet haalt, is een byte die de browser eerder downloadt en parseert, die rechtstreeks voedt met statistieken voor kernwebvitale functies, zoals Firstful Paint en grootste Contentful Paint.

De minifier is opzettelijk conservatief. Het is volledig op de hoogte van tekenreeksen, url()-waarden en calc()-uitdrukkingen, dus het verwijdert nooit de witruimte waarvan calc (100% - 20px) afhankelijk is, herschrijft nooit kleurachtige tekst in een inhoudsreeks en raakt nooit de ruimte aan die div :hover onderscheidt van div:hover. Op typische handgeschreven stylesheets kun je een vermindering van 25-40% verwachten voor gzip; gecombineerd met gzip of brotli op de draad, scheelt minification nog steeds een zinvolle slice, omdat compressie beter werkt bij herhaalde, commentaarvrije invoer.

Alles draait 100% client-side in uw browser. Uw CSS wordt nooit geüpload, gelogd of opgeslagen op een server, wat betekent dat u veilig gepatenteerde ontwerpsysteemcode, niet-uitgebrachte productstijlen of klantwerk kunt plakken. Het werkt ook offline zodra de pagina is geladen - handig wanneer u een snelle verminder doorlaat zonder een volledige postCSS- of ESBuild-pijplijn te bedraden.

Minification hier is syntaxisbewust in plaats van een reeks zoek-en-vervangingsregels, wat het veilig maakt om op productiestijlsheets te draaien: witruimte in strings, url()-waarden en attribuutselectoren wordt met rust gelaten, omdat het verwijderen ervan zou veranderen wat de CSS overeenkomt. Opmerkingen die beginnen met een uitroepteken worden bewaard, wat de conventie is voor licentiekoppen die een build moeten overleven.