CSS-verkleiner online
Verklein CSS, JavaScript, HTML of JSON in de browser: verwijder opmerkingen en witruimte en bekijk direct de opgeslagen grootte.
Resultaat
Deze pagina opent de codeminifier met CSS vooraf geselecteerd. Plak een stylesheet, druk op de knop en je krijgt één compacte regel: opmerkingen verwijderd, witruimte ingeklapt rond accolades, dubbele punten, puntkomma's en komma's, en de overtollige laatste puntkomma voordat elke afsluitende accolade wegvalt.
CSS reageert heel goed op verkleining omdat opgemaakte stylesheets meestal uit inspringingen en commentaar bestaan; typische besparingen bedragen tussen de 15% en 40% van de bestandsgrootte. Kleinere CSS betekent dat de browser sneller begint met renderen, omdat stylesheets bronnen zijn die renderen blokkeren: elke kilobyte die uit CSS wordt verwijderd, verkort de tijd die nodig is om voor het eerst op langzame verbindingen te tekenen.
De minifier is voorzichtig waar het er toe doet: tekenreeksen in inhoudseigenschappen en url()-waarden worden woordelijk gekopieerd, en spaties rond dubbele punten op selectorniveau worden behouden, zodat combinatoren zoals "a :hover" hun betekenis behouden. Het groottepaneel toont bytes voor en na plus het opgeslagen percentage, en het resultaat kan met één klik worden gekopieerd of gedownload.