SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 92 visiteurs en ce moment

Accueil > Optimisation et performances > HTML Minifier > HTML Minifier

HTML Minifier

28 septembre 2018 – par ladnet

6 votes

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.

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).

Démo

Le plugin est actif sur https://ladnet.net/html-minifier, 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

Dernière modification de cette page le 20 octobre 2018

Retour en haut de la page

Répondre à cet article

Qui êtes-vous ?
  • [Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Menu animé déroulant

    16 août 2015 – 60 commentaires

    Barre de menu dynamique multi niveaux - adaptation aisée (?) des couleurs et dimensions - convient aussi aux petits écrans (mobiles).

  • Réservations multiples

    4 juillet – commentaires

    Permettre aux utilisateurs d’effectuer de réservations multiples (réserver pour plusieurs personnes à la fois ou réserver un événement plusieurs fois) Dépendances Saisies Réservation d’événements Introduction Il y a deux manières de multiplier les (...)

  • PHANTOM (HTML5UP)

    18 juillet – 32 commentaires

    Squelette SPIP pour intégrer le modèle Phantom de HTML5UP. https://html5up.net/phantom Installation A l’activation, le plugin installe aussi les plugins suivants : crayons, favicon, metasplus+, Couleur d’objet, champs extras, SPIP reset centre (...)

  • SPIPer Ipsum, l’évangile au quotidien

    28 décembre 2009 – 89 commentaires

    Ce plugin permet d’afficher les différentes lectures de l’évangile du jour et le saint du jour selon le calendrier fixé par l’Eglise catholique. Ce service est proposé par le site de L’Evangile au Quotidien dans plusieurs langues. Description Le (...)

  • ciparam : plugin « Configurateur de squelettes »

    29 novembre 2010 – 15 commentaires

    Ce plugin offre un mécanisme de sélection de forme de rubrique ou d’article, un mécanisme de variantes de chartes graphiques, la possibilité de choisir l’ordre de tri des articles dans les rubriques, un mécanisme de paramétrage de la page d’accueil, (...)