Le Grain de Web
  • Portfolio
  • A propos
  • Blog
  • Contact

Minifier les pages HTML

25 septembre 2010

Marco

Website Performance Optimisation

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 !

Articles récents

  • SpotCrea, la nouvelle plateforme CP à la mode
  • Etude de cas: Refonte de site Internet
  • Google SSL et utilisation de gmail
  • Le SPAM de commentaire de blog
  • Présentation Référencement

Catégories

  • Search Engine Optimisation
  • Website Performance Optimisation

Vous avez également un projet sur internet ? Nous sommes la pour vous guider dans votre développement.

Contacter l'agence

Commentaires sur l'article

  1. Antoine

    27 septembre 2010

    Le jeu en vaut-il la chandelle ? …

    Répondre
  2. Marco

    10 octobre 2010

    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
  3. reg

    14 juillet 2011

    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
    • Marco

      15 juillet 2011

      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
  4. Maude@fps en ligne

    5 août 2013

    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

Répondre

Cliquez ici pour annuler la réponse.

A propos
Avec le Grain de Web, votre présence web sera enfin pertinente et efficace, grâce à un accompagnement sur mesure.
Prestations
  • Agence Web
  • liens sponsorisés
  • Performance web
  • Référencement Naturel
Derniers articles
  • SpotCrea, la nouvelle plateforme CP à la mode
  • Etude de cas: Refonte de site Internet
  • Google SSL et utilisation de gmail
Nous contacter

2, rue Antonio Vivaldi
95370 Montigny-les-cormeilles

Contact

© Le Grain de Web - 2023 - Tous droits réservés.

  • Dossier de Presse
  • Plan de site
  • Mentions Légales