Minificateur

CSS, JS et HTML

Aucune base de données : AIMRAN ne conserve ni vos fichiers, ni vos textes, ni vos résultats

Qu’est-ce que Minificateur ?

Minifier, c’est retirer du code tout ce dont l’ordinateur n’a pas besoin, comme les espaces, les retours à la ligne et les commentaires, pour que les fichiers soient plus légers et que le site charge plus vite.

Collez votre CSS, JavaScript ou HTML et vous obtiendrez la version compressée aussitôt, avec le gain en octets et en pourcentage.

Mode d’emploi

  1. Choisissez le langage : CSS, JavaScript ou HTML.
  2. Collez le code dans la zone « Code ».
  3. Réglez les options : compresser, raccourcir les noms, module ES, conserver les licences ou minifier le CSS et le JS en ligne.
  4. Vérifiez le résultat et le gain obtenu.
  5. Copiez ou téléchargez le code minifié.

Avantages

Détails techniques

Le CSS est minifié avec un analyseur par tokens qui respecte les chaînes, url() et les commentaires de licence /*! : il supprime les commentaires, les espaces superflus et le dernier point-virgule de chaque bloc. Le JavaScript est traité avec Terser, avec des options pour compresser (supprimer le code mort et simplifier les expressions), raccourcir les noms de variables internes (mangle), traiter le code comme un module ES avec import/export et conserver les commentaires /*! et @license. Le HTML est découpé en tokens en respectant le contenu de pre, textarea, script et style ; il supprime les commentaires et les espaces entre balises et, en option, minifie le CSS des blocs style et le JS des script avec les mêmes moteurs. Les erreurs de syntaxe indiquent la ligne et la colonne. Le gain est mesuré en octets UTF-8.

Questions fréquentes

Que signifie minifier du code ?

Supprimer les espaces, retours à la ligne, commentaires et autres caractères inutiles sans changer ce que fait le code, pour qu’il pèse moins et se télécharge plus vite.

Minifier améliore-t-il le SEO ?

Indirectement, oui : cela réduit le poids de la page et améliore la vitesse de chargement, un facteur que Google prend en compte dans l’expérience de page.

Peut-on « déminifier » du code ?

On peut le reformater avec une indentation, mais les commentaires et les noms d’origine des variables raccourcies sont perdus. Conservez toujours l’original.

Que fait l’option « Raccourcir les noms » ?

Elle renomme les variables internes des fonctions avec des noms d’une ou deux lettres. Le gain de place est important, sans effet sur le fonctionnement.

Quelle différence entre minifier et compresser avec gzip ?

Minifier retire le contenu superflu du code ; gzip ou Brotli compressent le fichier lors de son envoi. Les deux sont complémentaires et il vaut mieux utiliser les deux.

Plus d’outils : Développeurs