Minifieur HTML

La minification HTML supprime tous les caractères dont un navigateur n'a pas besoin pour afficher la page — commentaires, sauts de ligne, indentation et espaces entre les balises — sans modifier l'apparence ni le fonctionnement de la page. Par exemple, '<ul>\n <li>Un</li>\n <li>Deux</li>\n</ul>' (environ 46 octets) est minifié en '<ul><li>Un</li><li>Deux</li></ul>' (35 octets). La liste affichée est identique pour le visiteur. L'économie paraît faible sur un extrait, mais les vraies pages HTML pleines d'indentation et de balisage généré par un CMS se réduisent régulièrement de 15 à 25 % en octets bruts — davantage lorsqu'elles sont combinées avec la compression gzip sur le serveur.

Un HTML plus léger représente moins d'octets à télécharger et moins de travail pour le navigateur, ce qui accélère le chargement de la page — améliorant ainsi le First Contentful Paint (FCP) et les scores Core Web Vitals, notamment sur mobile. Google PageSpeed Insights signale le HTML non minifié comme un problème de performance standard et l'inclut dans ses recommandations. Le gain est le plus important pour les pages écrites à la main ou générées par un CMS, remplies d'indentation et de commentaires de développeurs. Chaque kilooctet supprimé est un kilooctet que le visiteur n'a pas à télécharger, ce qui compte surtout sur les connexions mobiles lentes où la bande passante est limitée.

Les commentaires (<!-- … -->), les séquences d'espaces, l'indentation et les sauts de ligne entre les balises, ainsi que les espaces entre les éléments de bloc sont supprimés. Le minifieur contracte également les attributs booléens (ainsi 'disabled="disabled"' devient simplement 'disabled') et peut, en option, supprimer les balises fermantes redondantes comme </li> et </td>. Les commentaires conditionnels (<!--[if IE]>) sont toujours préservés car ils restent utiles pour le ciblage des anciennes versions d'IE. Le contenu de <pre>, <textarea>, <script> et <style> n'est jamais modifié — les espaces à l'intérieur de ces éléments sont significatifs et les modifier casserait la page.

Oui, lorsque le HTML ne passe pas déjà par une étape de build. Les pages que vous écrivez à la main, exportez depuis un CMS ou assemblez dans un thème WordPress, ainsi que les e-mails HTML et les blocs <style>/<script> intégrés, sont tous livrés avec une indentation et des commentaires que la minification supprime gratuitement. Si un bundler comme Vite ou webpack minifie déjà votre sortie, ces fichiers n'ont pas besoin d'un second passage — mais la plupart des HTML réels ne passent jamais par un bundler. Les générateurs de sites statiques comme Jekyll et Hugo intègrent des minifieurs HTML en tant que plugins optionnels, et les extensions WordPress comme WP Rocket, LiteSpeed Cache et Autoptimize le font automatiquement pour chaque rendu de page.

En texte brut, la minification permet généralement d'économiser 10 à 25 %. Une page de 30 Ko écrite à la main passe souvent à environ 24 Ko, et un petit extrait comme '<ul>\n <li>Un</li>\n <li>Deux</li>\n</ul>' (46 octets) se réduit à 35 octets — soit environ 24 % de moins. Une fois que votre serveur compresse le résultat avec gzip, la réduction combinée atteint généralement 70 à 85 %. Cet outil affiche la taille minifiée et une estimation gzippée côte à côte, afin que vous voyiez les deux chiffres en même temps. L'estimation gzip est calculée localement dans votre navigateur — pas sur un serveur — vous obtenez donc les économies combinées réelles sans rien télécharger.

Pas lorsqu'elle est effectuée en toute sécurité, ce qui est la façon dont cet outil fonctionne. Il ne touche jamais le contenu de <pre>, <textarea>, <script> ou <style>, où les espaces sont significatifs, et il préserve les espaces simples entre les éléments en ligne comme les liens et les <span> — ainsi 'un <a href="/x">lien</a> ici' ne devient jamais 'un lienici' collé. Certains minifieurs en ligne rapides contractent ces espaces et modifient subtilement le rendu ou la mise en page. HTMLMinifier de kangax (la bibliothèque de minification HTML Node.js la plus populaire) utilise une approche similaire sûre par défaut pour la même raison. Si vous constatez une différence de rendu après la minification, utilisez le mode Embellir pour restaurer la structure d'origine.

Passez en mode Embellir avec l'interrupteur en haut de page et collez votre HTML minifié. L'outil réindente le balisage et place les balises sur leurs propres lignes, transformant '<ul><li>Un</li><li>Deux</li></ul>' en un code lisible et formaté. Choisissez une indentation de 2 espaces, 4 espaces ou tabulation pour correspondre au style de votre projet. C'est l'inverse de la minification — utile pour inspecter une page minifiée trouvée en production, lire un gabarit CMS écrasé par un outil de build, ou déboguer une mise en page en visualisant clairement la structure complète des balises.

