Minify
Minify bezeichnet das Entfernen aller überflüssigen Zeichen aus CSS-, JavaScript- und HTML-Dateien, ohne ihre Funktion zu verändern. Leerzeichen, Zeilenumbrüche, Kommentare und lange Variablennamen werden entfernt oder verkürzt. Das Ergebnis ist eine kompaktere Datei, die der Browser schneller herunterladen kann.
Was Minification konkret macht
Aus gut lesbarem Entwickler-Code wie diesem:
/* Navigation Styles */
.nav-menu {
display: flex;
flex-direction: row;
gap: 20px;
}wird nach der Minification:
.nav-menu{display:flex;flex-direction:row;gap:20px}Die Einsparung variiert je nach Datei – bei großen, gut kommentierten CSS-Dateien sind 20–40 % möglich.
Minify in WordPress
Minification ist eine Standardfunktion der meisten Performance-Plugins. WP Rocket, LiteSpeed Cache, Autoptimize und W3 Total Cache können CSS und JavaScript automatisch minifizieren. Wichtig: Nach der Aktivierung die Website immer testen – aggressives JavaScript-Minify kann bei manchen Plugins Fehler verursachen, wenn Abhängigkeiten nicht korrekt erkannt werden.
Minify vs. Concatenate
- Minify – reduziert die Dateigröße einer einzelnen Datei
- Concatenate (Zusammenführen) – fügt mehrere Dateien zu einer einzigen zusammen, um HTTP-Requests zu reduzieren
Mit HTTP/2 und HTTP/3 ist das Zusammenführen von Dateien weniger kritisch als früher, da diese Protokolle mehrere parallele Requests effizient verarbeiten. Minification bleibt aber immer sinnvoll.
