CSS-Minifier online
Reduzieren Sie CSS, JavaScript, HTML oder JSON im Browser: Entfernen Sie Kommentare und Leerzeichen und sehen Sie sofort, wie die Größe gespeichert wird.
Ergebnis
Auf dieser Seite wird der Code-Minifier mit vorausgewähltem CSS geöffnet. Fügen Sie ein Stylesheet ein, klicken Sie auf die Schaltfläche, und Sie erhalten eine einzelne kompakte Zeile: Kommentare entfernt, Leerzeichen um Klammern, Doppelpunkte, Semikolons und Kommas reduziert und das überflüssige letzte Semikolon vor jeder schließenden Klammer entfernt.
CSS reagiert sehr gut auf die Minimierung, da formatierte Stylesheets hauptsächlich aus Einrückungen und Kommentaren bestehen – typische Einsparungen liegen zwischen 15 % und 40 % der Dateigröße. Kleineres CSS bedeutet, dass der Browser früher mit dem Rendern beginnt, da Stylesheets Rendering-blockierende Ressourcen sind: Jedes Kilobyte, das aus CSS gekürzt wird, verkürzt die Zeit zum ersten Malen bei langsamen Verbindungen.
Der Minifier geht dort vorsichtig vor, wo es darauf ankommt: Zeichenfolgen in Inhaltseigenschaften und url()-Werte werden wörtlich kopiert, und Leerzeichen um Doppelpunkte auf Selektorebene werden beibehalten, sodass Kombinatoren wie „a :hover“ ihre Bedeutung behalten. Das Größenfeld zeigt Bytes davor und danach sowie den gespeicherten Prozentsatz an, und das Ergebnis kann mit einem Klick kopiert oder heruntergeladen werden.