La minification réduit le texte source lui-même — vous livrez un fichier .html physiquement plus petit. Gzip et Brotli compriment les octets lors du transfert, et le navigateur les décompresse de façon transparente à la réception. Les deux se cumulent : minifiez la source d'abord, puis laissez votre serveur la gzipper. Google web.dev recommande d'effectuer les deux étapes — la minification élimine les octets que gzip ne peut pas entièrement compresser, tandis que gzip gère les motifs répétitifs que la minification laisse intacts. C'est pourquoi cet outil affiche à la fois le nombre d'octets minifiés et une estimation gzippée, afin que vous puissiez voir le gain combiné total avant et après le déploiement.

La minification rend le HTML plus petit tout en le laissant valide et entièrement lisible une fois embelli — elle supprime uniquement les caractères que le navigateur ignore. L'obfuscation brouille ou réécrit délibérément le code pour le rendre difficile à comprendre ou à copier. La minification HTML ne renomme jamais vos classes, identifiants ou contenus, ni ne change le sens ; elle est sans perte et réversible, ce que l'obfuscation n'est pas. Si vous souhaitez empêcher les gens de lire votre source HTML (que les navigateurs exposent de toute façon via Afficher la source), la minification seule ne vous aidera pas — vous auriez besoin de techniques supplémentaires qui dépassent ce que fait un minifieur.

Oui, en un seul passage. Laissez 'Minifier le CSS intégré' activé et l'outil compresse le contenu de chaque bloc <style> — supprimant commentaires et espaces tout en protégeant les chaînes, url() et calc(). 'Minifier le JS intégré' nettoie les blocs <script> de façon conservative : il supprime les commentaires et réduit les espaces, mais préserve les sauts de ligne afin que l'insertion automatique de points-virgules (ASI) ne puisse pas corrompre votre code. Les scripts déclarés comme JSON ou gabarits sont laissés intacts. Cette approche combinée couvre une lacune que les minifieurs CSS seuls et les minifieurs JS seuls manquent tous les deux — les pages HTML avec les trois langages mélangés.

Avec cet outil, oui — car il s'exécute à 100 % dans votre navigateur grâce à JavaScript. Votre HTML n'est jamais téléchargé, enregistré ni stocké nulle part, de sorte que même les pages non publiées, le travail client ou le balisage contenant des données privées reste entièrement sur votre appareil. Vous pouvez le vérifier en vous déconnectant du réseau : le minifieur fonctionne toujours hors ligne car aucun serveur n'est impliqué. En revanche, HTMLMinifier.com et Minifier.org envoient tous deux votre HTML vers un serveur distant pour le traitement. Le minifieur HTML de Willpeavy.com effectue également un aller-retour vers le serveur. Pour les projets confidentiels, le traitement local dans le navigateur est la seule option sûre.

Deux options s'offrent à vous. Pour une utilisation ponctuelle, copiez la source de votre page rendue (ou la sortie d'un gabarit) et collez-la ici pour la minifier. Pour minifier automatiquement chaque page, une extension de mise en cache ou d'optimisation peut minifier le HTML à la volée : WP Rocket, W3 Total Cache, LiteSpeed Cache et Autoptimize proposent tous des paramètres de minification HTML. WP Rocket et LiteSpeed Cache sont les plus fiables pour les thèmes complexes avec beaucoup de contenu dynamique. Cet outil est idéal pour les extraits de thèmes, les blocs personnalisés et les gabarits d'e-mails HTML que ces extensions ne couvrent pas automatiquement, comme les sections personnalisées Elementor ou les gabarits de champs ACF.

HTMLMinifier.com et Minifier.org sont des minifieurs HTML en ligne populaires, mais tous deux envoient votre HTML vers un serveur distant pour le traitement. Cela signifie que votre balisage — y compris les pages non publiées, les mots de passe dans les formulaires ou le travail client confidentiel — quitte votre appareil. Minifycode.com est un autre outil côté serveur avec la même limitation. Cet outil fait tout localement dans le navigateur, de sorte que rien n'est jamais téléchargé. En termes de fonctionnalités, il ajoute un embellisseur bidirectionnel dans la même interface, des estimations gzip en temps réel et la minification CSS/JS intégrée — le tout sans rechargement de page ni aller-retour vers le serveur.

Oui, il fonctionne entièrement sur mobile — collez du HTML depuis le presse-papiers, voyez le résultat minifié immédiatement et recopiez-le. L'interface s'adapte aux petits écrans. Il a été testé sur Safari pour iOS et Chrome pour Android. Un cas d'utilisation mobile courant consiste à vérifier à quel point un gabarit de page devient plus petit avant de valider une modification — vous pouvez coller le HTML depuis la fonctionnalité Afficher la source d'un navigateur mobile et voir les économies immédiatement. Aucun téléchargement d'application, aucune inscription et aucune limite d'utilisation sur mobile. Il fonctionne également sans connexion réseau une fois la page chargée.