Minifier les pages HTML

Publié le

Un des facteurs d’optimisation de site Internet donné par l’outil Google PageSpeed est de minifier les pages HTML servies par le site web. Dans le cadre d’un site Web statique, il s’agit donc de trouver un outil qui permet la minification de toutes les pages de votre site, c’est à dire qu’il va supprimer les caractères inutiles, les espaces en trop …
Voici donc un petit tour d’horizon des différents outils trouvés sur le web pour réaliser cette tâche. Dans le cadre de ces tests, on utilise une page statique de 8,99 Ko de base.

Google Page Speed

Certains diront avec pertinence qu’il suffit de récupérer le fichier proposé par Google PageSpeed qui minifie automatiquement la page testée. Effectivement, bingo, le fichier qu’il nous propose de télécharger pèse 7,69 Ko, soit 16 % de gain. Mais … Le code n’est plus valide W3C, 5 nouveaux avertissements sont annoncés (des balises mal fermées, le Doctype plus déclaré). Vérifions s’il existe des outils plus respectueux des normes !

Compress HTML !

Un outil tout simple est Compress HTML. Soit vous copiez votre code source, soit vous indiquez l’url du fichier à traiter, et il vous renvoie le code HTML compressé. Résultat, un fichier à 8,12 Ko (Soit 9 % de gain) et complètement Valide W3C. Une solution simple et efficace.

La Simplicité avec Minifier

Un outil parait encore plus simple, avec son interface épurée : HTML minifier. On copie le code HTML, on clique sur le bouton et on récupère le résultat. Soit ici, un fichier à 7,49 Ko ! Presque 20 % de Gain. Mais tout l’encodage des caractères spéciaux a été perdu dans le processus. Soit un point éliminatoire pour moi. A oublier donc.

HTML Minifier

Pour finir, voici un outil, HTML Minifier, qui paraît offrir des services différents, car il propose des options pour la minification (enlever les commentaires, les espaces, les quotes pour les attributs HTML). J’ai donc décidé de le prendre en compte également, malgré le fait qu’il soit annoncé en draft sur son site web (mais quel site ne publie pas ses pages en draft de nos jours ?). Pour le test, j’ai donc gardé ses options par défaut. Résultat, 7,79 Ko, mais 19 avertissements W3C. Un outil à suivre donc, mais uniquement si on a des besoins spécifiques.

Conclusions

Simple et efficace, je recommande Compress HTML. Si toutefois seule la taille du fichier final vous importe, vous pouvez rester sur Google Page Speed. A moins que vous ayez d’autres outils à soumettre à ma liste. Je vous écoute !

D'autres lectures qui pourraient vous intéresser :

5 commentaires sur « Minifier les pages HTML »

  1. Bonjour Antoine,

    Le jeux en vaux la chandelle à mes yeux, car c’est un gain de temps à la fois pour vous utilisateur et pour les moteur de recherche (Google a reconnu que le temps de réponse est un des facteurs pris en compte pour le référencement d’un site)

    Répondre
  2. Après essais aucun ne m’a malheureusement fourni un code valide,
    je suis a 99/100 avec pagespeed mais « Réduire la taille des ressources HTML »
    m’empêche d’atteindre les 100/100…

    Répondre
    • Bonjour reg,

      Effectivement, après un nouveau test, aucun outil ne permet d’obtenir un code valide pour votre site. Cela doit dépendre de la manière dont le site est codé, car pour mes tests certains outils fournissaient un code valide. En tout cas, félicitation pour votre note, 99 c’est très bien (de mémoire je ne connais d’ailleurs aucun site ayant une note de 100) et de toute façon cette simple différence de taille du code source aurait un impact très réduit sur les performances réelles du site ! Enfin le cas permet de rappeler qu’il faut parfois savoir faire des arbitrages entre performance et qualité de site …

      Répondre
  3. Un excellent moyen de récupérer de précieux octets aussi bien pour la bande passante côté serveur que pour le confort et la rapidité d’accès des visiteurs aux sites 🙂

    Répondre

Laisser un commentaire