CSS Minifier verkossa

Tämä sivu avaa koodin pienentäjän, jossa CSS on esivalittu. Liitä tyylitaulukko, paina painiketta ja saat yhden tiiviin rivin: kommentit poistettu, välilyönnit tiivistettynä aaltosulkeiden, kaksoispisteiden, puolipisteiden ja pilkkujen ympärille sekä tarpeeton viimeinen puolipiste ennen jokaista sulkevaa aaltosuluketta.

CSS reagoi erittäin hyvin pienentämiseen, koska muotoillut tyylisivut ovat enimmäkseen sisennystä ja kommentteja – tyypilliset säästöt ovat 15–40 % tiedostokoosta. Pienempi CSS tarkoittaa, että selain alkaa renderöidä nopeammin, koska tyylisivut ovat hahmontamisen estäviä resursseja: jokainen CSS:stä leikattu kilotavu lyhentää ensin maalaamiseen kuluvaa aikaa hitaissa yhteyksissä.

Minifier on varovainen, missä sillä on merkitystä: sisällön ominaisuuksien merkkijonot ja url()-arvot kopioidaan sanatarkasti, ja välilyönnit valitsintason kaksoispisteiden ympärillä säilytetään, jotta yhdistelmät, kuten "a :hover", säilyttävät merkityksensä. Kokopaneeli näyttää tavut ennen ja jälkeen sekä tallennetun prosentin, ja tulos voidaan kopioida tai ladata yhdellä napsautuksella.