CSS-Präprozessoren – SCSS- und LESS-Compiler
Kompilieren Sie SCSS oder LESS zu Standard-CSS in Ihrem Browser. Kombinieren Sie mit SCSS verschönern oder CSS minimieren für einen vollständigen Workflow.
- SCSS-Snippets in Produktions-CSS umwandeln, ohne Sass lokal zu installieren.
- LESS-Variablen und Mixins vor dem Minifizieren für Deploy kompilieren.
- Ausgabestile (expanded vs. compressed) vor dem Teilen von Code ansehen.
Leitfäden
Web-Performance-Checkliste 2026: 6 Säulen
Checkliste 2026: JS/CSS/HTML minify, Brotli, Bilder, Cache, Netzwerk, dann LCP-, INP- und CLS-Schwellen mit konkreten Schritten.
Critical CSS: extrahieren, minify, inline für LCP
Above-the-fold-CSS extrahieren, den Block minifizieren, im Head inlinen, Rest asynchron laden. So stützen Sie LCP ohne die ganze Datei zuerst.
Tree Shaking vs. Minifizierung: Was jeder Hebel tut
Minifizierung kürzt den JS-Code, den Sie behalten. Tree Shaking entfernt ungenutzte Module. Vergleich, Vite/Webpack und wann beides zusammengehört.
HTML minimieren: Leitfaden für schnellere Seiten
HTML-Minifizierung: Kommentare, Leerzeichen und optionale Attribute entfernen, Seiten um 15–40 % verkleinern. CLI-Tools, Build-Plugins und Online-Minifier.
CSS-Minifizierung: CSSO, ungenutztes CSS, Builds
CSS minifizieren 2026: CSSO, ungenutztes CSS, Vite/Webpack versus Online-Minifier. Ehrliche Grenzen, bevor Sie um jedes Byte kämpfen.