Minifier le HTML d'un site WordPress

WordPress assemble chaque page à la volée, en combinant le gabarit du thème, le contenu de la base de données et le balisage ajouté par les extensions actives. Ce mode de génération produit un HTML fonctionnel, mais rarement optimisé pour le poids: indentation généreuse, lignes vides entre les blocs, commentaires laissés par le thème ou les extensions et sections répétées s'y accumulent. Un thème riche accompagné de quelques extensions peut ainsi servir des pages sensiblement plus lourdes que nécessaire. La minification s'attaque précisément à ce surplus. En retirant les caractères qui n'ont aucun effet sur l'affichage, elle réduit le poids de la page sans rien changer à ce que voient vos visiteurs, ni à la façon dont votre thème se comporte.

Il est important de rappeler ce que la minification garantit. Elle ne supprime que des espaces, des sauts de ligne et des commentaires, jamais du contenu ni des attributs utiles. Le navigateur reconstruit exactement la même page, avec la même mise en page, les mêmes styles et les mêmes scripts. Autrement dit, votre thème reste intact et vos visiteurs ne perçoivent aucune différence, sinon un chargement un peu plus rapide. C'est une transformation sûre, à condition de bien comprendre qu'elle agit sur la sortie HTML, pas sur vos fichiers de thème eux-mêmes. Vous continuez à modifier vos gabarits, vos modèles et votre contenu comme d'habitude dans WordPress; la minification n'intervient que sur le balisage finalement produit et envoyé au navigateur.

La minification ne remplace pas une extension de cache, elle la complète. Un plugin de cache évite à WordPress de reconstruire la page à chaque visite en servant une version déjà générée, ce qui soulage le serveur et accélère la réponse. La minification, elle, réduit le poids de cette page une fois générée. Les deux approches s'additionnent: une page mise en cache et minifiée est à la fois rapide à produire et légère à transférer. Beaucoup d'extensions de cache proposent d'ailleurs une option de minification intégrée; cet outil vous est utile pour compacter ponctuellement une sortie, tester le gain sur une page précise, ou traiter un balisage que vous préparez en dehors du flux automatique de votre site.

En pratique, plusieurs façons d'utiliser l'outil s'offrent à vous. Vous pouvez copier le code source d'une page publiée pour mesurer et obtenir sa version compacte, coller la sortie HTML d'un gabarit que vous développez, ou traiter un fichier exporté depuis un site WordPress converti en statique. Dans tous les cas, une règle demeure: ne considérez jamais le HTML minifié comme votre source. Vos fichiers de travail restent les gabarits de votre thème et votre contenu dans WordPress, lisibles et modifiables. Le fichier compacté, souvent réduit à une longue ligne, ne se prête ni à l'édition ni au débogage. Conservez donc toujours l'original comme référence et régénérez la version minifiée après chaque modification de votre thème ou de vos pages.

Le code d'une page WordPress peut révéler des détails que vous préférez ne pas diffuser: structure de votre thème, extensions employées, identifiants internes ou contenus non encore publiés. Avec cet outil, ce balisage ne quitte jamais votre navigateur. La minification s'exécute intégralement en local, sur le HTML que vous collez ou le fichier que vous chargez. Rien n'est téléversé vers un serveur, rien n'est enregistré. Vous pouvez ainsi compacter la sortie d'un site en préproduction ou d'une page en préparation sans l'exposer. L'outil reste par ailleurs entièrement gratuit, sans inscription, sans quota et sans filigrane, ce qui le rend pratique pour un usage ponctuel comme pour vérifier régulièrement le poids de vos gabarits WordPress.