Booster le chargement de son site WordPress avec WP Super Cache

Publié le19 juin 2022parDavid FARDEAU

De nos jours, notre société est rythmée par l’instantanéité et le temps est devenu une obsession. Par conséquent, la vitesse de chargement d’un site web fait partie des principales exigences des visiteurs. Selon les statistiques, plus de 50 % des internautes quittent un site si ce dernier se charge en plus de 3 secondes. De la même manière, on peut également mentionner (d’après les données de Google) que 1 seconde de chargement en moins peut entraîner +8% de conversions et + 11 % de pages vues.

D’ailleurs, ce critère de performance influe également sur le trafic du site et son référencement sur les moteurs de recherche. En effet, les algorythmes de Google utilisent ce facteur de classement pour améliorer l’expérience utilisateur. Il est évident qu’il est beaucoup plus facile de parcourir et classer un site rapide.

Bien que WordPress fasse partie des meilleurs CMS sur le marché, il n’est pas réputé comme étant le plus rapide. Par conséquent, il est primordial d’adopter une stratégie efficace dans le but de booster les performances de son site WordPress. Cela aura une répercussion positive sur les taux de conversion et de rebond. Parmi les bonnes pratiques à adopter pour améliorer les performances, on peut citer :

Investir dans un hébergeur de qualité
Compresser les images
Minifier les fichiers javascript et CSS.
Diminuer le nombre de redirections
Utiliser un CDN (Content Delivery Network)

Dans cet article, nous parlerons en premier lieu d’une autre procédure tout aussi prépondérante : la mise en cache. Nous verrons par la suite, comment paramétrer correctement le plugin WP Super Cache afin que vous puissiez booster votre site WordPress.

Qu'est ce que la mise en cache ?

Cette technique d’optimisation permet de stocker des copies de fichiers d’une page web afin d’éviter le rechargement systématique du contenu à chaque visite. Cela diminue la quantité de travail nécessaire pour générer une page, réduisant ainsi la charge sur le serveur web distant.

Voici les étapes du processus :

Un visiteur consulte une de vos pages web et son navigateur interroge votre serveur
Votre installation WordPress contacte la base de données
Votre serveur effectue une compilation du contenu récupéré dans une page HTML pour les restituer à l’utilisateur

On peut distinguer deux types de cache :

le cache navigateur : sa mission est de stocker sur votre ordinateur les ressources statiques d’un site web comme les fichiers JavaScrip, CSS, images …)
le cache serveur : C’est sans nul doute la solution la plus pratique dans le but d’éviter les traitements PHP. Pour ma part, mon site est hébergé sur Hostinger qui utilise la technologie LiteSpeed Cache

Présentation du plugin WP Super Cache

Edité par Automattic, la maison mère de WordPress, WP Super Cache fait partie des extensions les plus populaires dans sa catégorie (4.5 étoiles sur 5 sur le répertoire officiel). Avec plus de 2 millions de téléchargement à son actif, ce plugin gratuit est apprécié pour sa facilité d’utilisation.

Le plugin WP Super Cache permet de générer des fichiers HTML statiques à partir de votre site WordPress. Cela vous aidera à réduire la charge sur le serveur, car les codes PHP et autres scripts ne sont pas exécutés à chaque demande effectuée depuis un navigateur.

Comment installer WP Super Cache ?

Pour commencer, avant de procéder à l’installation de WP Super Cache, vous devez vérifier si vous avez déjà installé un plugin de mise en cache (par exemple, W3 Total Cache) afin d’éviter un doublement et des conflits pouvant conduire à un ralentissement de votre site WordPress.

Dans votre tableau de bord, il faut vous rendre dans le menu Extensions / Ajouter puis saisir dans la barre de recherche se trouvant en haut à droite, le module « WP Super Cache« . Cliquez ensuite sur le bouton « Installer maintenant » puis sur le bouton « Activer »

Pour bien fonctionner, WP Super Cache doit être en mesure de créer un fichier de configuration et de procéder à une mise à jour de certaines informations dans le fichier wp-config.php de WordPress. Ces actions peuvent se heurter à un blocage par défaut dans le cas où votre site est bien sécurisé et vous ne pourrez donc pas configurer le plugin WP Super Cache.

Pour palier à ce problème, il suffit tout simplement de se connecter par FTP à votre site avec un logiciel comme Filezilla.

Procédez ensuite à un clic droit sur le fichier wp-config.php et réglez les permissions chmod sur « 777 » (« Octal 0777 » si vous utilisez le client FTP WinSCP).

Comment paramétrer correctement WP Super Cache

Onglet Essentiel : réglages de base

Pour accéder aux options de configuration de WP Super Cache, il faut cliquer, dans votre tableau de bord, sur « Réglages » puis sur « WP Super Cache ».

Dans le premier onglet Essentiel, il faut tout d’abord sélectionner le bouton radio Mise en cache activée (Recommandé) et cliquer sur le bouton « Mettre à jour l’état » dans le but de démarrer la mise en cache de votre site WordPress.

