Minificateur JavaScript en ligne : réduire JS, CSS et HTML
Le minificateur réduit JavaScript, CSS et HTML sans changer leur fonctionnement : il supprime les commentaires et les espaces superflus, et raccourcit les noms JavaScript locaux. L’exemple JavaScript ci-dessous passe ainsi de 324 B à 180 B. Gratuit, sans inscription : ton code reste dans ton navigateur.
Créé par Florian Galz
Code minifié ? Avec un hébergement web rapide, ta page charge encore plus vite.
Code minifié
Le code minifié apparaîtra ici dès que tu auras collé du code à gauche.Paramètres
Les variables locales et les paramètres reçoivent des noms courts. Les noms globaux restent inchangés pour que les autres scripts puissent les retrouver.
Raccourcit les expressions et supprime le code mort sans changer le comportement du code.
Les commentaires contenant /*! … */, @license ou @preserve sont conservés.
Colle ton code à gauche ou charge l’exemple. Le résultat apparaît immédiatement.
Ton code reste dans ton navigateur : il n’est ni envoyé ni enregistré.
Exemple de résultat
Ce que le minificateur JavaScript fait de ton code
Tu colles du code JavaScript lisible. L’outil supprime les commentaires et les espaces superflus, raccourcit les noms locaux et produit une ligne compacte, avec la taille avant et après. Les valeurs ci-dessous sont un exemple fixe ; ton résultat dépend de ton code.
Exemple · Paramètres par défaut
Entrée (lisible)
// Warenkorb-Summe berechnenfunction calculateTotal(items, taxRate) { let subtotal = 0; for (const item of items) { subtotal += item.price * item.quantity; } const tax = subtotal * taxRate; return Math.round((subtotal + tax) * 100) / 100;} console.log(calculateTotal([{ price: 4.99, quantity: 2 }], 0.19));Sortie (minifiée)
function calculateTotal(t,o){let c=0;for(const o of t)c+=o.price*o.quantity;const a=c*o;return Math.round(100*(c+a))/100}console.log(calculateTotal([{price:4.99,quantity:2}],.19));- Original
- 324 B
- Minifié
- 180 B
- Économies
- 44,4 %
- Dans cet exemple, cette part du fichier correspondait aux commentaires, à l’indentation et aux noms longs.
Fonctionnalités
Fichiers plus légers, même fonctionnement
Ce que le minificateur supprime et ce qu’il conserve volontairement.
JavaScript avec terser
Supprime les commentaires et les espaces superflus, raccourcit les noms locaux et simplifie les expressions. Les noms globaux restent inchangés et les modules ES sont reconnus.
CSS sans mauvaises surprises
Les commentaires, les espaces superflus et les points-virgules finaux sont supprimés. Les valeurs, couleurs, unités, chaînes et url() restent identiques caractère par caractère.
HTML avec code intégré
Les espaces superflus autour des éléments de bloc sont supprimés ; un espace est conservé entre les mots. style, script et JSON-LD sont aussi minifiés.
Taille avant et après
Économie en pourcentage et en octets, avec la taille des deux versions compressées avec gzip, comme les transmet un serveur web.
Conserver les commentaires de licence
Les commentaires avec /*! … */, @license ou @preserve peuvent être conservés ; les commentaires conditionnels HTML le sont toujours.
Reste dans ton navigateur
Aucun envoi ni stockage : le code est minifié directement sur ton appareil.
Comment ça fonctionne
Comment minifier JavaScript, CSS et HTML en ligne
Quatre étapes, sans inscription ni installation.
Étape 1
Choisir un langage
Choisis JavaScript, CSS ou HTML en haut. Chaque langage conserve son propre code quand tu changes d’onglet.
Étape 2
Coller le code
Colle ton code dans le champ de gauche, ouvre un fichier jusqu’à 2 MB ou charge l’exemple. Le résultat apparaît à droite après une courte pause de saisie.
Étape 3
Vérifier les paramètres
Pour JavaScript, tu choisis si les noms sont raccourcis et les expressions optimisées. Tu peux conserver les commentaires de licence et, pour HTML, les commentaires ordinaires.
Étape 4
Appliquer le résultat
Consulte l’économie avec et sans gzip, copie le code minifié ou télécharge-le sous script.min.js, style.min.css ou index.min.html.
Découvrir plus
Autres outils
Comparer des textes en ligne (Diff Checker)
Compare en ligne deux textes, fichiers de configuration ou versions de code, repère les différences ligne par ligne et mot par mot, puis copie-les au format Unified Diff. Tout fonctionne dans ton navigateur.
Créé par Dimitri Heissler
Formateur JSON
Formate, minifie et valide du JSON avec coloration syntaxique, affichage des erreurs et téléchargement, entièrement dans ton navigateur.
Créé par Jakub Martyniak
Testeur de regex
Teste des expressions régulières en direct avec le moteur JavaScript natif : surlignage des correspondances, groupes de capture et mode remplacement, entièrement dans le navigateur.
Créé par Jakub Martyniak
Formateur et validateur XML
Valide, formate, minifie et répare automatiquement le XML (caractères non échappés, balises manquantes, déclaration manquante) : 100 % dans le navigateur, sans importation.
Créé par Justin Schuessler
Encodeur/décodeur Base64
Encoder et décoder du texte en Base64, y compris avec une variante compatible avec les URL et des messages d’erreur clairs, entièrement dans le navigateur.
Créé par Jakub Martyniak
Générateur .htaccess et générateur htpasswd
Crée des fichiers Apache .htaccess et .htpasswd en ligne : redirections 301, HTTPS, protection par mot de passe avec bcrypt, règles WordPress, pages d’erreur, mise en cache, GZIP et protection contre le hotlinking. Fonctionne entièrement dans le navigateur.
Créé par Dimitri Heissler
Formateur SQL en ligne (formater et embellir du SQL)
Formate, embellis et minifie du SQL en ligne pour MySQL, MariaDB et PostgreSQL, avec indentation et choix de la casse des mots-clés. Tout se fait dans le navigateur, sans transfert de données.
Créé par Luca Stanek
Formateur HTML et CSS en ligne (embellir le code)
Formate, indente et embellis du HTML et du CSS en ligne, avec détection automatique de la langue. Tout fonctionne dans le navigateur, sans envoi de fichier.
Créé par Luca Stanek
Compresser et réduire des images
Compresse et réduis tes images en ligne : diminue la taille des JPG, PNG et WebP, atteins une taille cible en KB ou convertis-les, par exemple de PNG en JPG. Tout se passe dans le navigateur.
Créé par Dimitri Heissler
FAQ
Questions fréquentes
Des réponses courtes sur la minification de JavaScript, CSS et HTML avec cet outil.
Le code minifié et sa taille avant et après. L’exemple JavaScript de cette page passe ainsi de 324 B à 180 B. Tu vois aussi la taille des deux versions compressées avec gzip, comme lorsqu’un serveur web les transmet.
Un minificateur réduit la taille du code sans changer son fonctionnement : il supprime les commentaires, l’indentation et les sauts de ligne, et raccourcit les noms des variables locales. Le fichier charge ainsi plus vite. Cet outil traite JavaScript, CSS et HTML.
Choisis l’onglet CSS et colle ta feuille de style. L’outil supprime les commentaires, les espaces superflus et le dernier point-virgule de chaque bloc. Les valeurs, couleurs et unités restent exactement telles que tu les as écrites ; tu peux conserver les commentaires avec /*! … */.
Choisis l’onglet HTML. Les commentaires sont supprimés, ainsi que les espaces superflus autour des éléments de bloc comme div ou p. Entre les mots et les éléments en ligne, les espaces sont réduits à un seul pour que la page garde le même aspect. pre et textarea restent inchangés ; tu peux aussi minifier le CSS dans style et le JavaScript dans script.
Non. L’outil utilise terser, le même minificateur que de nombreux outils de build. Il ne raccourcit que les noms locaux ; les noms globaux restent inchangés pour que d’autres scripts puissent les retrouver. Dans les modules ES avec import ou export, les noms au niveau supérieur sont aussi raccourcis. Si tu désactives l’optimisation du code, seuls les noms sont raccourcis et aucune expression n’est réécrite.
En cas d’erreur de syntaxe JavaScript ou de commentaire, chaîne ou balise non terminés, l’outil indique la ligne et la colonne. Un clic t’amène à l’endroit concerné dans le champ de saisie. Si un bloc style ou script dans du HTML contient une erreur, il reste inchangé et l’outil te le signale.
Oui, les deux se complètent : gzip compresse les répétitions, tandis que la minification supprime les commentaires et raccourcit les noms que gzip ne peut pas éliminer. L’outil te montre les deux tailles avec gzip pour que tu voies ce qui est réellement transmis pour ton code.
Non. Tout se passe dans ton navigateur : aucun envoi ni stockage. Tu peux ouvrir des fichiers jusqu’à 2 MB, par exemple .js, .css ou .html.
D’autres questions ?
Contacter le supportTon site a besoin d’un hébergement rapide
Code JavaScript, CSS ou HTML minifié et hébergement web ZAP-Hosting : ta page charge en un éclair. Un VPS te donne plus de contrôle.
Sans configuration. Sans risque. En ligne en quelques secondes.
Tu cherches d’autres outils ? Voir tous les outils de développement
Source préférée sur Google
