CSS-Minify-Tool
Beim Verkleinern von CSS wird der verschönerte, wohlgeformte CSS-Code, den Sie geschrieben haben, verwendet und die Abstände, Einrückungen, Zeilenumbrüche und Kommentare entfernt. Diese Elemente sind für die erfolgreiche Verwendung von CSS nicht erforderlich. Es macht auch das CSS schwieriger zu lesen.
Die „Best Practice“ vieler Entwickler besteht darin, eine „verschönerte“ Version zu pflegen und beim Rollout ihres Projekts die Styles durch ein Minimierungsprogramm laufen zu lassen. Sie werden auch ihre vielen Stildateien in einer Datei zusammenfassen.
Warum CSS-Minifier verwenden?
Der Zweck der Minifkation besteht darin, die Geschwindigkeit einer Website zu erhöhen. Durch die Minimierung kann ein Skript um bis zu 20 % kleiner werden, was zu einer schnelleren Downloadzeit führt. Einige Entwickler verwenden es auch, um ihren Code zu verschleiern. Dies erschwert das Lesen des Codes, wodurch ein Reverse Engineering oder Kopieren erschwert wird.
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 }