HTML Minifier — Minificateur HTML

Comment fonctionne la minification HTML

La minification HTML supprime tout ce dont un navigateur n'a pas besoin pour afficher une page : indentation et sauts de ligne entre les balises, commentaires, valeurs d'attribut redondantes et attributs par défaut. Cet outil utilise html-minifier-terser, qui analyse votre balisage en balises et en texte, applique les optimisations choisies, puis le réécrit. Collapse whitespace fusionne les suites d'espaces et supprime les espaces entre les éléments de bloc tout en conservant les espaces simples qui séparent le texte en ligne. Le contenu de <pre> et <textarea> reste intact, car les espaces y comptent. Remove comments supprime les notes de développeur, et les minificateurs en ligne réduisent les blocs <style> et <script> intégrés avec clean-css et Terser.

Les badges de taille indiquent la taille en octets UTF-8 de l'entrée et de la sortie ainsi que le pourcentage gagné. Les modèles écrits à la main avec beaucoup d'indentation diminuent souvent de 15 à 30 %, davantage s'ils contiennent de gros scripts ou styles en ligne. Les serveurs compressent généralement encore le HTML avec gzip ou Brotli, de sorte que le gain au transfert est inférieur au chiffre brut, mais un document plus petit est tout de même analysé plus vite et garde compact le code en ligne critique.

Choisir les bonnes options

Remove redundant attributes regroupe des nettoyages sûrs : elle raccourcit les attributs booléens comme disabled="disabled" en disabled, supprime les valeurs par défaut comme type="text" sur les champs de saisie et type="text/javascript" sur les scripts, retire les attributs vides et remplace les longs doctypes hérités par <!doctype html>. Remove optional tags omet les balises fermantes comme </li>, </p> et </body> que la spécification HTML permet aux navigateurs de déduire. Remove attribute quotes supprime les guillemets autour des valeurs qui n'en ont pas besoin. Les deux produisent du HTML valide, mais peuvent surprendre d'autres outils qui lisent votre balisage ; elles sont donc désactivées par défaut.

Confidentiel par conception

Le minificateur est chargé à la demande et s'exécute localement : vos modèles, le balisage de vos e-mails et vos pages d'atterrissage ne sont jamais envoyés. C'est pratique pour les tâches ponctuelles, comme réduire un e-mail HTML, un extrait d'intégration ou une page statique avant de le coller dans un CMS. Si l'analyseur signale une erreur, vérifiez dans l'entrée la présence de balises non fermées ou de chevrons isolés. Pour les sites en production, gardez la minification dans votre pipeline de build afin que le résultat soit reproductible.