Was ist Minifizierung?
Minifizierung (englisch: Minification) bezeichnet das automatische Entfernen aller nicht notwendigen Zeichen aus Code-Dateien: Leerzeichen, Zeilenumbrüche, Kommentare, lange Variablennamen. Das Ergebnis ist funktional identischer Code, aber in einer deutlich kleineren Datei.
Beispiel: CSS vor und nach der Minifizierung
Vorher (leserlicher Code):
/* Primärfarbe */
.button {
background-color: #6366F1;
color: white;
padding: 12px 24px;
border-radius: 8px;
}Nachher (minifiziert):
.button{background-color:#6366F1;color:#fff;padding:12px 24px;border-radius:8px}Der Browser versteht beide Versionen gleich, aber die zweite ist etwa 35 % kleiner.
Welche Dateien werden minifiziert?
- CSS-Dateien (style.css, plugin-styles.css, etc.)
- JavaScript-Dateien (main.js, jquery.js, etc.)
- HTML (seltener, aber möglich)
Wie viel Einsparung bringt Minifizierung?
Die Einsparung hängt davon ab, wie viele Kommentare und Leerzeichen im Originalcode enthalten sind. Typische Ergebnisse:
- CSS: 15–40 % Dateigrößen-Reduktion
- JavaScript: 20–50 % Reduktion (bei manuellem Code), mehr bei Libraries
- Kombiniert mit Gzip-Komprimierung: 70–80 % Gesamtreduktion
Minifizierung in WordPress aktivieren
In WordPress erledigt das ein Cache-Plugin:
- WP Rocket: File Optimization → Minify CSS/JS aktivieren
- LiteSpeed Cache: Optimize → CSS/JS Minify
- Autoptimize: Kostenloses Plugin, minifiziert und kombiniert Dateien
Achtung: Nach dem Aktivieren immer die Website testen, manche JavaScript-Dateien reagieren empfindlich auf aggressives Minifizieren.