{"id":2739,"date":"2014-12-28T18:00:07","date_gmt":"2014-12-28T18:00:07","guid":{"rendered":"http:\/\/blog.fabianpiau.com\/?p=2739"},"modified":"2018-09-02T02:16:00","modified_gmt":"2018-09-02T01:16:00","slug":"boost-your-wordpress-blog-w3-total-cache-cloudflare","status":"publish","type":"post","link":"https:\/\/blog.fabianpiau.com\/fr\/2014\/12\/28\/boost-your-wordpress-blog-w3-total-cache-cloudflare\/","title":{"rendered":"Booster votre blog WordPress: W3 Total Cache + CloudFlare"},"content":{"rendered":"

 <\/span>English version available<\/strong><\/a><\/p>\n

Un blogueur WordPress a une f\u00e2cheuse tendance \u00e0 installer de nombreux plugins sur son blog pour ajouter des fonctionnalit\u00e9s et de l’interactivit\u00e9. Lisez l’article Extensions WordPress de CarmaBlog<\/a> pour vous en convaincre. Au fil du temps, le blog devient de plus en plus lent et long \u00e0 charger. Je suis arriv\u00e9 \u00e0 un point o\u00f9 je pense qu’il fallait faire quelque chose…<\/p>\n

Le site GTmetrix<\/a> permet de calculer la performance de n’importe quel site en lui assignant une note globale et surtout il fournit un rapport d\u00e9taill\u00e9 pour vous aider \u00e0 optimiser et am\u00e9liorer votre note. Le but est d’obtenir un score honorable, je dirais vers les 75-85% ce qui correspond \u00e0 des notes entre B et C. Pour CarmaBlog, le r\u00e9sultat \u00e9tait peu glorieux avec un r\u00e9sultat proche des 60% et donc du D, le temps de chargement de la page d’accueil (soit 3 articles) autour des 6-7 secondes \u00e9tait franchement tout juste passable.<\/p>\n


<\/p>\n

Un plugin de gestion de cache: W3 Total Cache<\/h4>\n

En cette fin d’ann\u00e9e, j’ai donc d\u00e9cid\u00e9 de m’attaquer directement au probl\u00e8me en installant un plugin WordPress pour ajouter la gestion de cache. Pour ceux qui ne connaissent pas, un cache est un endroit (g\u00e9n\u00e9ralement de l’espace disque directement sur le serveur) o\u00f9 l’on stocke les pages d\u00e9j\u00e0 pr\u00e9-calcul\u00e9es. Le serveur affiche directement cette page plut\u00f4t que de recalculer l’original ce qui am\u00e9liore sensiblement les performances. Si vous modifiez la page, il faut alors penser \u00e0 purger le cache pour que les modifications soient visibles. Pour \u00eatre honn\u00eate, j’\u00e9tais un peu r\u00e9calcitrant au d\u00e9but de peur de casser mon site, mais son faible r\u00e9sultat sous GTmetrix m’a un peu pouss\u00e9.<\/p>\n

Mon choix s’est finalement port\u00e9 sur le plugin W3 Total Cache<\/a> tr\u00e8s populaire. Mon choix est un peu arbitraire, en fait je me suis bas\u00e9 seulement sur le nombre d’utilisateurs et les avis favorables. Pour ce genre de plugin, la configuration est tr\u00e8s importante et c’est sans doute la partie la plus d\u00e9licate. Il faut y aller pas \u00e0 pas et prendre son mal en patience… Le meilleur moyen de tout casser et d’activer toutes les optimisations en m\u00eame temps et ensuite de voir le r\u00e9sultat (mais si vous avez l’amour du risque, c’est aussi une bonne option…).<\/p>\n

\"Logo<\/a><\/p>\n

Finalement, j’ai pu activer la majorit\u00e9 des optimisations. Je me suis tout de m\u00eame rendu compte que la minimisation des fichiers JS faisait litt\u00e9ralement planter le navigateur sur certains articles (je l’ai donc naturellement d\u00e9sactiv\u00e9e). Aussi, pour une raison inconnue, le cache des pages en utilisant l’option \u00ab\u00a0Disk:enhanced\u00a0\u00bb engendrait des probl\u00e8mes d’encoding (ah! ces fameux caract\u00e8res fran\u00e7ais!) alors que \u00ab\u00a0Disk:Basics\u00a0\u00bb non, j’ai donc opt\u00e9 pour la seconde option, m\u00eame si elle est moins efficace.<\/p>\n

En fouillant la configuration, je me suis rendu compte que W3 Total Cache supportait lui-m\u00eame des extensions, notamment une extension pour Feedburner et une extension pour WordPress SEO<\/a>. Comme je les utilise tous les deux, cela tombait bien.<\/p>\n


<\/p>\n

Des optimisations manuelles sur les images<\/h4>\n

Une fois la gestion de cache mise en place et correctement configur\u00e9e, j’ai pu noter une progression des performances significatives, mais pas transcendantes. Le site GTmetrix donne aussi de nombreux indicateurs pour am\u00e9liorer les performances, voici les deux actions manuelles que j’ai r\u00e9alis\u00e9es:<\/p>\n