CSS-Präprozessoren – SCSS- und LESS-Compiler
Kompilieren Sie SCSS oder LESS in Ihrem Browser zu Standard-CSS. Für einen vollständigen Ablauf passen SCSS verschönern und CSS minimieren dazu.
- 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.
SCSS zu CSS kompilieren
Kompilieren Sie SCSS (Syntax mit geschweiften Klammern) zu Standard-CSS mit einstellbarem Ausgabestil.
LESS zu CSS kompilieren
Kompilieren Sie LESS zu CSS, wahlweise komprimiert und mit Inline-Source-Maps.
Leitfäden
SCSS und LESS online zu CSS kompilieren — ohne Build-Tool
SCSS- oder LESS-Snippets (Variablen, Nesting, Mixins) im Browser zu CSS kompilieren — ohne npm run build, ideal für Reviews und Umgebungen ohne Node.
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.