WordPress est la plateforme de blogs la plus populaire sur le web, en raison notamment de la richesse de son catalogue d’extensions. Malgré tout, ce CMS est devenu de plus en plus lourd, de plus en plus gourmand et donc fatalement de plus en plus lent.
Un des défis du webmaster est donc de trouver toujours de nouvelles astuces pour accélérer son Blog, et c’est là qu’intervient WP-Minify.
WP-Minify minifie votre HTML
Je ne rentrerai pas dans le débat : pour ou contre un plugin VS minifier/combiner à la main les différents fichiers de votre blog, mais je m’adresserai plutôt au webmaster moyen qui n’y connait pas grand chose.
J’utilise WP-Minify depuis déjà quelques temps et en passant en version 1.0, WP-Minify se dote d’une option que j’attendais depuis bien longtemps, et que seul W3 Total Cache proposait à ma connaissance : la minification du code HTML.
Voici la liste des options du plug-in :
- Minification JavaScript, CSS et HTML
- Détection et élimination des sources en doublon
- Combinaison des fichiers JS et CSS
- Minification des fichiers externes via mise en cache
- Possibilité d’exclure des fichiers JS PHP ou CSS
- Ajout d’entêtes d’expiration pour les fichiers minifiés
- Outils de debuggage, passage d’arguments, etc
Bref une belle liste très très complète !
Qu’est-ce que la minification ?
Minifier consiste à retirer tous les espaces et les retours à la ligne inutiles du code, et donc à rendre vos fichiers plus légers. Le revers de la médaille est que le code est certes moins « copiable », mais surtout beaucoup moins lisible.
Maintenant si c’est un plugin qui s’occupe de cette opération « à la volée » vous conservez vos fichiers dans leur état d’origine, lisibles et modifiables, au prix d’une compression coté serveur.
Qu’est-ce que la combinaison de fichiers ?
Combiner des fichiers JS et CSS consiste à regrouper plusieurs fichiers en un seul, et à appeler cet unique fichier avec une seule requête HTTP. L’ensemble des fichiers combinés est donc rapatrié en une seule fois, ce qui est à la fois excellent pour le SEO et pour le serveur.
L’inconvénient de cette méthode est que par contre si vous souhaitez inclure/exclure certains fichiers selon le contexte, vous ne le pouvez plus, sauf si c’est (une nouvelle fois) un plugin qui s’en charge « à la volée ».
Comparatif avant/après combinaison et minification
Quels gains peut-on attendre de telles méthodes ? Si je fais un test sur ce blog cela donne ceci :
Sans WP-Minify | Avec WP-Minify | Gain | |
Taille de la page | 1.050 Kb | 755 Kb | 28% |
Nombre de requêtes | 122 | 100 | 18% |
Note YSlow | 61% | 67% | 6% |
Note Page Speed | 69% | 76% | 7% |
Autrement dit des gains très significatifs.
Précautions d’emploi
La plupart du temps, si vous lancez le plug-in sans aucun réglage votre page ne va pas s’afficher correctement. Pourquoi donc ?
Pour faire simple, disons que tout ce qui est en commentaires « ouverts » comme par exemple une balise // au début d’une ligne de CSS va être minifié, le saut de ligne qui suit va donc sauter, et tout ce qui se trouve dans la suite du fichier passera en commentaire et pas uniquement la ligne concernée…
Ce type de problème va se présenter également dans les fichiers JS malheureusement.
Il est donc conseillé avant d’activer le plugin de :
- Nettoyer tous vos fichiers CSS avec du code CSS propre (pas de // mais des /* texte */ à la place)
- Charger une page de votre blog
- Lister tous les fichiers javascript
- Copier la liste de ces fichiers dans le paramétrage des exclusions de WP-Minify
- Activer WP-Minify
- Supprimer un à un les fichiers à exclure et vérifier que les pages s’affichent correctement
- Si ce n’est pas le cas remettre le fichier à exclure et passer au suivant
- etc.
C’est une tache fastidieuse, mais le jeu en vaut la chandelle !
- Télécharger WP-Minify
Super blog..
J’adore….
Bonne semaine
Merci 😉
Pas mal du tout ton test, qui prouve bien l’impact positif du plugin sur la vitesse d’un blog.
Le seul bémol que je mettrais est la minification des fichiers JS et CSS. Je suis 100% pour la partie HTML, mais passer par un plugin pour les autres types de fichier force WordPress a recalculer de temps à autre l’action de minifier. Donc autant le faire en dur dans le thème.
Après, cela reste quand même un excellent plugin, surtout pour les néophytes.
J’ai fait un premier minifiage (sans sauts de ligne) de mon theme WP, mais vu le nombre élevé de bidouillages auquel je m’adonne régulièrement, ca reste plus prudent – ou plutôt plus économique – de laisser faire le plugin pour le reste 😉
Testé et approuvé !
je suis contre ce genre de plugin,rien qu’en regardant le code source de la page,on voit que ce plugin mange les balises de SEO,du coup cela va gêner le référencement.
Et je ne vois pas le rapport entre le SEO et la vitesse d’un site.
Je ne comprends pas ton commentaire.
Le plugin combine les fichiers css et js et minifie les fichirs CSS et le HTML de la page. Heureusement il ne touche pas au contenu !
Donc si ta page est codée proprement tes balises HTML seront intactes.
Mes pages ne le sont pas, j’ai donc désactivé cette option pour éviter des erreurs, mais c’est entièrement de ma faute et ça n’a aucun rapport avec le plug-in.
Google tient compte de la rapidité de chargement des pages. Donc tout ce qui peut accélérer/alléger une page profitera à son ranking dans les recherches.
Je suis d’accord avec toi Fabien lorsque tu parles de la rapidité et du temps de chargement mais je pense que dans l’algo de google, il le prend juste un peu en compte mais c’est tout. Sinon les blogs seraient super laids… Genre toi sur ton blog tu pourrais enlever la sidebar, les pubs au niveau des commentaires bref beaucoup de choses intéressantes ^^
Il ne faut pas oublier que GoogleBot ne tient pas trop compte pour la rapidité des JS externes, donc des pubs.
Enfin jusqu’à Panda en tous cas c’était le cas et un tour sur Google Webmaster Tools semble le confirmer pour le moment (onglet « Statistiques d’exploration »)
L’optimisation de WordPress devient de plus en plus ardue… J’ai testé pas mal de solution de cache et à part DB-Cache combiné à Hyper Cache, bien peu d’alternatives convaincantes existent.
Mais j’ai quelques déboires avec Hyper Cache ces temps-ci (faille de sécurité ?), donc je suis passé à WP-Minify, et je dois dire que c’est plutôt intéressant, toujours combiné à DB-cache.
DB Cache Reloaded est en effet vraiment top !
Pour la minification je te recommande de passer plutôt par Cloudflare qui va minifier tes pages via une sorte de semi-CDN.
C’est un peu casse pied à bien configurer au départ mais une fois cette étape franchie c’est que du bonheur 🙂
Bonjour,
J’ai un souci avec ce plugin, certains effets en jquery (Sliders et colorBox) ne fonctionne pas.
est ce que quelqu’un aurait eu ce genre de problème.
Coucou,
Je suis sur le thème Sahifa et son créateur recommande d’installer le pluggin. Tel un brave mouton, je l’ai donc installé (ouais les outils Google me disent que mon site est vraiiiment lent). Du coup, maintenant que je l’ai activé, je me demandais s’il y avait une configuration particulière pour bien le faire tourner ?
J’avoue ne pas comprendre grand chose ^^
Merci
Le problème c’est que ce plugin n’est pas mis à jour depuis plus de deux ans (dernière mise à jour date de 2012 !!!!) Bon je sais que l’article ici date (2010). Mais j’aurais aimé savoir si tu en connais un autre qui fait un travail similaire ? Lequel depuis tu utilises toi pour ton blog maintenant que Minify est obsolète ?
Je minifie directement via du code php dans le fichier functions.php de WordPress
Juste dire Merci !
Super si ça a pu t’aider 🙂