Vous pouvez effectuer une vérification en utilisant le Testeur de cache intégré figurant dans ce même onglet « Essentiel » en cliquant sur « Test du cache », Si tout est correct, un message doit s’afficher en vert indiquant : « les horodateurs des deux pages correspondent ! »

Si vous souhaitez récupérer une version plus récente de vos pages, il suffit de cliquer sur le bouton Purger le cache situé dans ce même onglet.

Onglet Avancé : Des options de paramétrage plus abouties

Pour obtenir une efficacité optimale, il est recommandé de cocher les cases suivantes :

Mise en cache : Activer le cache
Méthode de cache : Essentiel (Recommandé pour la plupart des sites web)
Méthode de cache : Désactiver le cache pour les utilisateurs connectés (Recommandé) dans l'optique d'éviter de mettre en cache des éléments placés en cache lors de la dernière venu sur le site.
Compresse les pages afin qu’elles soient servies plus rapidement aux visiteurs. (Recommandé)
Regénération du cache. Sert un fichier SuperCache aux utilisateurs anonymes pendant qu’un nouveau fichier est généré. (Recommandé).
Cache 304 de navigateur. Améliore les performances du site en vérifiant si la page a changé depuis la dernière requête du navigateur. (Recommandé)
Vérifications supplémentaires sur la page d’accueil. (Très rarement, cela empêche sa mise en cache) (Recommandé)

Date d’expiration & Ramasse miettes

Cette section vous permet de définir l’heure et la fréquence de validité des données stockées sur votre serveur. Par défaut, le délai d’expiration du cache est fixé à 1800 secondes. Cette valeur convient à la majorité des sites. Cependant, si vous possédez un grand nombre de contenus (nombreux articles de blog par exemple) sur votre site, il est préférable de définir un délai plus court.

Noms de fichiers acceptés & URL rejetées

Cette section permet de sélectionner les types de contenus qui seront mis en cache. Il est recommandé de cocher les cases suivantes :

Chaînes d’URL rejetées

Si vous possédez un site E-commerce, certaines pages ne doivent pas être mises en cache. Vous pouvez saisir les url dans la zone dédiée.

/shop/

/shop/account/

/shop/checkout/

/shop/cart/

/shop/confirm-order/

Agents utilisateurs rejetés

Vous avez également la possibilité d’empêcher les agents utilisateurs de mettre en cache les pages. Les plus connus sont les moteurs de recherche Googlebot et Bingbot.

Verrouillage

Je vous conseille d’activer cette fonctionnalité que si vous prevoyez un pic de trafic sur votre serveur (pendant le verrouillage, les nouveaux commentaires sur un message ne rafraîchiront pas les fichiers statiques mis en cache). Cela économisera les ressources du serveur et empêchera un éventuel plantage de votre site.

Corriger la configuration

Cela permet de restaurer la configuration par défaut.

Onglet CDN

Un CDN (Content Delivery Network) peut se définir comme un ensemble de serveurs géographiquement distribués qui accélèrent la diffusion de contenu ). Cela offre la possibilité d’améliorer de façon drastique les performances de votre site Web. A noter que WP Super Cache est compatible avec plusieurs CDN. Pour ma part, je recommande l’utilisation de la solution gratuite Cloudflare

Onglet Contenus

Cet onglet permet de supprimer les fichiers périmés et purger entièrement le cache.

Onglet Préchargement : Une fonctionnalité très pratique

Dans cette section, nous allons effectuer un préchargement du cache. Cette option s’avère très utile car elle permet de créer des fichiers de cache à l’avance, y compris pour les visiteurs qui ne sont encore jamais venus sur un site.

Pour effectuer ce réglage, il faut cocher les cases « Mode préchargement (le ramasse-miettes est désactivé » (Preload Mode) et « Précharger les étiquettes, catégories et autres taxonomies. »

Remarque : Si votre site ne comporte pas des milliers et des milliers de pages, vous pouvez définir une durée dans la case « Rafraîchir les fichiers de préchargement du cache toutes les X minutes ». Cela permet à WP Super Cache de régénérer complètement le cache à intervalle régulier… mais évidemment, plus votre site comporte de pages, plus le processus est long et consomme des ressources.

Avis final

Bien qu’il ne puisse rivaliser avec des plugins comme WP Rocket et LiteSpeed Cache, WP Super Cache est une solution très efficace et gratuite pour accélerer votre site WordPress. Après l’avoir testé sur plusieurs sites en prenant soin de cocher les bonnes options, le résultat a été plutôt concluant, avec un gain de vitesse très visible à la fois sur PC et Mobile. Cependant comme je l’ai déjà mentionné, il faut se rendre à l’évidence. Aucun plugin de mise en cache ne sera en mesure de palier à tous les problèmes de lenteur de votre site. D’autres critères de performance sont à prendre en considération comme l’optimisation des images, la minification des fichiers javascripts et CSS.