HTML Minifier

Compresseur de code avec tout plein d’options d’optimisation.

HTML Minifier est un compresseur de code disponible à la fois en tant que classe PHP, extension Wordpress et désormais en tant que plugin SPIP \o/

Il est conçu pour "minifier" les pages HTML construites par votre CMS préféré en supprimant les espaces et/ou les retours à la ligne. HTML Minifier propose aussi de nombreuses autres options d’optimisation que vous pouvez activer ou désactiver depuis le formulaire de configuration prévu à cet effet.

Options de paramétrage du formulaire

**Options générales

  • Mode de compression :
    - aucune
    - supprimer les espaces mais garder les retours à la ligne
    - supprimer les espaces et les retours à la ligne
  • Supprimer les commentaires HTML :
    Supprime tous les commentaires HTML, sauf les commentaires conditionnels et préserve également <!-- extra --> et <!-- keepme: -->.
  • Fusionner les balises <head> multiples :
    S’il y a plusieurs balises <head> dans le document, leur contenu sera fusionné dans la première.
  • Fusionner les balises <body> multiples :
    S’il y a plusieurs balises <body> dans le document, leur contenu sera fusionné dans la première.
  • Afficher la signature dans la source :
    Ajoute un commentaire en fin de page indiquant que la source a été minifiée par HTML Minifier (permet de créditer l’auteur de la classe PHP directement dans votre code source).
  • Balises ignorées par la compression :
    Liste des balises (en minuscules) pour lesquelles ignorer la compression. Ceci afin d’empêcher HTML Minifier d’interférer avec le comportement des balises comme <textarea> et <pre>, où les espaces blancs supprimés peuvent affecter le contenu affiché.

**Options CSS

  • Supprimer les commentaires des balises <style> :
    Supprime tous les commentaires situés dans les balises <style>.
  • Supprimer les commentaires CDATA :
    en XHTML, les contenus à l’intérieur des balises de <style> sont parfois encapsulés dans des commentaires CDATA pour la compatibilité XML. Si cette option est activée, les commentaires CDATA sont supprimés.
  • Déplacer les balises <link> stylesheet dans le <head> :
    Déplace toutes les balises <link rel = "stylesheet"> situées en dehors du <head> à l’intérieur.
  • Ignorer les balises <link> Schema.org (microdata) :
    Les balises <link> peuvent aussi être utilisées dans les balises <body> pour spécifier des Microdatas (Schema.org). À juste titre, ces balises n’appartiennent pas au <head>, elles sont donc ignorées par défaut.
  • Déplacer les balises <meta> dans le <head> :
    Déplace n’importe quelle balise située en dehors du <head> à l’intérieur.
  • Ignorer les balises <meta> Schema.org (microdata) :
    Les balises <meta> peuvent aussi être utilisées dans les balises <body> pour spécifier les microdonnées Schema.org. À juste titre, ces balises n’appartiennent pas à <head>, elles sont donc ignorées par défaut.
  • Déplacer les balises <style> dans le <head> :
    Déplace toutes les balises <style> situées en dehors du <head> à l’intérieur.
  • Combiner les CSS inline dans une seule balise <style> :
    Combine les CSS inline de la page dans une seule balise <style>. Ne combinera pas les balises ayant des attributs media différents.

**Options Javascript

  • Supprimer les commentaires Javascript :
    Supprime tous les commentaires situés dans les balises <script>.
  • Supprimer les commentaires CDATA :
    En XHTML les balises <script> sont parfois encapsulées dans des blocs CDATA commentés pour les rendre compatibles avec XML. Si cette option est activée, les commentaires CDATA sont supprimés.
  • Déplacer toutes les balises <script> à la fin du <body> :
    Déplace toutes les balises <script> à la fin de de la page html (avant le </body>).
  • Combiner les Javascripts inline dans une seule balise <script> :
    Combine les Javascripts inline de la page dans une seule balise <style>.
  • Ne pas déplacer les balises <script> ayant un attribut async ou defer :
    Les balises<script> qui ont les attributs async ou defer ne seront pas déplacées vers le bas de la page. Il est recommandé d’activer ce paramètre, car ces balises ne sont pas bloquantes et n’ont donc pas besoin d’être déplacées. Cette option rend le plugin compatible avec la bibliothèque jQL intégrée au plugin Compresseur.

Installation du plugin

Le plugin HTML Minifier s’installe comme tous les autres plugins (voir la doc en ligne).
Pour fonctionner, il nécessite SPIP en version 3.1 minimum et le plugin Saisies.

Activer le plugin APRÈS tous les autres

HTML Minifier modifie la page HTML envoyée au navigateur grâce au pipeline affichage_final. C’est un pipeline fréquemment utilisé par d’autres plugins, pour qu’HTML Minifier applique les options de compression et d’optimisation sur l’ensemble de la page, il convient de l’activer en dernier.
Si vous activez un autre plugin après HTML Minifier, il faut le désactiver/réactiver pour qu’il soit le dernier à être exécuté.

Pré-configurations et options par défaut

Le plugin mets à votre disposition 4 modes de configuration préétablis qui permettent d’activer/désactiver les options du formulaire selon leur dangerosité/impact sur le code. Par défaut, HTML Minifier n’applique que les options de compression et d’optimisation les plus sûres (ultra-sûres).

Code source

Démo

Le plugin est actif sur ce site, avec les options de compression et d’optimisation poussées au maximum.

Crédits

Ce plugin repose sur le travail de terresquall
https://www.terresquall.com/web/html-minifier/
https://github.com/terresquall/html-minifier

Documents joints

Un message, un commentaire ?

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par les responsables.

Qui êtes-vous ?
Votre message

Ce formulaire accepte les raccourcis SPIP [->url] {{gras}} {italique} <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.