CSS-Minimierungstool
Beim Minimieren von CSS werden aus dem von Ihnen geschriebenen, verschönerten und gut gestalteten CSS-Code Leerzeichen, Einrückungen, Zeilenumbrüche und Kommentare entfernt. Diese Elemente sind für die erfolgreiche Verwendung von CSS nicht erforderlich. Außerdem wird das CSS dadurch schwerer lesbar.
Die bewährte Vorgehensweise vieler Entwickler besteht darin, eine „verschönerte“ Version bereitzustellen und die Stile beim Rollout ihres Projekts durch ein Minimierungsprogramm laufen zu lassen. Sie fassen außerdem ihre zahlreichen Stildateien in einer Datei zusammen.
Warum CSS Minifier verwenden?
Der Zweck der Minimierung besteht darin, die Geschwindigkeit einer Website zu erhöhen. Durch die Minimierung kann ein Skript um bis zu 20 % verkleinert werden, was zu einer schnelleren Downloadzeit führt. Manche Entwickler nutzen die Minimierung auch, um ihren Code zu „verschleiern“. Dadurch wird das Lesen des Codes erschwert und somit Reverse Engineering oder Kopieren erschwert.
CSS-Minify-Beispiel
Vor:
.headbg{
margin:0 8px
}
a:link,a:focus{
color:#00c
}
a:active{
color:red
}
Nach:
.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }