Tuto Optimisation WordPress : Mon blog 10x plus rapide en 10 étapes !

… Pas sur qu’il y ait 10 étapes, mais comme chacun sait, le Monde se divise en 10 catégories, ceux qui connaissent le binaire.. et les autres ;)…

Depuis quelques temps, j’ai entrepris d’optimiser mon blog, en particulier sa HomePage qui faisait 900Ko au garrot, et 4s de chargement, d’après GTMetrix (de chez moi, c’est pratiquement instantané !), avec Page Speed Grade de 82% et YSlow de 70%.

Maintenant, elle fait 160Ko, se charge en 0.4s avec un Page Speed Grade à 99% et YSlow à 98% 🙂 (depuis je l’ai un peu « désoptimisé » , c’était un mini challenge de voir jusqu’où je pouvais aller avec WorPress… )

Pourquoi est-ce important ?

– Google donne une importance grandissante dans son classement à ce paramètre, plus votre site sera rapide mieux il sera classé ( les experts estiment qu’au dela de 90% pour Page Speed Grade,  la différence n’est pas significative).

– Pour l’expérience utilisateur, plus votre site sera rapide, plus il sera agréable d’y naviguer, d’ailleurs pour des sites comme Amazon, une baisse de rapidité de leurs serveurs impacte directement sur leur CA.

– Il n’est jamais mauvais d’optimiser (écologiquement parlant, chaque octet de bande passante économisé, et chaque cycle CPU économise aussi l’environnement… ce n’est pas grand chose… mais appliqué sur des millions de sites…) , cela vous permettra de vous contenter d’un hébergement moins cher… quand ce n’est pas de devoir carrément changer d’hébergeur lorsque celui-ci estime que vous lui « pomper » trop de ressources, ou aussi d’encaisser une grosse montée en charge si vous passez au journal de Claire Chazal (ça serait dommage de tomber juste à ce moment la non ?).

Pour bien optimiser votre site (WordPress ou pas), il faut comprendre ce qu’il se passe entre la moment où le visiteur click sur un lien qui pointe vers votre site, et celui où celui-ci s’affiche dans son navigateur.

Plutôt qu’un long discours, voici une animation assez bien faite : ici (version newbie) , (la version Geek est la).

Il vous faut donc un bon hébergeur ( qui permettra de générer plus vite votre page, mais il fera qu’elle arrivera plus vite chez l’internaute), mais aussi optimiser votre code, car WordPress peut vite se transformer en usine à gaz si on ne fait pas attention, il est tellement facile d’installer des plugins pour tout et surtout n’importe quoi…

Et surtout, il faut vous adapter à votre visiteur, il peut surfer avec une connexion fibre sur un écran de 40 pouces, ou en 3G sur son téléphone 7 pouces…

Dans les prochains articles, je vais essayer de passer en revue les différents points, en me focalisant un peu plus sur WordPress, mais je n’oublierai pas « le reste »… un moteur de Porsche dans une 2CV… ce n’est pas très utile…