Comment l'utiliser
- Coller le code, déposer un fichier ou charger l'échantillon; la langue est prédéfinie pour cette page et peut être modifiée.
- Choisissez le format ou minifiez et ajustez le tiret, la largeur et d'autres options ; le résultat apparaît à droite lorsque vous tapez.
- Copiez ou téléchargez le résultat; sur une erreur, utilisez "Aller à l'erreur", corrigez-le et exécutez à nouveau.
Ce que la minification fait
La minification change la façon dont le code est écrit, pas ce qu'il fait. Il coupe généralement de 30 à 70 % de la taille et accélère les pages; gardez votre source, parce que le code minifié est difficile à lire.
| Fonctionnement | JavaScript (Terser) | CSS (CSSO) | HTML / XML / JSON |
|---|---|---|---|
| Supprimer les commentaires | ✓ | ✓ | ✓ |
| Supprimer l'espace blanc et les ruptures de ligne | ✓ | ✓ | ✓ |
| Raccourcir les noms de variables | ✓ | — | — |
| Règles de fusion, couleurs raccourcies | — | ✓ | — |
| Déposer le code mort, les constantes de plis | ✓ | — | — |
| Conservez /*! commentaires de licence | Facultatif | Facultatif | Facultatif |
Langues et moteurs
Formatage utilise les mêmes moteurs open-source que les éditeurs populaires, de sorte que les résultats correspondent à Prettier dans VS Code et votre équipe peut garder un style. Chaque moteur charge à partir de ce site et fonctionne dans votre navigateur.
| Langue | Format | Compresseur |
|---|---|---|
| HTML | Juste 3 | ✓ commentaires et espace blanc |
| XML | Moteur XunL XML | ✓ |
| CSS / SCSS / Moins | Juste 3 | ✓ Restructuration de la CSSO |
| JavaScript / TypeScript | Hôtel 3 (Babel) | ✓ Terser (JavaScript seulement) |
| JSON | Juste 3 | ✓ les grands nombres gardent la précision |
| YAML | Juste 3 | — (observations tenues) |
| SQL | sql-formater (14 dialectes) | — |
Foire aux questions
Le code minifié va-t-il toujours fonctionner ?
Terser est le minificateur par défaut dans webpack et Vite et n'applique que les transformations de préservation du comportement. Éteignez « Raccourcir les noms de variables » pour le code qui s'appuie sur les noms de fonctions ou utilise eval sur les variables locales.
Est-ce qu'il peut minifier TypeScript ?
Pas directement; compilez-le d'abord sur JavaScript.
Mon code est-il téléversé ?
C'est pas vrai. Les moteurs télécharger à partir de ce site et fonctionner dans votre navigateur; votre code ne passe jamais à travers nos serveurs ou n'importe quel tiers, il est donc sûr pour le code interne et la configuration.
Quelle taille les fichiers peuvent-ils être ?
Jusqu'à 5 Mo par fichier; au-dessus de 300 Ko la page attend le bouton au lieu de formater que vous tapez, pour garder le navigateur réactif.
Combien de plus petite taille est-ce que la minification JavaScript le rend, et ai-je encore besoin de gzip?
La minification supprime les espaces, les ruptures de ligne et les commentaires et raccourcit les noms de variables locales, habituellement la taille de coupe de 30 à 60 % selon la façon dont le code est écrit. Gzip ou Brotli compresse les fichiers en transfert sur le serveur et peut réduire le JS minifié d'environ 60 à 70 % ; les deux font des tâches différentes et sont mieux utilisés ensemble. Conservez la source non-minifiée et une carte source pour le débogage, et testez les principales fonctionnalités d'un navigateur après chaque re-minification.