Comment utiliser le plugin WordPress W3 Total Cache pour des sites Web plus rapides

Publié: 2018-08-30
cache total w3
Suivez @Cloudways

WordPress Core fait quelque peu défaut lorsqu'il s'agit d'utiliser des systèmes de mise en cache pour réduire le temps de chargement du site et l'utilisation des ressources du serveur. Heureusement, il existe quelques meilleurs plugins disponibles dans le référentiel WordPress ; l'un d'eux est le plugin WordPress W3 Total Cache qui permet d'accélérer le chargement des sites Web à l'aide de règles de mise en cache.

L'utilisation d'un mécanisme de mise en cache sur le site WordPress garantit une expérience utilisateur améliorée en réutilisant les données que l'utilisateur a déjà demandées en utilisant la mise en cache du navigateur. En raison de la mise en cache, les fichiers sont instantanément disponibles, ce qui accélère le chargement d'un site Web.

Sur Cloudways, chaque nouvelle installation d'instance WordPress est livrée avec Breeze préconfiguré, notre plugin de cache WordPress développé sur mesure. Mais, si vous souhaitez toujours utiliser W3 Total Cache pour les sites WordPress car il est également compatible avec notre pile d'hébergement cloud géré, alors ce guide est fait pour vous. (Vous pouvez également utiliser d'autres plugins de cache WordPress avec des paramètres similaires.)

Dans ce guide, nous allons vous montrer comment utiliser le site Web W3 Total Cache sur WordPress avec certaines configurations recommandées de W3 Total Cache pour en tirer le meilleur parti.

  • Installer le plugin WordPress W3 Total Cache
  • Comment utiliser le cache total W3 pour WordPress
  • Tableau de bord
  • réglages généraux
    • Cache de pages
    • Minifier
    • Cache de la base de données
    • Cache d'objets
    • Cache du navigateur
    • CDN
    • Proxy inversé
    • Surveillance
    • Licence
    • Divers
    • Déboguer
    • Paramètres d'importation/exportation
  • Configuration du cache total W3 de Cloudflare
  • Breeze – Plugin de cache WordPress
  • Conclusion

Installer le plugin WordPress W3 Total Cache

Connectez-vous à votre tableau de bord WordPress et accédez à PluginsAjouter un nouveau et recherchez W3 Total Cache .

W3-Total-Cache-Plugin-Installation

W3-Total-Cache-Plugin-activation

Installez et activez le plugin pour configurer le paramètre de W3 Total Cache pour WordPress. Vous pouvez également installer le plugin manuellement si vous avez téléchargé le fichier du plugin. Dans ce cas, vous pouvez utiliser l'accès FTP fourni par la plateforme Cloudways.

Tout d'abord, nous allons passer en revue les paramètres de plugin dont nous disposons. Pour les débutants, les paramètres peuvent être déroutants, il est donc utile de savoir exactement à quoi sert chaque option.

Comment utiliser le cache total W3 pour WordPress ?

En supposant que vous ayez installé et activé le W3 Total Cache sur le site Web WordPress, vous verrez une nouvelle option dans la barre latérale d'administration, à savoir « Performance » sous l'onglet Paramètres généraux. Vous verrez différents types de mise en cache qui peuvent être activés ou désactivés. Chaque type de zone de widget contient des paramètres généraux pour la mise en cache et le type de méthode de mise en cache à utiliser. W3-Total-Cache-General-Setting

Tableau de bord

Depuis le tableau de bord, vous pouvez effectuer quelques actions rapides telles que :

  • Contrôle de compatibilité
  • Vider différents types de caches

Avant de continuer, n'oubliez pas d'effectuer une vérification de compatibilité qui affichera les modules et ressources serveur installés et activés/désactivés. Cela vous donnera une idée de la façon dont ce plugin de cache peut fonctionner en fonction des ressources dont vous disposez, non seulement cela, il vous montrera également le logiciel qui peut avoir besoin d'être installé pour tirer parti de plus de fonctionnalités W3TC. W3-Total-Cache-Compatability-Check

réglages généraux

Dans ce mode, vous pouvez activer le mode aperçu avant d'enregistrer réellement les paramètres de mise en cache. Et cette section a également la possibilité d' enregistrer les paramètres et de purger les caches qui peuvent être utilisés pour vider le cache existant.

W3-Total-Cache-Enable-Preview

Dans notre guide de configuration du cache total W3 d'aujourd'hui, nous allons configurer les paramètres mentionnés dans l' onglet Paramètres généraux .

Cache de pages

Le cache de page crée des copies de vos articles/pages WordPress précédemment visités. S'il n'est pas activé, sur chaque page vue sur votre site WordPress génère le contenu de la page en exécutant PHP et en envoyant des requêtes à la base de données.

Lorsque ce paramètre est activé, une version mise en cache de la page est proposée aux visiteurs. Il réduit le temps de chargement de la page et diminue également la charge sur les ressources du serveur, augmentant ainsi la capacité de votre serveur à gérer plus de trafic.

Par exemple, l'en-tête ou le pied de page d'un site ne change pas si fréquemment et ne nécessite pas une nouvelle copie du serveur à chaque fois que l'utilisateur revient sur la même page. La copie du fichier statique est stockée dans le navigateur d'un utilisateur et est servie lorsqu'elle est à nouveau demandée.

W3-Total-Cache-Page-cache

La méthode de cache suggérée est le code PHP alternatif sur PHP 5.6 et PHP 7.

Cache de page avancé

Si vous êtes un utilisateur avancé, accédez au tableau de bord WordPress > Performances , puis cliquez sur l'option Cache de page et configurez le cache total W3 pour le cache de page WordPress selon vos besoins.

Minifier

Comme son nom l'indique, cette option permet la minification de vos fichiers CSS, JS et HTML. Ce n'est pas un paramètre de mise en cache et se comportera différemment sur différentes configurations WordPress.

La minification est le processus d'élimination des espaces inutiles, des commentaires et de l'indentation des fichiers afin que l'espace puisse être économisé et réduit la taille globale du fichier. Ce sont les fichiers responsables de l'affichage et des autres interactions de l'utilisateur et s'ils ne sont pas livrés assez rapidement, cela peut nuire à l'expérience de l'utilisateur.

Nous vous suggérons de le tester séparément sur un site de staging WordPress auparavant. Dans certains cas, cela nuira aux performances de votre site Web car le processus de minification est gourmand en serveur.

W3-Total-Cache-minification

La méthode de cache suggérée est le code PHP alternatif sur PHP 5.6 et PHP 7.

Minification avancée

Si vous êtes un utilisateur avancé, accédez à Performance > Minify dans la barre latérale gauche et configurez la minification selon vos besoins.

Cache de la base de données

La mise en cache des requêtes de la base de données réduira la charge sur votre serveur, le serveur disposera donc de plus de ressources pour servir le site Web au flux de trafic entrant.

Dans ce type de mise en cache, les requêtes fréquentes sont mises en cache et utilisées lorsque l'utilisateur fait une demande similaire encore et encore. Cela évite de chercher dans toutes les tables de la base de données et ramène plus rapidement le résultat requis.

Cela sera particulièrement utile si vous avez un site Web WordPress qui envoie beaucoup de requêtes de base de données par chargement de page.

La méthode Cache suggérée est Memcached .

W3-Total-Cache-Database-cache

Cache de base de données avancé

Si vous êtes un utilisateur avancé, accédez à l'option Cache de la base de données sous l'onglet Performances du menu de la barre latérale et configurez le cache de la base de données selon vos besoins.

Cache d'objets

Les caches d'objets sont particulièrement utiles pour les sites Web gourmands en bases de données. Cloudways a intégré Redis sur leurs serveurs il y a quelque temps, vous devez l'installer en allant dans Serveurs → Paramètres et packages → Packages , puis cliquez sur installer Redis , puis sur Activer le cache d'objets ici. Nous avons écrit un guide complet pour ajouter Redis sur WordPress.

La méthode Cache suggérée est Redis .

W3-Total-Cache-Object-Cache

Cache d'objets avancé

Si vous êtes un utilisateur avancé, vous pouvez configurer le cache d'objets selon vos besoins. Cliquez simplement sur l'option Cache d'objets sous l'onglet Performances .

Cache du navigateur

De nos jours, les navigateurs mettent en cache le contenu statique des sites Web pour améliorer l'expérience utilisateur. Dans l'option W3TC du cache du navigateur, vous pouvez l'activer/désactiver. De plus, vous pouvez ajouter des exceptions et des dates d'expiration des éléments.

Nous vous suggérons de l'activer, puis d'accéder à l'onglet Cache du navigateur et d' activer les paramètres suivants pour un effet maximal.

  1. Définir l'en-tête Last-Modified
  2. L'en-tête de l'ensemble expire
  3. Définir l'en-tête de contrôle du cache
  4. Définir la balise d'entité
  5. Définir l'en-tête du cache total W3
  6. Activer la compression HTTP (GZIP)

Le cache du navigateur est important, surtout si votre site a des visiteurs réguliers. Le contenu statique est déjà mis en cache dans leurs navigateurs conformément aux règles que vous avez implémentées dans les paramètres. Seul le contenu mis à jour est chargé à partir du serveur, ce qui accélère le chargement de l'ensemble du site Web et économise de la bande passante.

W3-Total-Cache-Browser-Cache

Cache de navigateur avancé

Si vous êtes un utilisateur avancé, vous pouvez configurer le cache du navigateur selon vos besoins. Cliquez simplement sur l'option Cache du navigateur sous l'onglet Performances .

CDN

Les réseaux de diffusion de contenu pour WordPress sont devenus populaires, en particulier pour les sites Web qui génèrent du trafic du monde entier. Les CDN, comme MaxCDN et Cloudflare, sont populaires et vous pouvez facilement les intégrer à votre site WordPress via le plugin W3TC.

Les CDN servent le contenu statique de votre site Web à partir de différents emplacements plutôt que de simplement votre serveur d'hébergement WordPress. Cela aide à réduire la charge sur votre serveur et améliore la vitesse à laquelle le site Web est servi aux visiteurs venant de différents endroits.

Ceci est fortement recommandé pour les sites Web à trafic plus élevé ciblant le public mondial. CDN comme Cloudflare qui est également compatible avec W3 Total Cache possède plus de 150 centres de données à travers le monde. Ces réseaux créent une copie de votre site Web et de votre serveur via son serveur plutôt que d'aller et venir vers l'hébergeur pour chaque demande d'un utilisateur.

W3-Total-Cache-CDN

Configuration CDN avancée

Si vous êtes un utilisateur avancé, accédez à CDN dans le menu W3TC (Performance) de gauche et configurez W3TC CDN selon vos besoins.

Proxy inversé

Les serveurs Cloudways sont livrés avec un cache Varnish pré-installé. Varnish est un cache très puissant qui met en cache l'intégralité du contenu (qui peut inclure à la fois le contenu statique et dynamique de votre site Web) et sert ce contenu aux visiteurs de retour et même aux nouveaux visiteurs. Ce cache accélère les requêtes HTTP et se trouve devant Apache (serveur Web).

Dans W3TC, le paramètre Reverse Proxy est utilisé pour purger le cache Varnish chaque fois que vous effectuez une mise à jour de votre site Web. Il est fortement recommandé de le laisser activé, sinon vous devrez purger Varnish manuellement à chaque fois.

W3-Total-Cache-Reverse-Proxy

Surveillance

Si vous utilisez New Relic avec WordPress, vous pouvez le connecter à votre site Web en entrant simplement l'API de New Relic de votre compte.

Mais cela n'est pas nécessaire car les serveurs Cloudways sont livrés avec un compte New Relic intégré auquel vous pouvez accéder sous Gestion du serveur → Surveillance → Application .

New Relic est un outil de surveillance des performances des applications qui vous donne un aperçu du bon fonctionnement de votre application et identifie les points qui causent des problèmes de performances.

Cloudways-Relique

Licence

Si vous souhaitez l'assistance des développeurs des sites W3 Total Cache pour WordPress et un guide de configuration, vous pouvez acheter et vérifier votre clé de licence ici.

W3-Total-Cache-Licence

Divers

Sous cet onglet, vous trouverez des options générales que vous voudrez peut-être utiliser comme tableau de bord Google Page Speed. Nous vous suggérons de garder la « Vérifier les règles de réécriture » et de ne pas cocher les autres options.

W3-Total-Cache-Divers

Déboguer

Le mode débogage est particulièrement utile si vous voulez savoir quel cache fonctionne et quel effet il a sur les pages. Pour afficher les informations de débogage, affichez le code source de votre site Web et accédez à la fin de la page. Vous verrez les commentaires vous notifiant si un cache est activé, combien de requêtes ont été mises en cache et combien de temps il a fallu pour créer la page mise en cache.

W3-Total-Cache-Debug

Paramètres d'importation/exportation

Si vous avez beaucoup de sites Web et que vous ne voulez pas répéter sans cesse le même processus de configuration du W3TC, vous pouvez facilement exporter tous vos paramètres et importer les paramètres dans votre autre site Web.

W3-Total-Cache-Import-Export-Setting

Configuration du cache total W3 de Cloudflare

Si vous avez l'intention d'utiliser Cloudflare CDN à l'aide du plug-in W3 Total Cache, accédez à l'onglet Extensions et en supposant que vous avez déjà configuré Cloudflare pour WordPress, activez simplement le plug-in Cloudflare → accédez aux paramètres du plug-in et fournissez votre e-mail et votre clé API pour autorisation.

Configuration du cache total W3 de Cloudflare

Une fois l'autorisation terminée, vous pourrez configurer Cloudflare à l'aide du plugin W3TC.

Breeze – Plugin de cache WordPress

Breeze est un plugin de mise en cache WordPress gratuit et convivial développé par l'équipe Cloudways. Il offre diverses options pour optimiser les performances de WordPress à différents niveaux. Cela fonctionne aussi bien avec WordPress, WordPress avec WooCommerce et WordPress Multisite. Il s'agit d'un plugin léger avec des fonctionnalités ciblées vers un site Web plus rapide.

Conclusion

Aujourd'hui, nous avons appris à configurer W3 Total Cache pour WordPress pour un meilleur temps de chargement des pages. Il existe de nombreux paramètres avancés que vous pouvez modifier pour mieux optimiser le site Web WordPress à l'aide du plug-in W3 Total Cache. Tout dépend des différentes configurations de WordPress. Gardez à l'esprit que vous pourriez gâcher les paramètres, c'est pourquoi l'utilisation des paramètres suggérés s'avérera très utile pour vous. Cependant, si vous souhaitez toujours expérimenter différentes combinaisons de mise en cache ; Je vous suggère de faire une sauvegarde complète de votre site.