{"id":41718,"date":"2020-09-02T03:51:27","date_gmt":"2020-09-02T10:51:27","guid":{"rendered":"https:\/\/kinsta.com\/?p=77508"},"modified":"2025-01-20T16:12:50","modified_gmt":"2025-01-20T15:12:50","slug":"w3-total-cache","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/w3-total-cache\/","title":{"rendered":"Comment configurer les r\u00e9glages de W3 Total Cache pour votre site WordPress"},"content":{"rendered":"

Avec plus d’un million d’installations actives, W3 Total Cache est l’une des extensions de mise en cache<\/a> et d’optimisation les plus populaires du d\u00e9p\u00f4t WordPress. Contrairement aux autres extensions WordPress d’optimisation qui offrent une interface relativement plus simple et rationalis\u00e9e, W3 Total Cache donne un contr\u00f4le complet sur la configuration de la mise en cache de votre site WordPress<\/a>.<\/p>\n

La granularit\u00e9 des r\u00e9glages de W3TC en fait une extension id\u00e9ale pour les utilisateurs avanc\u00e9s et les d\u00e9veloppeurs qui veulent avoir un contr\u00f4le ultime sur leurs sites WordPress. Dans cet article, nous allons examiner en d\u00e9tail les r\u00e9glages de W3 Total Cache, et nous vous donnerons la configuration que nous recommandons pour am\u00e9liorer les performances de votre site WordPress<\/a>.<\/p>\n

Si vous \u00eates un utilisateur de Kinsta, vous n’aurez pas besoin de configurer certains r\u00e9glages dans W3 Total Cache car notre pile d’h\u00e9bergement<\/a> int\u00e8gre d\u00e9j\u00e0 de nombreuses optimisations.<\/p>\n

Par exemple, dans le cadre de notre int\u00e9gration avec Cloudflare, le cache edge<\/a> enregistre le cache de votre site\/page Kinsta dans l’un des 300<\/strong> centres de donn\u00e9es du r\u00e9seau mondial de Cloudflare.<\/p>\n

Le cache edge est inclus gratuitement dans tous les plans Kinsta, ne n\u00e9cessite pas d’extension s\u00e9par\u00e9e, et r\u00e9duit le temps n\u00e9cessaire pour servir le HTML WordPress en cache de plus de 50%<\/strong> en moyenne !<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Comment installer W3 Total Cache<\/h2>\n

Si vous n’avez pas W3 Total Cache install\u00e9 sur votre site, vous pouvez l’installer directement dans votre tableau de bord WordPress<\/a>. Il vous suffit de rechercher \u00ab\u00a0W3 Total Cache\u00a0\u00bb sur la page \u00ab\u00a0Ajouter des extensions\u00a0\u00bb et de l’installer.<\/p>\n

\"Installer
Installer W3 Total Cache.<\/figcaption><\/figure>\n

Il existe \u00e9galement une version Pro de W3 Total Cache, qui peut \u00eatre achet\u00e9e sur le site web de BoldGrid<\/a>. La version Pro est dot\u00e9e de quelques fonctionnalit\u00e9s suppl\u00e9mentaires comme la mise en cache de l’API REST, la mise en cache de Google Maps et d’autres extensions. Dans cet article, nous utiliserons la version gratuite du d\u00e9p\u00f4t des extensions WordPress<\/a>.<\/p>\n\n

O\u00f9 sont plac\u00e9s les r\u00e9glages de W3 Total Cache ?<\/h3>\n

Apr\u00e8s avoir install\u00e9 W3 Total Cache, vous verrez un onglet \u00ab\u00a0Performance\u00a0\u00bb dans la colonne lat\u00e9rale de votre tableau de bord d’administration WordPress. En cliquant sur l’onglet \u00ab\u00a0Performance\u00a0\u00bb, vous verrez appara\u00eetre divers sous-menus comme \u00ab\u00a0Param\u00e8tres g\u00e9n\u00e9raux\u00a0\u00bb, \u00ab\u00a0Mise en page du cache\u00a0\u00bb, \u00ab\u00a0Minifier\u00a0\u00bb, et bien d’autres encore.<\/p>\n

\"Colonne
Colonne lat\u00e9rale de r\u00e9glages de W3 Total Cache.<\/figcaption><\/figure>\n

Vous pouvez \u00e9galement acc\u00e9der aux r\u00e9glages de W3 Total Cache en utilisant l’onglet \u00ab\u00a0Performance\u00a0\u00bb de votre barre d’outils d’administration WordPress.<\/p>\n

\"Barre
Barre d\u2019outils d\u2019administration des r\u00e9glages de W3 Total Cache.<\/figcaption><\/figure>\n

Comment purger le cache de W3 Total Cache<\/h2>\n

Avant d’entrer dans la configuration de W3 Total Cache, voyons rapidement comment purger ou vider votre cache. Si vous survolez l’onglet \u00ab\u00a0Performance\u00a0\u00bb dans la barre d’outils de l’administrateur, vous verrez deux options de purge.<\/p>\n

    \n
  1. Purger tous les caches<\/strong> – purgez toutes les caches en m\u00eame temps.<\/li>\n
  2. Purger des modules<\/strong> – purge d’un cache individuel (par exemple, actifs minifi\u00e9s, cache de pages, cache d’objets, etc.)<\/li>\n<\/ol>\n
    \"Purge
    Purge W3 Total Cache.<\/figcaption><\/figure>\n

    R\u00e9glages g\u00e9n\u00e9raux de W3 Total Cache<\/h2>\n

    Plongeons dans le menu \u00ab\u00a0Param\u00e8tres g\u00e9n\u00e9raux\u00a0\u00bb de W3 Total Cache pour configurer quelques r\u00e9glages de base.<\/p>\n

    Cache de page<\/h3>\n

    Par d\u00e9faut, chaque demande adress\u00e9e \u00e0 votre site WordPress est rendue en temps r\u00e9el. Pour certains types de sites comme les boutiques de commerce \u00e9lectronique<\/a> ou les forums de discussion<\/a>, le rendu dynamique est id\u00e9al. Toutefois, pour les blogs, les sites d’information et d’autres sites qui ne n\u00e9cessitent pas de contenu dynamique, l’ajout d’une couche de mise en cache des pages peut am\u00e9liorer les performances et r\u00e9duire la charge du serveur.<\/p>\n

    \"Activez
    Activez la mise en cache des pages dans W3TC.<\/figcaption><\/figure>\n

    Si votre site est h\u00e9berg\u00e9 sur Kinsta, vous n’avez pas \u00e0 vous soucier de la mise en cache des pages. Nous disposons d’une configuration performante au niveau du serveur qui met automatiquement en cache les pages de votre site<\/a> dans des fichiers HTML statiques. Si votre h\u00e9bergeur ne propose pas de mise en cache des pages, vous pouvez activer la mise en cache des pages dans l\u2019extension W3 Total Cache.<\/p>\n

    Minifier<\/h3>\n

    La minification de vos ressources HTML, CSS<\/a> et JavaScript peut r\u00e9duire la taille globale des pages de votre site en supprimant les espaces inutiles. Pour la plupart des sites WordPress, il suffit d’activer la fonction \u00ab\u00a0Minifier\u00a0\u00bb de W3 Total Cache et de s\u00e9lectionner l’option \u00ab\u00a0Auto\u00a0\u00bb pour le \u00ab\u00a0Mode Minify\u00a0\u00bb.<\/p>\n

    \"Minifier
    Minifier les ressources HTML, CSS et JavaScript dans W3TC.<\/figcaption><\/figure>\n

    Dans certains cas, la minification des ressources<\/a> peut provoquer la rupture du code CSS ou JavaScript, ce qui entra\u00eene souvent des erreurs visibles sur l\u2019interface publique. Si vous remarquez des probl\u00e8mes inhabituels sur votre site apr\u00e8s la minification des ressources, nous vous recommandons de travailler avec un d\u00e9veloppeur<\/a> pour identifier les ressources qui posent probl\u00e8me. Ensuite, vous pouvez utiliser la fonction \u00ab\u00a0Minifier\u00a0\u00bb en mode manuel, qui vous permet de contourner la minification pour des fichiers CSS et JavaScript sp\u00e9cifiques.<\/p>\n

    Cache Opcode<\/h3>\n

    WordPress est un CMS dynamique, ce qui signifie que les Threads PHP<\/a> ex\u00e9cutent constamment du code en arri\u00e8re-plan. Le cache Opcode<\/a> permet d’acc\u00e9l\u00e9rer votre site en stockant le code PHP compil\u00e9, ce qui rend plus rapides les requ\u00eates ult\u00e9rieures n\u00e9cessitant le m\u00eame code.<\/p>\n

    \"Activer
    Activer le cache opcode dans W3TC.<\/figcaption><\/figure>\n

    Si votre site est h\u00e9berg\u00e9 chez Kinsta, vous n’avez pas \u00e0 vous soucier d’activer une couche de mise en cache opcode dans W3 Total Cache. Nous activons OPcache, un cache opcode, sur tous les environnements en production. OPcache est d\u00e9sactiv\u00e9 sur les environnements de staging<\/a> pour garantir que le code PHP compil\u00e9 n’est pas mis en cache et n’interf\u00e8re pas avec le d\u00e9veloppement et le d\u00e9bogage<\/a> du site.<\/p>\n

    Si votre h\u00e9bergeur ne propose pas de cache opcode, nous vous recommandons de l’activer dans W3 Total Cache. N’oubliez pas que la fonction de cache opcode n’est disponible que dans la version Pro de W3TC.<\/p>\n

    Cache de base de donn\u00e9es<\/h3>\n

    La base de donn\u00e9es de W3TC stocke les r\u00e9sultats des requ\u00eates de la base de donn\u00e9es MySQL<\/a>. Bien que cette fonction semble utile, nous recommandons de la d\u00e9sactiver et d’utiliser plut\u00f4t un cache objet.<\/p>\n

    \"Mise
    Mise en cache de la base de donn\u00e9es dans W3 Total Cache.<\/figcaption><\/figure>\n

    Nous avons constat\u00e9 que dans certains cas, la fonction de cache de la base de donn\u00e9es peut entra\u00eener une forte utilisation de l’unit\u00e9 centrale. Cela signifie que la quantit\u00e9 de CPU \u00e9conomis\u00e9e par le stockage des r\u00e9sultats des requ\u00eates de la base de donn\u00e9es pourrait \u00eatre compens\u00e9e par l’augmentation de la puissance de calcul n\u00e9cessaire \u00e0 cette fonction.<\/p>\n

    Cache objets<\/h3>\n

    Dans le contexte de WordPress, un cache objet<\/a> stocke les r\u00e9sultats des requ\u00eates effectu\u00e9es dans la base de donn\u00e9es. WordPress poss\u00e8de en fait un cache objet int\u00e9gr\u00e9, mais il ne conserve les donn\u00e9es que pour un seul chargement de page. Cela permet un rendu plus efficace des pages car cela garantit qu’un chargement de page ne devra pas gaspiller les ressources du CPU en ex\u00e9cutant des requ\u00eates identiques de base de donn\u00e9es.<\/p>\n

    Si le cache objet par d\u00e9faut de WordPress est sans aucun doute b\u00e9n\u00e9fique pour les performances, un cache objet qui retient les donn\u00e9es \u00e0 travers les chargements de pages est encore mieux ! La fonction \u00ab\u00a0Cache objet\u00a0\u00bb de W3TC ajoute un script de mise en cache personnalis\u00e9 dans votre r\u00e9pertoire \/wp-content<\/code>, et modifie le comportement du cache objet de WordPress pour conserver les donn\u00e9es de mani\u00e8re persistante (sur plusieurs chargements de pages).<\/p>\n

    Nous vous recommandons d’activer la fonction de cache objet de W3TC sur votre site WordPress afin d’acc\u00e9l\u00e9rer les requ\u00eates qui utilisent des requ\u00eates de base de donn\u00e9es si votre site n’est pas h\u00e9berg\u00e9 sur Kinsta<\/strong>.<\/p>\n

    \"Cache
    Cache objet de W3 Total Cache.<\/figcaption><\/figure>\n

    Si votre site est h\u00e9berg\u00e9 chez Kinsta, nous proposons une couche de mise en cache objet tr\u00e8s performante, propuls\u00e9e par notre module Redis<\/a>. Redis est une structure open source de donn\u00e9es en m\u00e9moire souvent utilis\u00e9e pour les applications de base de donn\u00e9es et de courtage de messages.<\/p>\n

    Comme Redis met les donn\u00e9es en cache dans la m\u00e9moire vive, il permet \u00e0 WordPress d’acc\u00e9der aux donn\u00e9es mises en cache<\/a> \u00e0 partir d’un cache objet persistant<\/a>, ce qui est beaucoup plus rapide que les configurations de cache objet traditionnelles.<\/p>\n

    Cache du navigateur<\/h3>\n

    La mise en cache du navigateur<\/a> peut acc\u00e9l\u00e9rer consid\u00e9rablement votre site WordPress en stockant localement des ressources statiques telles que CSS, JavaScript, images et polices. La mise en cache du navigateur utilise une p\u00e9riode d’expiration pour d\u00e9terminer la dur\u00e9e de mise en cache des ressources. Sur le web moderne, la plupart des d\u00e9veloppeurs sp\u00e9cifient une p\u00e9riode d’expiration d’un an pour les ressources statiques.<\/p>\n

    \"Activez
    Activez la mise en cache du navigateur dans W3 Total Cache.<\/figcaption><\/figure>\n

    Pour les sites h\u00e9berg\u00e9s chez Kinsta, nous appliquons une p\u00e9riode de cache d’un an pour les fichiers statiques. Cela peut \u00eatre v\u00e9rifi\u00e9 en v\u00e9rifiant l’en-t\u00eate cache-control<\/code> pour un fichier statique h\u00e9berg\u00e9 chez Kinsta. Si votre h\u00e9bergeur n’impose pas de \u00ab\u00a0d\u00e9lai d’expiration \u00e0 long terme\u00a0\u00bb pour la mise en cache du navigateur, vous pouvez activer la fonction \u00ab\u00a0Cache navigateur\u00a0\u00bb dans W3 Total Cache et configurer le d\u00e9lai d’expiration.<\/p>\n

    CDN (Content Delivery Network)<\/h3>\n

    Si vous utilisez un CDN<\/a>, ou un r\u00e9seau de diffusion de contenu, pour d\u00e9charger des fichiers statiques dans des centres de donn\u00e9es du monde entier, vous pouvez configurer W3 Total Cache pour r\u00e9\u00e9crire les URL<\/a> des \u00ab\u00a0fichiers de th\u00e8mes<\/a>\u00a0\u00bb, fichiers joints de la m\u00e9diath\u00e8que, CSS, JS\u00a0\u00bb et autres avec votre nom d’h\u00f4te CDN.<\/p>\n

    \"R\u00e9galges
    R\u00e9galges CDN dans W3 Total Cache.<\/figcaption><\/figure>\n

    Si votre site est h\u00e9berg\u00e9 chez Kinsta, nous vous recommandons d’utiliser Kinsta CDN<\/a>, notre r\u00e9seau de diffusion de contenu \u00e0 haute performance aliment\u00e9 par Cloudflare. Lorsque Kinsta CDN est activ\u00e9, les URLs des fichiers statiques seront automatiquement r\u00e9\u00e9crits pour \u00eatre servis depuis Kinsta CDN.<\/p>\n

    Vous avez \u00e9galement acc\u00e8s \u00e0 d’autres fonctions int\u00e9gr\u00e9es, notamment la fonction de minification du code<\/a> qui permet aux clients de Kinsta<\/a> d’activer la minification automatique de CSS et JavaScript directement dans le tableau de bord MyKinsta<\/a> en cliquant sur un bouton.<\/p>\n

    Si vous pr\u00e9f\u00e9rez utiliser un autre fournisseur de CDN ou si votre site n’est pas h\u00e9berg\u00e9 sur Kinsta, vous pouvez activer la fonction \u00ab\u00a0CDN\u00a0\u00bb dans W3 Total Cache et ajouter votre URL de CDN.<\/p>\n

    Proxy inverse<\/h3>\n

    Un proxy inverse se trouve entre votre serveur web et WordPress, et peut \u00eatre utilis\u00e9 pour effectuer diverses manipulations logiques sur les requ\u00eates entrantes. W3TC prend en charge Varnish, qui est un \u00ab\u00a0acc\u00e9l\u00e9rateur HTTP\u00a0\u00bb tr\u00e8s populaire pour la mise en cache et le service de donn\u00e9es dans le but de r\u00e9duire la charge de la zone d\u2019administration.<\/p>\n

    Pour pouvoir utiliser Varnish, le paquet Varnish doit d’abord \u00eatre install\u00e9 par votre h\u00e9bergeur. Si vous \u00eates un client Kinsta, n’activez pas l’option de proxy inverse<\/a> car notre infrastructure n’est pas con\u00e7ue pour fonctionner avec Varnish.<\/p>\n

    Exp\u00e9rience utilisateur<\/h3>\n

    L’optimisation de l’\u00a0\u00bbexp\u00e9rience utilisateur\u00a0\u00bb de W3TC vous permet d’activer le chargement diff\u00e9r\u00e9<\/a>, de d\u00e9sactiver les emojis et de d\u00e9sactiver le script wp-embed.js<\/code>. Nous vous recommandons d’activer le chargement diff\u00e9r\u00e9 sur votre site WordPress pour acc\u00e9l\u00e9rer le chargement des pages. Si vous n’utilisez pas encore le chargement diff\u00e9r\u00e9 dans votre navigateur ou \u00e0 l’aide d’une extension, nous vous recommandons d’utiliser W3 Total Cache pour le chargement diff\u00e9r\u00e9.<\/p>\n

    \"R\u00e9glages
    R\u00e9glages d\u2019exp\u00e9rience utilisateur dans W3TC.<\/figcaption><\/figure>\n

    Dans le monde d’aujourd’hui, la plupart des syst\u00e8mes d’exploitation ont une prise en charge int\u00e9gr\u00e9e des emojis<\/a>. Ainsi, vous pouvez d\u00e9sactiver le script emoji inclus dans WordPress si vous n’\u00eates pas un utilisateur intensif d’emoji. L’utilisation de W3TC pour supprimer wp-emoji-release.min.js<\/code> vous aidera \u00e0 r\u00e9duire une requ\u00eate HTTP et \u00e0 supprimer ~10KB des chargements de vos pages.<\/p>\n

    De m\u00eame, si vous n’int\u00e9grez pas les articles WordPress, vous pouvez d\u00e9sactiver wp-embed.js<\/code> avec W3 Total Cache. La d\u00e9sactivation de ce script n’affectera pas la fonctionnalit\u00e9 oEmbed pour l’int\u00e9gration de vid\u00e9os YouTube<\/a>, de flux SoundCloud, etc.<\/p>\n

    Divers<\/h3>\n

    W3 Total Cache dispose de quelques r\u00e9glages divers que vous pouvez \u00e9galement configurer. Si vous souhaitez afficher un widget Google Page Speed<\/a> dans WordPress, vous pouvez saisir votre cl\u00e9 API Page Speed. Il existe \u00e9galement une option permettant d’afficher le classement de la vitesse des pages dans la barre de menu pour chaque page de votre site WordPress.<\/p>\n

    \"R\u00e9glages
    R\u00e9glages divers dans W3 Total Cache.<\/figcaption><\/figure>\n

    Pour les autres r\u00e9glages comme \u00ab\u00a0chemin d’acc\u00e8s au fichier de configuration du serveur NGINX<\/a>\u00a0\u00bb, \u00ab\u00a0activer le verrouillage des fichiers\u00a0\u00bb, \u00ab\u00a0optimiser la page am\u00e9lior\u00e9e du disque et minifier la mise en cache du disque pour NFS\u00a0\u00bb, nous recommandons de les laisser dans leurs r\u00e9glages par d\u00e9faut, \u00e0 moins que vous n’ayez une raison particuli\u00e8re de les modifier.<\/p>\n

    D\u00e9boguage<\/h3>\n

    Si vous rencontrez un probl\u00e8me sur votre site, W3 Total Cache dispose d’un menu \u00ab\u00a0D\u00e9boguage\u00a0\u00bb pratique qui vous permet de d\u00e9sactiver des couches de cache et des r\u00e9glages d’optimisation sp\u00e9cifiques. Par exemple, si vous remarquez un probl\u00e8me visuel sur votre site, vous pouvez activer le mode de d\u00e9bogage pour l’option \u00ab\u00a0Minifier\u00a0\u00bb, qui ins\u00e9rera des commentaires HTML dans le code source de votre page pour vous aider \u00e0 r\u00e9soudre le probl\u00e8me.<\/p>\n

    \"Mode
    Mode de d\u00e9bogage dans W3 Total Cache.<\/figcaption><\/figure>\n

    Comme la fonction de d\u00e9bogage alourdit la charge de vos ressources serveur, nous vous recommandons de ne l’utiliser que dans un environnement de staging<\/a> ou pendant les heures de faible trafic. En outre, assurez-vous de d\u00e9sactiver le mode de d\u00e9bogage une fois que vous avez termin\u00e9 votre d\u00e9pannage !<\/p>\n

    Importer \/ exporter les r\u00e9glages<\/h3>\n

    Une fois que vous avez termin\u00e9 la configuration de vos r\u00e9glages, vous pouvez utiliser la fonction \u00ab\u00a0Importer \/ Exporter\u00a0\u00bb de W3TC pour cr\u00e9er une sauvegarde de votre configuration. W3 Total Cache poss\u00e8de un grand nombre de r\u00e9glages, donc \u00eatre capable d’exporter une sauvegarde compl\u00e8te est un excellent moyen de garder l’esprit tranquille. De plus, il vous permet de reproduire facilement votre configuration personnalis\u00e9e de W3TC sur plusieurs sites sans avoir \u00e0 configurer manuellement quoi que ce soit.<\/p>\n

    \"Importer
    Importer et exporter les r\u00e9glages de W3TC.<\/figcaption><\/figure>\n

    R\u00e9glages de W3 Total Cache – Cache de page<\/h2>\n

    Plongeons dans les r\u00e9glages de \u00ab\u00a0Cache de page\u00a0\u00bb de W3 Total Cache. N’oubliez pas que si votre site est h\u00e9berg\u00e9 chez Kinsta, vous n’avez pas \u00e0 vous soucier de la mise en cache des pages – alors n’h\u00e9sitez pas \u00e0 passer cette section.<\/p>\n