Aucun upload, 100 % local, sans compte

Minifier / Embellir

Minifiez ou embellissez du code. Tout reste dans votre navigateur.

Comment fonctionne Minifier / Embellir

Minifier / Embellir compresse HTML, CSS et JavaScript en supprimant les commentaires, les espaces inutiles et les caractères redondants, ou développe du code minifié en une forme lisible et indentée. Tout le traitement se fait dans le navigateur avec des parseurs intégrés ; rien de ce que vous collez n'est transmis nulle part. Rien de ce que vous tapez ici ne quitte votre appareil.

La minification affecte directement les performances de chargement de page : les fichiers plus petits se transfèrent plus rapidement, s'analysent plus vite et consomment moins de bande passante. Pour les déploiements de production, les ressources minifiées sont la norme. Cet outil est utile quand vous recevez un fichier minifié à lire (embellir), quand vous voulez vérifier ce qu'un minificateur fait à un extrait avant de l'intégrer dans un pipeline de build, ou pour une minification ponctuelle sans configurer un outil de build.

Rédigé par Bastien Sulyan

Comment utiliser Minifier / Embellir, étape par étape

  1. Collez votre code HTML, CSS ou JavaScript dans la zone de saisie.
  2. Sélectionnez le type de langage dans le menu déroulant (HTML, CSS ou JavaScript).
  3. Cliquez sur 'Minifier' pour produire la version compressée, ou 'Embellir' pour développer et indenter le code.
  4. Copiez le résultat depuis la zone de sortie en utilisant le bouton de copie.
  5. Collez du code différent et répétez au besoin.

Cas d'utilisation courants

  • Un développeur frontend veut minifier un extrait CSS critique pour l'intégrer dans la balise head HTML pour la performance au-dessus du pli.
  • Un développeur reçoit un script tiers minifié et doit l'embellir pour comprendre sa logique lors d'une revue de sécurité.
  • Un rédacteur technique a besoin d'une version embellie d'une balise de script JSON-LD minifiée pour l'inclure dans une documentation.
  • Un développeur web vérifie les économies d'octets de la minification d'un fichier CSS avant de décider d'ajouter une étape de build.

Questions fréquentes

Le code que je colle est-il envoyé à un serveur pour la minification ?

Non. La minification et l'embellissement sont assurés par le code de la page lui-même, écrit pour cet outil plutôt que repris d'un minificateur tiers. Tout le traitement reste dans l'onglet navigateur. Rien de ce que vous collez ici n'est transmis à Sunasty ni à un tiers.

La minification JavaScript préserve-t-elle le comportement original du code ?

Un bon minificateur préserve le comportement en ne supprimant que les espaces, en raccourcissant les noms de variables dans une portée contrôlée et en supprimant les commentaires. Cet outil cible des transformations sûres. Les optimisations agressives comme l'élimination du code mort ou l'inlining de fonctions ne sont généralement pas appliquées, car elles nécessitent une analyse complète du programme.

Puis-je minifier puis embellir le résultat pour le vérifier ?

Oui. Minifiez d'abord le code, puis collez la sortie minifiée dans la saisie et cliquez sur Embellir. La version embellie semblera différente du code source original (les noms de variables peuvent être raccourcis, les commentaires supprimés) mais sera structurellement équivalente.

La minification HTML supprime-t-elle tous les commentaires ?

L'outil supprime les commentaires HTML standard (<!-- ... -->) lors de la minification. Les commentaires conditionnels utilisés par les anciennes versions d'IE (<!--[if IE]...-->) sont toujours conservés, si bien que la suppression des commentaires ne peut pas casser un comportement hérité qui en dépend.

Y a-t-il une limite de taille sur le code que je peux minifier ?

La limite est la mémoire disponible de votre onglet navigateur. Le code jusqu'à quelques centaines de kilo-octets se traite rapidement. Pour les grands bundles JavaScript (mégaoctets), un outil de build dédié comme esbuild, Terser ou Lightning CSS est plus rapide et plus approprié pour un usage en production.