Minificateur JS/CSS

Free

Réduit le JavaScript ou le CSS en supprimant les espaces et les commentaires, avec un raccourcissement optionnel des noms de variables pour JavaScript, et des statistiques de taille avant/après.

Entrée

Raccourcir les noms de variables (mangle)

Sortie minifiée

À propos de cet outil

Supprime les espaces, les commentaires et les caractères inutiles pour réduire la taille du fichier JavaScript ou CSS.
Ne formate pas. Pour une sortie lisible et indentée, utilisez un outil de formatage dédié.

Activité récente

Visible par tous. Les 20 dernières utilisations de tous les visiteurs, les plus récentes en premier.

Minified 113 characters of CSS

il y a 19 heures

Minified 127 characters of JavaScript

il y a 19 heures

Minified 127 characters of JavaScript

il y a 19 heures

Commentaires (0)

Cet outil vous a-t-il été utile ? Laissez un commentaire, partagez une astuce, ou dites-nous comment nous pourrions l'améliorer.

Pas encore de commentaires. Soyez le premier à partager votre avis !

Ce que fait cet outil

Collez du JavaScript ou du CSS lisible et cet outil le réduit en supprimant les espaces, les commentaires et (pour JavaScript, facultativement) en raccourcissant les noms de variables locales, produisant un fichier plus petit avec un comportement identique.

Comment ça marche

L'outil analyse votre code en un arbre syntaxique abstrait à l'aide du moteur open source terser pour JavaScript et clean-css pour CSS, puis régénère le code source équivalent le plus compact à partir de cet arbre : suppression des commentaires et des espaces inutiles, raccourcissement des valeurs numériques et de couleur lorsque cela est sûr, et, pour JavaScript avec le mangling activé, renommage des identifiants de portée locale avec les noms les plus courts disponibles. Comme la transformation agit sur la structure analysée plutôt que sur le texte brut, le code résultant se comporte de manière identique à l'original.

Problèmes résolus

Réduire la taille d'un fichier JavaScript ou CSS pour accélérer le chargement de la page, surtout avant un déploiement manuel sans pipeline de build.
Produire rapidement un bundle prêt pour la production à partir d'un seul script ou feuille de style sans configurer un outil de build complet.
Voir exactement de combien un fichier devient plus petit, avec une comparaison exacte de taille avant/après.

Questions fréquentes

›Cet outil formate-t-il ou embellit-il aussi le code ?

Non, cet outil ne fait que minifier (réduire) le code en supprimant les espaces et les commentaires. Si vous avez plutôt besoin d'un code lisible et correctement indenté, utilisez un outil de formatage dédié.

›Que signifie « mangle » pour JavaScript ?

Le mangling renomme les variables locales et les paramètres de fonction en noms courts comme « a » ou « b » partout où cela est sûr, ce qui permet d'économiser des octets supplémentaires au-delà de la simple suppression des espaces. Il ne renomme jamais les noms accessibles globalement, donc il ne casse pas le code qui dépend d'identifiants globaux spécifiques.

›Le code minifié est-il sûr à utiliser en production ?

Oui, la minification ne change que les espaces, les commentaires et (facultativement) les noms de variables locales. La logique et le comportement du code sont préservés exactement, c'est pourquoi le JavaScript et le CSS minifiés sont une pratique standard sur les sites web en production.

›Pourquoi la minification a-t-elle échoué avec une erreur ?

Les minificateurs ont besoin de JavaScript ou de CSS valide et analysable. Si votre entrée contient une erreur de syntaxe, le minificateur ne peut pas en construire une représentation interne correcte. Vérifiez le code dans un linter ou la console du navigateur pour trouver le problème exact, corrigez-le et réessayez.

›Dois-je conserver une copie non minifiée de mon code ?

Oui. Conservez toujours votre code source original et lisible comme la version que vous modifiez et maintenez, et générez la version minifiée comme une étape de compilation. Traitez la sortie minifiée comme un artefact jetable, pas comme un fichier à modifier manuellement.

Rend le Markdown en HTML assaini en direct à côté de la source, avec une option pour voir et copier le HTML généré.