skip to Main Content

Accélérez votre blog WordPress avec WP Minify

Temps de lecture 6 minutes

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 « fait son age » et avec les montées de versions, WordPress 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 propose enfin la minification 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 comme moi 😉

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 !

Bon alors kékifait le WP-Minify ?

Soyons fous, 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 !

Minifier ?

Minifiquoi ? 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.

Combiner ?

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 rappatrié 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… vous avez deviné ! Sauf si c'est un plugin qui s'en charge « à la volée » et blablabla comme le pragraphe précédent 😉

Quels résultats ?

Alors c'est bien beau tout ce blabla mais quels gains peut-on attendre de telles méthodes ?

Si je fais un test sur ce blog ça donne ceci :

Sans WP-MinifyAvec WP-MinifyGain
Taille de la page1.050 Kb755 Kb28%
Nombre de requêtes12210018%
Note YSlow61%67%6%
Note Page Speed69%76%7%

Autrement dit des gains très significatifs 🙂
(Oui je sais il y a beaucoup trop de requêtes HTTP… mais c'est un autre sujet !)

Précautions

Manque de bol, dans 99% des cas si vous lancez le plug-in sans aucun réglage votre page va s'afficher … assez mal !
Pourquoi ?
Pour faire simple, disons que tout ce qui est en commentairew « 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 casse-pied je vous l'accorde, mais le jeu en vaut la chandelle 😉
Alors… convaincus ?

0 0 vote
Noter cet article

Fabien Elharrar

Consultant en acquisition d'audience, monétisation web et growth hacking.

S’abonner
Notifier de
guest

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

17 Commentaires
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Surprise...!!!
Surprise...!!!
15/11/2010 17:15

Super blog..
J’adore….
Bonne semaine

Yann Fageol
Yann Fageol
15/11/2010 18:35
Reply to  Surprise...!!!

Merci 😉

Daniel
Daniel
30/11/2010 17:15

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.

Yann Fageol
Yann Fageol
01/12/2010 00:48
Reply to  Daniel

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 😉

Anthony
Anthony
30/11/2010 22:01

Testé et approuvé !

darknote
darknote
19/09/2011 11:10

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.

Yann Fageol
Yann Fageol
19/09/2011 18:31
Reply to  darknote

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.

Guillaume
Guillaume
20/06/2012 17:32
Reply to  Yann Fageol

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 ^^

Yann Fageol
Yann Fageol
20/06/2012 17:42
Reply to  Guillaume

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

Korosion
Korosion
18/01/2013 10:31

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.

Yann Fageol
Yann Fageol
18/01/2013 11:12
Reply to  Korosion

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 🙂

Yugurta
Yugurta
07/01/2014 21:06

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.

Céline
Céline
15/05/2015 23:10

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

Rosa
Rosa
24/08/2015 17:41

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 ?

Fabien Elharrar
Fabien Elharrar
24/08/2015 18:57
Reply to  Rosa

Je minifie directement via du code php dans le fichier functions.php de WordPress

Informagenie
Informagenie
15/07/2016 09:44

Juste dire Merci !

Fabien Elharrar
Fabien Elharrar
20/07/2016 19:41
Reply to  Informagenie

Super si ça a pu t’aider 🙂

17
0
Would love your thoughts, please comment.x
()
x
Back To Top
×Close search
Rechercher