Préprocesseurs CSS — Compilateurs SCSS et LESS
Compilez SCSS ou LESS en CSS standard dans votre navigateur. Combinez-le avec beautifier SCSS ou minifier CSS pour une chaîne complète.
- Transformez des extraits SCSS en CSS de production sans installer Sass localement.
- Compilez variables et mixins LESS avant minification pour le déploiement.
- Prévisualisez les styles de sortie (expanded vs compressed) avant de partager le code.
Compiler SCSS en CSS
Compilez SCSS (syntaxe accolades) en CSS standard avec style de sortie configurable.
Compiler LESS en CSS
Compilez LESS en CSS avec option compress et source maps inline optionnelles.
Guides
Compiler du SCSS et du LESS en CSS en ligne, sans installer de build tool
Compilez un extrait SCSS ou LESS (variables, mixins) en CSS dans le navigateur, sans npm run build — pour une revue, un snippet ou une machine sans Node.
Checklist performance web 2026 : 6 piliers à auditer
Checklist 2026 : minifier JS/CSS/HTML, Brotli, images, cache, réseau, puis seuils LCP, INP, CLS avec actions dans l'ordre.
Critical CSS : extraire, minifier, inliner pour le LCP
Extraire le CSS above-the-fold, minifier le bloc, l'inliner dans le head, puis charger le reste en async. Pour le LCP, sans tout bloquer.
Tree shaking vs minification : ce que fait chaque levier
La minification raccourcit le JS conservé. Le tree shaking retire les modules inutiles. Tableau comparatif, Vite/Webpack, et quand cumuler les deux.
Comment minifier du HTML : guide complet pages plus rapides
Minification HTML : commentaires, espaces, attributs optionnels, pages 15–40 % plus légères. CLI, plugins build et minificateurs en ligne.
Guide minification CSS : CSSO, CSS inutilisé, builds
Minifier du CSS en 2026 : CSSO, CSS inutilisé, Vite/Webpack, face à un minificateur en ligne. Limites honnêtes avant de chasser les octets.