9.2 CSS/JS-Strategie (External Files, Enqueue, Minimal Inline)
Best Practices für effiziente Stylesheets und Scripts – kein Overload, kein Inline-Code.
Inhaltsverzeichnis
A. CSS-Optimierung
- Nur globale CSS-Regeln (Theme Styles)
- Keine Inline-Styles
- Custom-CSS nur im Child Theme
B. JS-Optimierung
- Externe Libraries nur bei Bedarf
- Keine JS-Effekte für simple Animationen – lieber Motion CSS
- Scripts am Ende der Seite laden (Footer)
Tipp: Wenn nötig, binde Custom JS in /assets/js/custom.js ein und minifiziere es mit einem Tool wie Terser.
- Globale Typo verwenden
- Nur Margin-Bottom für Abstände
- Keine verschachtelten Container