Comment utiliser : Minifieur HTML
- Collez du HTML ou ouvrez un fichier
.html. - Choisissez ce qu'il faut supprimer : espaces, commentaires, attributs
typepar défaut et valeurs booléennes redondantes. - Gardez la minification du CSS et du JavaScript intégrés activée pour réduire aussi les blocs
<style>et<script>. - Copiez ou téléchargez le HTML minifié et comparez les tailles ci-dessus.
Que supprime la minification HTML ?
Le HTML écrit à la main ou généré contient des indentations, des sauts de ligne et des commentaires que les navigateurs ignorent. Les supprimer réduit le nombre d'octets à télécharger avant que le navigateur puisse commencer l'affichage. Les gains typiques sont de 10–25 % du HTML brut, davantage pour les modèles aux indentations profondes ou aux commentaires longs.
| Avant | Après |
|---|---|
<!-- nav --> | (supprimé) |
<button disabled="disabled"> | <button disabled> |
<script type="text/javascript"> | <script> |
class=" card featured " | class="card featured" |
Indentation entre les éléments <li> | (supprimée) |
Gestion sûre des espaces
Les espaces en HTML ne sont pas toujours superflus : l'espace dans <strong>Gratuit</strong> offre sépare deux mots. Ce minifieur conserve une seule espace entre les éléments en ligne et le texte, ne supprime les espaces qu'autour des éléments de niveau bloc comme div, p, li et section, et ne touche jamais au contenu de <pre> et <textarea>, où les espaces font partie du contenu.
Ce qui est conservé
- Les commentaires conditionnels (
<!--[if IE]>) et les commentaires commençant par<!--!. - Les guillemets des attributs : les supprimer rapporte peu et peut casser les valeurs contenant des espaces.
- Les scripts dont le type n'est pas JavaScript, comme les modèles ; le JSON-LD est minifié en tant que JSON.
Minifier le HTML en production
Pour une chaîne de build, utilisez le minifieur intégré à votre framework ou html-minifier-terser. Pour des pages ponctuelles, des modèles d'e-mails, des intégrations CMS et du code personnalisé Webflow, cet outil est plus rapide. Après la minification, vérifiez aussi que votre serveur compresse le HTML : testez-le avec le test de compression de site web. Pour rendre le HTML minifié lisible à nouveau, utilisez le formateur HTML.
Aussi recherché comme : minifier html, compresser html, compresseur html, minifier html en ligne, supprimer espaces html, minifier css js inline.
Outils complémentaires : Minifieur HTML
- Minifieur JavaScript — Collez votre JavaScript et obtenez du code minifié prêt pour la production grâce à Terser, le même moteur que Vite, webpack et Rollup, avec une comparaison avant/après et les tailles gzip.
- Minifieur CSS — Collez une feuille de style pour la réduire instantanément.
- Optimiseur SVG — Nettoyez les SVG exportés depuis Figma, Illustrator, Inkscape ou Sketch avec SVGO, puis vérifiez l'aperçu avant/après pour vous assurer que l'icône s'affiche toujours correctement.
- Compression Gzip — Compressez du texte ou n'importe quel fichier en gzip, zlib ou deflate brut, ou collez du Base64 ou ouvrez un fichier .gz pour le décompresser.
Questions fréquentes
La minification du HTML améliore-t-elle le référencement ?
La minification peut-elle casser ma mise en page ?
Minifie-t-il aussi le CSS et le JavaScript dans le HTML ?
<style> et les attributs style sont minifiés, et les blocs <script> sont minifiés avec Terser. Si un script contient une erreur de syntaxe, il reste inchangé.