Accélérez votre blog WordPress avec WP Minify

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.

Accélérez votre blog WordPress avec 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 !

0 0 votes
Noter cet article

guest
17 Commentaires
le plus ancien
le plus récent le plus populaire
Inline Feedbacks
View all comments
Surprise...!!!
Surprise...!!!
15 novembre 2010 17 h 15 min

Super blog..
J’adore….
Bonne semaine

Daniel
Daniel
30 novembre 2010 17 h 15 min

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.

Anthony
Anthony
30 novembre 2010 22 h 01 min

Testé et approuvé !

darknote
darknote
19 septembre 2011 11 h 10 min

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.

Guillaume
Guillaume
20 juin 2012 17 h 32 min
Reply to  Créer un blog

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

Korosion
Korosion
18 janvier 2013 10 h 31 min

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.

Yugurta
Yugurta
7 janvier 2014 21 h 06 min

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 mai 2015 23 h 10 min

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 août 2015 17 h 41 min

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 ?

Informagenie
Informagenie
15 juillet 2016 9 h 44 min

Juste dire Merci !