Passer au contenu principal

CSS / JS / HTML Minifier

Minify your CSS, JavaScript, HTML and JSON online — comment removal, spaces, optimization, beautifier, download

Code CSS original
Comparaison
Embellisseur (Pretty-print)

Minifieur CSS, JS et HTML : pourquoi et comment ?

La minification consiste à supprimer tous les caractères superflus d'un fichier source — espaces, retours à la ligne, commentaires, indentation — sans modifier son comportement. C'est l'une des optimisations les plus simples et les plus efficaces pour améliorer les performances web.

Impact sur les performances

20–80%
réduction de taille typique
+30%
amélioration LCP possible
−ms
temps de parsing réduit

Ce que la minification supprime

CSS

  • Commentaires /* … */
  • Espaces et retours à la ligne
  • Derniers points-virgules de bloc
  • Zéros inutiles (0.5.5)
  • Unités sur les zéros (0px0)

JavaScript

  • Commentaires // et /* … */
  • Espaces et indentation
  • Retours à la ligne superflus
  • Noms de variables raccourcis (uglifié)
  • Console.log supprimables

HTML

  • Commentaires <!-- … -->
  • Espaces entre balises
  • Attributs inutiles (type="text/javascript")
  • Guillemets optionnels sur attributs

JSON

  • Espaces et indentation
  • Retours à la ligne
  • Résultat en une seule ligne
  • Validation de la syntaxe JSON

Frequently asked questions

For CSS and HTML, minification is generally safe as it does not modify the logic, only superfluous characters. For JavaScript, some ambiguous patterns (like aut... For CSS and HTML, minification is generally safe as it does not modify the logic, only superfluous characters. For JavaScript, some ambiguous patterns (like automatic semicolons in ASI) can cause issues. Always test the result before deploying to production.

Minification removes spaces, comments and unnecessary characters. Uglification goes further by renaming variables and functions to short names (a, b, c…), makin... Minification removes spaces, comments and unnecessary characters. Uglification goes further by renaming variables and functions to short names (a, b, c…), making the code unreadable but even more compact. This tool performs minification; complete uglification requires tools like Terser or UglifyJS.

For projects with a build system (Vite, Webpack, Parcel, Rollup), automatic build-time minification is recommended. This tool is ideal for small projects, one-o... For projects with a build system (Vite, Webpack, Parcel, Rollup), automatic build-time minification is recommended. This tool is ideal for small projects, one-off snippets, static sites without a build pipeline, or to quickly check a minification result.

No. Minification is performed entirely in your browser, in client-side JavaScript. No data is transmitted to our servers. Your proprietary files, configuration ... No. Minification is performed entirely in your browser, in client-side JavaScript. No data is transmitted to our servers. Your proprietary files, configuration files and source code remain completely confidential.

After minifying your code, the 'Beautifier' panel appears automatically. Click 'Beautify code' to get an indented, readable version of the minified code. Useful... After minifying your code, the 'Beautifier' panel appears automatically. Click 'Beautify code' to get an indented, readable version of the minified code. Useful for inspecting a .min.css or .min.js file you received and want to examine.
Publicité
Lien copié !