Formateur JSON
Formatez, minifiez et validez du JSON avec des positions d'erreur claires.
Minificateur HTML, CSS et JS
Réduisez le poids du HTML, CSS et JavaScript en supprimant espaces, commentaires et octets inutiles.
Vos fichiers restent sur votre appareil
Comment ça marche
- 1Choisissez JavaScript, CSS ou HTML.
- 2Collez votre code, ou choisissez Essayer un exemple.
- 3Réglez les options pour ce langage.
- 4Copiez le code minifié ou téléchargez-le, et consultez la ligne de taille sous les zones.
À quoi servent les options
- JavaScript
- Utilise Terser pour supprimer les commentaires et les espaces, simplifier les expressions et retirer le code inatteignable.
- Raccourcir les noms de variables
- Renomme les variables locales en une seule lettre. Désactivez l'option si votre code lit des noms à l'exécution, par exemple via eval.
- CSS
- Utilise csso pour fusionner les règles, raccourcir les couleurs et les valeurs, et supprimer les commentaires.
- HTML
- Réduit les espaces et supprime les commentaires et les attributs redondants.
- Minifier le CSS et le JS intégrés
- Réduit aussi le code à l'intérieur des balises style et script du HTML.
Confidentialité
Tout s'exécute dans votre navigateur. Ce que vous collez n'est jamais envoyé à un serveur. Le code non publié reste sur votre appareil.
Questions fréquentes
Le code minifié est-il sûr à utiliser ?
Les minificateurs sont conçus pour conserver le même comportement, mais testez le résultat. Le code qui dépend des noms de fonctions, utilise eval ou contient des erreurs de syntaxe peut casser. Gardez votre fichier d'origine.
Pourquoi signale-t-il une erreur de syntaxe ?
Le JavaScript est analysé avant d'être réduit, donc des erreurs comme un crochet manquant arrêtent l'outil et affichent la ligne. Le CSS et le HTML sont plus tolérants et sont souvent minifiés tels quels.
De combien mon fichier sera-t-il réduit ?
Cela dépend de la quantité d'espaces et de commentaires. Les fichiers écrits à la main diminuent souvent de 20 à 60 pour cent. Activer gzip ou Brotli sur votre serveur économise encore plus.
Prend-il en charge le JavaScript moderne ?
Oui. La syntaxe actuelle comme les fonctions fléchées, les classes, les fonctions async et le chaînage optionnel est prise en charge. Il ne convertit pas le code vers une syntaxe plus ancienne.
Puis-je obtenir une source map ?
Non. Cet outil produit uniquement le code minifié. Utilisez votre outil de build quand vous avez besoin de source maps pour le débogage.