{"id":21974,"date":"2018-11-28T06:20:53","date_gmt":"2018-11-28T14:20:53","guid":{"rendered":"https:\/\/kinsta.com\/?post_type=learn&#038;p=33457"},"modified":"2023-09-18T10:35:25","modified_gmt":"2023-09-18T09:35:25","slug":"accelerer-wordpress","status":"publish","type":"learn","link":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/","title":{"rendered":"Comment Acc\u00e9l\u00e9rer Votre Site WordPress (Guide Ultime 2026)"},"content":{"rendered":"<p>Nous avons publi\u00e9 de nombreux tutoriels au fil des ans avec des moyens d&rsquo;optimiser et d&rsquo;acc\u00e9l\u00e9rer WordPress. Mais parfois, il peut \u00eatre d\u00e9routant d&rsquo;essayer de trouver tout ce dont vous avez besoin dans un seul endroit. Aujourd&rsquo;hui, nous allons donc partager avec vous tout ce que nous savons sur l\u2019optimisation et l\u2019acc\u00e9l\u00e9ration de WordPress, plus de 15 ans d&rsquo;exp\u00e9rience et de dures le\u00e7ons apprises, le tout dans un guide ultime. Que vous commenciez tout juste \u00e0 utiliser WordPress ou que vous soyez un d\u00e9veloppeur chevronn\u00e9, nous vous promettons que vous trouverez quelque chose d&rsquo;utile dans cet guide !<\/p>\n<p>Plus de 43,5 % du Web est maintenant <a href=\"https:\/\/kinsta.com\/fr\/part-de-marche-de-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">propuls\u00e9 par WordPress<\/a>. Bien que cela soit g\u00e9nial, cela signifie aussi qu&rsquo;il y a des milliers de th\u00e8mes, de plugins et de technologies diff\u00e9rents qui doivent tous coexister. Pour l&rsquo;utilisateur WordPress de tous les jours, cela peut rapidement se transformer en un cauchemar lorsque son site commence \u00e0 se d\u00e9grader et qu&rsquo;il ne sait pas pourquoi, ni m\u00eame o\u00f9 regarder pour corriger les soucis.<\/p>\n<p>Dans notre guide pr\u00e9c\u00e9dent <a href=\"https:\/\/kinsta.com\/fr\/apprendre\/vitesse-de-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">sur la vitesse des pages<\/a>, nous avons pass\u00e9 en revue de nombreux aspects fondamentaux de la performance et comment elle peut avoir un impact \u00e9norme sur le succ\u00e8s de votre entreprise. Mais aujourd&rsquo;hui, nous allons nous plonger dans les mesures applicables que vous pouvez prendre d\u00e8s maintenant pour voir des am\u00e9liorations sur vos propres sites WordPress. Nous partagerons \u00e9galement quelques ressources qui nous ont \u00e9t\u00e9 pr\u00e9cieuses.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2 id=\"wordpress-site-types\">Types de sites WordPress : Statique ou dynamique<\/h2>\n<p>Avant de nous plonger dans les optimisations, il est important de comprendre que <strong>tous les sites WordPress ne sont pas les m\u00eames<\/strong>. C&rsquo;est pourquoi beaucoup d&rsquo;utilisateurs ont des probl\u00e8mes, car vous ne pouvez pas aborder chaque probl\u00e8me de la m\u00eame mani\u00e8re. Nous donnons toujours aux sites WordPress une classification : statique ou dynamique. Examinons d&rsquo;abord les diff\u00e9rences entre ces deux types de sites.<\/p>\n<h3>La plupart des sites sont statiques<\/h3>\n<p>Les sites statiques comprennent g\u00e9n\u00e9ralement les sites tels que les blogs, les sites de petites entreprises, les sites de nouvelles \u00e0 faible volume, les sites personnels, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/sites-web-photographie\/\">sites de photographie<\/a>, etc. Par statique, nous entendons que les donn\u00e9es sur ces sites WordPress <strong>ne changent pas tr\u00e8s souvent<\/strong> (peut-\u00eatre quelques fois par jour). M\u00eame une bonne partie de notre site Kinsta serait consid\u00e9r\u00e9e comme un site statique.<\/p>\n<p>Cela devient d&rsquo;autant plus important que de nombreuses requ\u00eates peuvent \u00eatre servies directement depuis le cache du serveur \u00e0 une vitesse fulgurante ! Ne vous inqui\u00e9tez pas, nous aborderons le sujet de la mise en cache plus loin dans ce qui suit. Cela signifie qu&rsquo;ils auront moins d&rsquo;appels de base de donn\u00e9es et pas autant de ressources seront n\u00e9cessaires pour atteindre les performances de google.<\/p>\n<h3>Les sites tr\u00e8s dynamiques<\/h3>\n<p>D&rsquo;un autre c\u00f4t\u00e9, nous avons des sites tr\u00e8s dynamiques. Il s&rsquo;agit notamment des boutiques eCommerce (WooCommerce ou Easy Digital Downloads), les sites de communaut\u00e9, les sites d&rsquo;adh\u00e9sion, les forums (bbPress ou BuddyPress) et les syst\u00e8mes de gestion de l&rsquo;apprentissage (LMS). Par dynamique, nous entendons que les donn\u00e9es de ces sites WordPress <strong>changent fr\u00e9quemment<\/strong> (les \u00e9changes serveur ont lieu toutes les quelques minutes ou m\u00eame toutes les secondes). Cela signifie que toutes les requ\u00eates adress\u00e9es au serveur ne peuvent pas \u00eatre servies directement \u00e0 partir du cache et n\u00e9cessitent des ressources serveur et des requ\u00eates de base de donn\u00e9es suppl\u00e9mentaires.<\/p>\n<p>Ces sites ont aussi g\u00e9n\u00e9ralement un <strong>grand nombre de visiteurs et de sessions simultan\u00e9es<\/strong>. Sur un site WordPress d&rsquo;information ou d&rsquo;entreprise qui est le plus souvent statique, un visiteur peut rester cinq ou dix minutes jusqu&rsquo;\u00e0 ce qu&rsquo;il trouve ce dont il a besoin (et c&rsquo;est un nombre \u00e9lev\u00e9, g\u00e9n\u00e9ralement les taux de rebond sont beaucoup plus \u00e9lev\u00e9s). Sur les sites dynamiques, c&rsquo;est le contraire qui se produit. Les visiteurs viennent g\u00e9n\u00e9ralement sur le site pour s&rsquo;engager avec quelque chose ou quelqu&rsquo;un. S&rsquo;ils suivent un cours en ligne, il n&rsquo;est pas rare qu&rsquo;ils y restent pendant des heures.<\/p>\n<p>Vous pouvez voir o\u00f9 cela nous m\u00e8ne. Les visiteurs connect\u00e9s simultan\u00e9ment \u00e0 votre <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergement WordPress<\/a> s&rsquo;additionnent rapidement. Pour empirer les choses, vous avez alors un grand nombre de visiteurs simultan\u00e9s en plus d&rsquo;un probl\u00e8me de \u00ab\u00a0contenu non cachable\u00a0\u00bb.<\/p>\n\n<h2 id=\"wordpress-hosting\">Choisissez un h\u00e9bergement WordPress haute performance<\/h2>\n<p>Un h\u00e9bergeur WordPress est une entreprise qui stocke toutes les donn\u00e9es de votre site Web. Vous vous inscrivez \u00e0 un plan et toutes vos images, contenus, vid\u00e9os, etc., r\u00e9sident sur un serveur situ\u00e9 dans le centre de donn\u00e9es de l&rsquo;h\u00e9bergeur. L&rsquo;h\u00e9bergeur WordPress vous permet d&rsquo;acc\u00e9der facilement aux donn\u00e9es, de les g\u00e9rer et de les acheminer vers vos visiteurs. Plut\u00f4t simple, non ? Eh bien, pas tout \u00e0 fait.<\/p>\n<p>Il existe trois types d&rsquo;h\u00e9bergeurs WordPress tr\u00e8s diff\u00e9rents que vous rencontrerez sur le Web. Analysons les avantages et les inconv\u00e9nients de chacun. Il est important que vous choisissiez le bon d\u00e8s le d\u00e9but, sinon, vous vous causerez simplement des maux de t\u00eate et vous perdrez du temps en cours de route.<\/p>\n<h3>1. H\u00e9bergement WordPress mutualis\u00e9<\/h3>\n<p>Le premier et le plus populaire type d&rsquo;h\u00e9bergement WordPress est ce que nous appelons \u00ab\u00a0l&rsquo;h\u00e9bergement mutualis\u00e9\u00a0\u00bb. Il s&rsquo;agit notamment des plus grands h\u00e9bergeurs de l&rsquo;industrie tels que les soci\u00e9t\u00e9s EIG comme <a href=\"https:\/\/kinsta.com\/fr\/alternative-a-bluehost\/\">Bluehost<\/a> et <a href=\"https:\/\/kinsta.com\/fr\/alternative-a-hostgator\/\">HostGator<\/a> ainsi que des fournisseurs comme <a href=\"https:\/\/kinsta.com\/fr\/alternative-a-siteground\/\" target=\"_blank\" rel=\"noopener noreferrer\">Siteground<\/a>, <a href=\"https:\/\/kinsta.com\/fr\/alternative-a-godaddy\/\">GoDaddy<\/a>, <a href=\"https:\/\/kinsta.com\/fr\/alternative-a-media-temple\/\">Media Temple<\/a>, <a href=\"https:\/\/kinsta.com\/ovh-alternative\/\">OVH<\/a>, <a href=\"https:\/\/kinsta.com\/fr\/alternative-greengeeks-hosting\/\">GreenGeeks<\/a> et InMotion Hosting. Ils utilisent g\u00e9n\u00e9ralement <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-cpanel\/\" target=\"_blank\" rel=\"noopener noreferrer\">cPanel<\/a>, et le client moyen paie habituellement entre 3 $ et 25 $ par mois.<\/p>\n<p>Quiconque utilise ce type d&rsquo;h\u00e9bergement conna\u00eetra \u00e0 un moment donn\u00e9 la lenteur, ce n&rsquo;est qu&rsquo;une question de temps. Pourquoi ? Parce que les <strong>h\u00e9bergeurs mutualis\u00e9s ont tendance \u00e0 surpeupler leurs serveurs<\/strong>, ce qui peut \u00e0 son tour affecter les performances de votre site. Les suspensions de site ou les fr\u00e9quentes erreurs 500 sont des choses courantes que vous rencontrerez car ces h\u00e9bergeurs doivent imposer des limites \u00e0 tout et restreindre les ressources pour survivre. Ou pire encore, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/indisponibilite-de-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">indisponibilit\u00e9s de votre site Web<\/a>. M\u00eame si vous ne le savez pas, votre site WordPress est tr\u00e8s probablement sur le m\u00eame serveur que plus de 200 autres personnes. Tous les probl\u00e8mes qui surgissent avec d&rsquo;autres sites peuvent se r\u00e9percuter sur votre site.<\/p>\n<figure id=\"attachment_39458\" aria-describedby=\"caption-attachment-39458\" style=\"width: 1460px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-39458\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/10\/shared-wordpress-hosting-2.png\" alt width=\"1460\" height=\"730\" data-must_clone=\"true\"><figcaption id=\"caption-attachment-39458\" class=\"wp-caption-text\">H\u00e9bergement WordPress Mutualis\u00e9<\/figcaption><\/figure>\n<p>Peu importe la fa\u00e7on dont vous faites le calcul, apr\u00e8s les d\u00e9penses, 3 $ par mois ne g\u00e9n\u00e8re aucun revenu pour la soci\u00e9t\u00e9 d&rsquo;h\u00e9bergement. Surtout quand vous ajoutez du support \u00e0 cela. Un ticket de support et ils sont d\u00e9j\u00e0 dans le rouge. La fa\u00e7on dont ils gagnent beaucoup d&rsquo;argent, c&rsquo;est gr\u00e2ce \u00e0 la vente incitative et aux frais cach\u00e9s. Ces ventes incitatives comprennent les migrations, les enregistrements de domaines, les certificats SSL, etc. Une autre tactique courante consiste \u00e0 offrir d&rsquo;\u00e9normes rabais d&rsquo;inscription. Mais une fois que le renouvellement arrive, vous obtenez la vraie facture.<\/p>\n<p>La plupart de ces h\u00e9bergeurs offrent ce qu&rsquo;ils appellent leur plan \u00ab\u00a0ressources illimit\u00e9es\u00a0\u00bb. Vous l&rsquo;avez probablement tous vu. Dans le monde r\u00e9el, il n&rsquo;y a pas de ressources illimit\u00e9es. Ce que les h\u00e9bergeurs font dans les coulisses, c&rsquo;est limiter les clients qui consomment une grande partie des ressources. Cela a pour effet de faire partir les clients en col\u00e8re et de faire de la place \u00e0 d&rsquo;autres clients qui n&rsquo;utilisent pas beaucoup de ressources. En fin de compte, vous avez un cercle vicieux de la soci\u00e9t\u00e9 d&rsquo;h\u00e9bergement proposant des plans bon march\u00e9 et l&rsquo;inscription des clients qui, ils esp\u00e8rent, ne vont pas utiliser beaucoup de ressources et vont acheter des options suppl\u00e9metaires et passer sur des offres plus ch\u00e8res.<\/p>\n<p>Le service client et le support avec un h\u00e9bergement mutualis\u00e9 sont presque toujours inf\u00e9rieurs en raison du volume de sites par rapport aux repr\u00e9sentants du support. Les h\u00e9bergeurs mutualis\u00e9s doivent s&rsquo;\u00e9parpiller tr\u00e8s finement pour faire un profit, ce qui conduit g\u00e9n\u00e9ralement \u00e0 une exp\u00e9rience d\u00e9sagr\u00e9able pour le client.<\/p>\n\n<p>N&rsquo;oubliez pas de lire un article d\u00e9taill\u00e9 de notre directeur du marketing sur les v\u00e9rit\u00e9s choquantes sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/hebergement-web-pas-cher\/\">comment l&rsquo;h\u00e9bergement WordPress bon march\u00e9 fonctionne vraiment<\/a>.<\/p>\n<h3>2. H\u00e9bergement WordPress VPS DIY<\/h3>\n<p>Le deuxi\u00e8me type d&rsquo;h\u00e9bergement WordPress est le VPS DIY, ou \u00ab\u00a0Faites-le vous-m\u00eame sur un serveur priv\u00e9 virtuel\u00a0\u00bb. Cette assembl\u00e9e est typiquement compos\u00e9e de startups bootstrap et d&rsquo;utilisateurs avec un peu plus d&rsquo;exp\u00e9rience dans le d\u00e9veloppement, la gestion de serveurs et WordPress. Ce sont des bricoleurs. Ces gens essaient encore g\u00e9n\u00e9ralement d&rsquo;\u00e9conomiser de l&rsquo;argent, mais ils se pr\u00e9occupent aussi habituellement du rendement et r\u00e9alisent l&rsquo;importance de ce dernier dans le succ\u00e8s de leur entreprise. Les configurations communes peuvent inclure l&rsquo;utilisation d&rsquo;un fournisseur de VPS tiers tel que DigitalOcean, <a href=\"https:\/\/kinsta.com\/fr\/alternative-linode\/\">Linode<\/a> ou Vultr, ainsi qu&rsquo;un outil comme ServerPilot pour le g\u00e9rer plus facilement.<\/p>\n<p>Un petit VPS de <a href=\"https:\/\/kinsta.com\/fr\/alternative-a-digitalocean\/\">DigitalOcean<\/a> commence \u00e0 5 $ par mois et le plan populaire chez ServerPilot commence \u00e0 10 $ par mois. Donc, selon votre configuration, vous pourriez avoir \u00e0 d\u00e9bourser entre 5 $ et 15 $ ou plus par mois. L&rsquo;approche du DIY peut r\u00e9duire les co\u00fbts, mais elle signifie aussi que vous \u00eates responsable en cas de panne et de l&rsquo;optimisation des performances de votre serveur.<\/p>\n<p>L&rsquo;approche du DIY peut \u00eatre excellente, mais elle peut aussi se retourner contre vous si vous n&rsquo;y prenez pas garde. N&#8217;empruntez pas cette voie si vous n&rsquo;\u00eates pas un technicien averti ou simplement parce que vous voulez bricoler ! Votre temps vaut de l&rsquo;argent et vous devriez le consacrer \u00e0 la croissance de votre entreprise.<\/p>\n<h3>3. H\u00e9bergement WordPress infog\u00e9r\u00e9<\/h3>\n<p>Le troisi\u00e8me type d&rsquo;h\u00e9bergement est ce que nous offrons chez Kinsta et c&rsquo;est l&rsquo;h\u00e9bergement infog\u00e9r\u00e9 WordPress. Ces types d&rsquo;h\u00e9bergeurs s&rsquo;occupent de toutes les t\u00e2ches li\u00e9es au back-end du serveur pour vous, en plus de vous fournir du support quand vous en avez besoin. Ils sont g\u00e9n\u00e9ralement optimis\u00e9s pour fonctionner avec WordPress et incluent g\u00e9n\u00e9ralement des fonctionnalit\u00e9s telles que des environnements de d\u00e9veloppement (staging) en un clic et des sauvegardes automatiques. Leurs \u00e9quipes de support seront mieux inform\u00e9es lorsqu&rsquo;il s&rsquo;agira de se familiariser avec le CMS puisqu&rsquo;elles se concentrent quotidiennement sur une seule plateforme.<\/p>\n<p><strong>Si vous voulez gagner du temps, l&rsquo;h\u00e9bergement infog\u00e9r\u00e9 WordPress est la solution qu&rsquo;il vous faut ! \ud83d\udc4d<\/strong><\/p>\n<p>Les forfaits d&rsquo;h\u00e9bergement WordPress infog\u00e9r\u00e9 varient g\u00e9n\u00e9ralement de 25 $ \u00e0 150 $ par mois ou plus, selon la taille de votre site et vos besoins. De grandes entreprises comme jQuery, Intuit, Plesk, Dyn, Nginx, et m\u00eame La Maison Blanche, utilisent toutes WordPress pour h\u00e9berger leur site Web. Certains h\u00e9bergeurs WordPress populaires que vous connaissez probablement ou que vous utilisez actuellement incluent <a href=\"https:\/\/kinsta.com\/fr\/alternative-a-wp-engine\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Engine<\/a>, <a href=\"https:\/\/kinsta.com\/fr\/alternative-a-flywheel\/\" target=\"_blank\" rel=\"noopener noreferrer\">Flywheel<\/a>, Pressable, Media Temple, Pressidium, et <a href=\"https:\/\/kinsta.com\/fr\/alternative-pagely\/\">Pagely<\/a>.<\/p>\n<h3>Kinsta adopte une approche diff\u00e9rente<\/h3>\n<p>Kinsta, cependant, porte l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">h\u00e9bergement WordPress<\/a> \u00e0 un niveau sup\u00e9rieur. Notre plateforme d&rsquo;h\u00e9bergement n&rsquo;entre dans aucune des cat\u00e9gories d&rsquo;h\u00e9bergement traditionnelles. Toute notre infrastructure est construite sur la <a href=\"https:\/\/kinsta.com\/fr\/blog\/plateforme-cloud-pour-developpeurs\/\">plateforme Google Cloud<\/a> et est diff\u00e9rente des infrastructures traditionnelles mutualis\u00e9es, VPS ou d\u00e9di\u00e9es.<\/p>\n<p>Chaque site WordPress sur notre plateforme fonctionne dans un conteneur logiciel isol\u00e9 qui contient toutes les ressources logicielles n\u00e9cessaires au fonctionnement du site (Linux, Nginx, PHP, MySQL). Cela signifie que le logiciel qui ex\u00e9cute <strong>chaque site est enti\u00e8rement priv\u00e9<\/strong> et n&rsquo;est pas partag\u00e9, pas m\u00eame entre vos propres sites.<\/p>\n<figure id=\"attachment_73862\" aria-describedby=\"caption-attachment-73862\" style=\"width: 2800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73862 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/architecture-kinsta-v8.png\" alt=\"Architecture Kinsta\" width=\"2800\" height=\"1430\"><figcaption id=\"caption-attachment-73862\" class=\"wp-caption-text\">Architecture Kinsta<\/figcaption><\/figure>\n<p>Chaque conteneur de site fonctionne sur des machines virtuelles dans l&rsquo;un des nombreux centres de donn\u00e9es de GC, et utilise le <a href=\"https:\/\/kinsta.com\/fr\/blog\/plateforme-cloud-pour-developpeurs\/\">r\u00e9seau premium de Google Cloud Platform<\/a> pour optimiser le transfert de donn\u00e9es \u00e0 faible latence. Chaque machine poss\u00e8de jusqu&rsquo;\u00e0 96 CPU et des centaines de Go de RAM. Les ressources mat\u00e9rielles (RAM\/CPU) sont allou\u00e9es automatiquement \u00e0 chaque conteneur de site par nos machines virtuelles en fonction des besoins.<\/p>\n<div class=\"phenom-desc\">\n<div class=\"comment-container\">\n<div class=\"action-comment markeddown js-comment\" dir=\"auto\">\n<div class=\"current-comment js-friendly-links js-open-card\">\n<p>Contrairement aux autres h\u00e9bergeurs qui utilisent les machines virtuelles g\u00e9n\u00e9rales de Google Cloud Platform, nous mettons \u00e0 la disposition de tous nos clients des VMs C2 compute-optimized dans les <a href=\"https:\/\/kinsta.com\/fr\/blog\/boost-performances-wordpress\/#rgions-disponibles-pour-les-instances-c2\">r\u00e9gions prises en charge<\/a>. Les machines C2 de Google Cloud sont \u00e9quip\u00e9es de la derni\u00e8re g\u00e9n\u00e9ration de processeurs Intel Xeon \u00e9volutifs capables de supporter des vitesses turbo de 3,8 GHz all-core. Les machines C2 sont populaires pour les cas d&rsquo;utilisation intensive du CPU comme la mod\u00e9lisation scientifique et le machine learning, mais elles sont \u00e9galement id\u00e9ales pour l&rsquo;h\u00e9bergement de WordPress \u00e0 hautes performances. Au cours de nos tests, nous avons constat\u00e9 que la migration d&rsquo;un site WordPress d&rsquo;une VM \u00e0 usage g\u00e9n\u00e9ral vers une VM C2 a <a href=\"https:\/\/kinsta.com\/fr\/blog\/boost-performances-wordpress\/#benchmarks-des-vms-computeoptimized-c2-de-gcp\">permis d&rsquo;augmenter les performances par deux<\/a> !<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"phenom-reactions\">\n<div class=\"js-reaction-piles reaction-piles-container last\">\n<div class=\"reaction-piles reaction-piles-empty\"><\/div>\n<\/div>\n<\/div>\n<p>https:\/\/twitter.com\/rockymtnadam\/status\/1090082911418630144<\/p>\n<p>Chaque ann\u00e9e, Review Signal publie ses <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-benchmarks-performance\/\" target=\"_blank\" rel=\"noopener noreferrer\">benchmarks de performance d&rsquo;h\u00e9bergement WordPress<\/a>, et nous sommes fiers que Kinsta soit la meilleure entreprise \u00e0 tous les niveaux pour la cinqui\u00e8me ann\u00e9e cons\u00e9cutive ! Et pas seulement sur un ou deux de nos plans, mais sur tous les plans, de Starter jusqu&rsquo;\u00e0 Entreprise. \ud83e\udd18<\/p>\n<div class=\"col-xs-12 col-md-10 col-md-offset-1 mt--40 mb--40\">\n<div class=\"text-quote__text mb--20\">Kinsta a eu essentiellement des tests LoadStorm et Blitz parfaits. De plus, ils n&rsquo;avaient aucun d\u00e9faut dans les autres tests. Je suis \u00e0 court de mots pour louer leur performance.<\/div>\n<div class=\"row nocol middle-xs\">\n<div class=\"text-quote__avatar avatar--round\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/themes\/kinsta\/images\/custom-pages\/page\/landing-why-us\/kevin.png\" alt=\"Kevin Ohashi\" width=\"60\" height=\"60\" data-must_clone=\"true\"><\/div>\n<div class=\"flex--1\">\n<div class=\"heading--small\">Kevin Ohashi<\/div>\n<div class=\"text--small\">Fondateur et consultant WP, ReviewSignal<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Nous n&rsquo;avons pas non plus de repr\u00e9sentants de support de niveau 1 ou 2. Toute notre \u00e9quipe de support est compos\u00e9e de d\u00e9veloppeurs WordPress et d&rsquo;ing\u00e9nieurs d&rsquo;h\u00e9bergement Linux dont beaucoup ont g\u00e9r\u00e9 leurs propres serveurs, cr\u00e9\u00e9 des th\u00e8mes et des plugins, et ont contribu\u00e9 au c\u0153ur de WordPress. Vous \u00eates ainsi assur\u00e9 de recevoir des conseils d&rsquo;experts de la part de quelqu&rsquo;un qui utilise et d\u00e9veloppe activement WordPress.<\/p>\n<p>Vous pouvez discuter avec les m\u00eames membres de l&rsquo;\u00e9quipe de support qui soutiennent nos clients du Fortune 500 et les clients entreprise. Nous sommes tellement exigeants quant \u00e0 la qualit\u00e9 de notre \u00e9quipe de support que nous n&#8217;embauchons que moins de 1 % des candidats qui pr\u00e9sentent une demande. Vous ne trouverez pas de meilleur support ailleurs !<\/p>\n<div class=\"col-xs-12 col-md-10 col-md-offset-1 mt--40 mb--40\">\n<div class=\"text-quote__text mb--20\">\n<p>Avec WP Engine, les probl\u00e8mes de base sont g\u00e9n\u00e9ralement r\u00e9gl\u00e9s rapidement. Toutefois, pour toutes les questions complexes, une r\u00e9solution prendra un certain temps, et il y aura beaucoup de va-et-vient. C&rsquo;est un probl\u00e8me lorsque vous utilisez un site WordPress haut de gamme et qu&rsquo;il y a un probl\u00e8me urgent qui doit \u00eatre trait\u00e9 rapidement. Si vous demandez ma seule recommandation entre les deux, \u00e0 mon avis, Kinsta est meilleur. Ils offrent beaucoup plus que ce qu&rsquo;ils promettent. Vous n&rsquo;avez jamais \u00e0 vous soucier de la lenteur du site, des temps d&rsquo;indisponibilit\u00e9, de l&rsquo;obtention d&rsquo;un support de qualit\u00e9, ou de tout autre probl\u00e8me li\u00e9 \u00e0 l&rsquo;h\u00e9bergement.<\/p>\n<\/div>\n<div class=\"row nocol middle-xs\">\n<div class=\"text-quote__avatar avatar--round\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/themes\/kinsta\/images\/custom-pages\/page\/landing-wpengine-alternative\/harsh-agrawal.jpg\" alt=\"Harsh Agrawal\" width=\"60\" height=\"60\" data-must_clone=\"true\"><\/div>\n<div class=\"flex--1\">\n<div class=\"heading--small\">Harsh Agrawal<\/div>\n<div class=\"text--small\">Award-winning Blogger, ShoutMeLoud<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Pour en savoir plus sur les raisons pour lesquelles vous devriez choisir Kinsta pour l&rsquo;h\u00e9bergement WordPress infog\u00e9r\u00e9, lisez <a href=\"https:\/\/kinsta.com\/fr\/pourquoi-nous\/\" target=\"_blank\" rel=\"noopener noreferrer\">pourquoi nous &#8211; en quoi Kinsta est diff\u00e9rent<\/a>. Mais quel que soit le fournisseur d&rsquo;h\u00e9bergement que vous choisissez, vous devriez toujours rechercher les caract\u00e9ristiques de serveur suivantes pour vous assurer que votre site Web fonctionne aussi rapidement que possible.<\/p>\n<h3>PHP 7 ou sup\u00e9rieur pour les meilleures performances<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-php\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP<\/a> est un langage de script et de programmation open-source, c\u00f4t\u00e9 serveur, qui est principalement utilis\u00e9 pour le d\u00e9veloppement web. La majeure partie du logiciel WordPress est \u00e9crite en PHP, avec vos plugins et vos th\u00e8mes, ce qui fait de PHP un langage tr\u00e8s important pour la communaut\u00e9 WordPress. Vous devez vous assurer que votre h\u00e9bergeur WordPress offre au moins PHP 7 ou sup\u00e9rieur.<\/p>\n<p>Il existe diff\u00e9rentes versions de PHP que votre h\u00e9bergeur vous fournira sur votre serveur, avec le nouveau PHP 7.3 offrant d&rsquo;\u00e9normes am\u00e9liorations de performances.<\/p>\n<p>En fait, dans nos r\u00e9cents <a href=\"https:\/\/kinsta.com\/fr\/blog\/comparaison-php\/\" target=\"_blank\" rel=\"noopener noreferrer\">benchmarks PHP<\/a>, si vous comparez PHP 7.3 \u00e0 PHP 5.6, il peut traiter 3x plus de requ\u00eates (transactions) par seconde ! <a href=\"https:\/\/kinsta.com\/fr\/blog\/php-7-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP 7.3<\/a> est aussi environ 9% plus rapide que PHP 7.2. Cela peut \u00e9galement avoir un impact sur la r\u00e9activit\u00e9 de votre tableau de bord d&rsquo;administration WordPress.<\/p>\n<figure id=\"attachment_37393\" aria-describedby=\"caption-attachment-37393\" style=\"width: 940px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-37393\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/12\/wordpress-5.0-php-benchmarks-v2.png\" alt=\"Tests PHP et WordPress 5.0\" width=\"940\" height=\"788\" data-must_clone=\"true\"><figcaption id=\"caption-attachment-37393\" class=\"wp-caption-text\">Tests PHP et WordPress 5.0<\/figcaption><\/figure>\n<p>Des vitesses plus rapides et une s\u00e9curit\u00e9 am\u00e9lior\u00e9e, c&rsquo;est pourquoi Kinsta propose toujours les versions les plus r\u00e9centes de PHP. Vous pouvez <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-mettre-a-jour-php-dans-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">changer de version de PHP<\/a> en un seul clic.<\/p>\n<figure id=\"attachment_55765\" aria-describedby=\"caption-attachment-55765\" style=\"width: 1498px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-55765 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/changer-version-php-wordpress-2.png\" alt=\"Changer la version PHP de WordPress\" width=\"1498\" height=\"1044\"><figcaption id=\"caption-attachment-55765\" class=\"wp-caption-text\">Changer la version PHP de WordPress<\/figcaption><\/figure>\n<p>Et m\u00e9fiez-vous des h\u00e9bergeurs WordPress qui offrent le HHVM comme alternative \u00e0 PHP. Le HHVM n&rsquo;est <a href=\"https:\/\/kinsta.com\/fr\/blog\/hhvm-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">plus une solution adapt\u00e9e<\/a> \u00e0 l&rsquo;h\u00e9bergement WordPress.<\/p>\n<h3>Choisissez un h\u00e9bergeur qui utilise Nginx<\/h3>\n<p>Dans les coulisses, chaque h\u00e9bergeur WordPress utilise un serveur Web pour propulser vos sites WordPress. Les choix les plus courants sont Nginx et <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-qu-apache\/\" target=\"_blank\" rel=\"noopener noreferrer\">Apache<\/a>.<\/p>\n<p>Nous recommandons fortement d&rsquo;opter pour un h\u00e9bergeur qui utilise <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-nginx\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nginx<\/a> en raison de ses <strong>racines dans le domaine de l&rsquo;optimisation des performances<\/strong>. Nginx surclasse souvent d&rsquo;autres serveurs Web populaires dans les tests de r\u00e9f\u00e9rence, en particulier dans les situations avec un contenu statique ou des requ\u00eates simultan\u00e9es \u00e9lev\u00e9es, c&rsquo;est pourquoi Kinsta utilise Nginx.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/10\/nginx-logo.svg\" alt=\"Nginx\" data-must_clone=\"true\"><\/p>\n<p>Parmi les entreprises de renom qui utilisent Nginx figurent Autodesk, Atlassian, Intuit, T-Mobile, GitLab, DuckDuckGo, Microsoft, IBM, Google, Adobe, Salesforce, VMWare, Xerox, LinkedIn, Cisco, Facebook, Target, Citrix Systems, Twitter, Apple, Intel et beaucoup plus. (<a href=\"https:\/\/siftery.com\/company\/nginx\" target=\"_blank\" rel=\"noopener noreferrer\">source<\/a>)<\/p>\n<p>Selon <a href=\"https:\/\/w3techs.com\/technologies\/cross\/web_server\/ranking\" target=\"_blank\" rel=\"noopener noreferrer\">W3Techs<\/a>, Apache alimente 44,0% de tous les sites Web, ce qui en fait l&rsquo;option la plus utilis\u00e9e. Mais si vous regardez le serveur web le plus populaire parmi les sites web \u00e0 fort trafic (top 10,000), Nginx en a 41,9%, alors qu&rsquo;Apache n&rsquo;en d\u00e9tient que 18,1%. Il est utilis\u00e9 par certains des sites les plus gourmands en ressources existantes, dont Netflix, la NASA et m\u00eame WordPress.com.<\/p>\n<p>Lisez notre affrontement : <a href=\"https:\/\/kinsta.com\/fr\/blog\/nginx-vs-apache\/\">Nginx vs Apache<\/a>.<\/p>\n<h3>Le r\u00e9seau de votre h\u00e9bergeur est important<\/h3>\n<p>Lorsque vous choisissez un h\u00e9bergeur WordPress, vous ne pensez peut-\u00eatre m\u00eame pas \u00e0 demander ou \u00e0 faire des recherches sur le r\u00e9seau qu&rsquo;ils utilisent, mais vous devriez le faire. Le r\u00e9seau peut avoir un impact \u00e9norme sur les performances de votre site et m\u00eame sur la rapidit\u00e9 de votre tableau de bord WordPress. Beaucoup d&rsquo;h\u00e9bergeurs laisseront cela en dehors de leur marketing car ils opteront pour le r\u00e9seau le moins cher afin de r\u00e9duire les co\u00fbts.<\/p>\n<p>Voici quelques questions que vous devriez poser :<\/p>\n<ul>\n<li><strong>Sur quels r\u00e9seaux transmettez-vous des donn\u00e9es ?<\/strong> Est-ce que la majorit\u00e9 d&rsquo;entre eux passent par des r\u00e9seaux de FAI publics ou des infrastructures priv\u00e9es telles que Google ou Microsoft ? Ces grands fournisseurs ont des r\u00e9seaux qui sont construits et optimis\u00e9s pour une latence faible et la vitesse. Ils ont m\u00eame leurs propres c\u00e2bles Internet sous l&rsquo;oc\u00e9an !<\/li>\n<li><strong>Les r\u00e9seaux que vous utilisez sont-ils redondants ?<\/strong> Que se passe-t-il si un c\u00e2ble est coup\u00e9 accidentellement ? Cela arrive plus souvent que vous ne le pensez.<\/li>\n<\/ul>\n<p>Retour en 2017, Google a annonc\u00e9 leur r\u00e9seau de niveau standard, qui est un r\u00e9seau plus lent, mais \u00e0 un co\u00fbt moindre. Chez Kinsta, nous utilisons leur <strong>r\u00e9seau de niveau sup\u00e9rieur<\/strong> pour tous nos plans d&rsquo;h\u00e9bergement. Bien qu&rsquo;il s&rsquo;agisse d&rsquo;un co\u00fbt suppl\u00e9mentaire pour nous, cela vous assure une vitesse fulgurante.<\/p>\n\n<p><a href=\"https:\/\/medium.com\/google-cloud\/gcps-standard-tier-networking-performance-c66350cf4763\" target=\"_blank\" rel=\"noopener noreferrer\">Selon Google,<\/a> le r\u00e9seau premium permet d&rsquo;am\u00e9liorer les performances du r\u00e9seau en r\u00e9duisant la dur\u00e9e des d\u00e9placements sur Internet ; les paquets entrent (et sortent) du r\u00e9seau de Google aussi pr\u00e8s que possible de l&rsquo;utilisateur et voyagent ensuite sur le backbone de Google avant d&rsquo;arriver \u00e0 la VM. Le niveau standard achemine le trafic sortant de la GCP (Plateforme Google Cloud) vers Internet par l&rsquo;interm\u00e9diaire des r\u00e9seaux de transport commun (ISP) plut\u00f4t que par le r\u00e9seau de Google.<\/p>\n<figure style=\"width: 1325px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/resau-premium-google-cloud.png\" alt=\"R\u00e9seau premium de la plateforme Google Cloud\" width=\"1325\" height=\"551\"><figcaption class=\"wp-caption-text\">R\u00e9seau premium de la plateforme Google Cloud (Source de l&rsquo;image : <a href=\"https:\/\/cloud.google.com\/blog\/products\/gcp\/introducing-network-service-tiers-your-cloud-network-your-way\" target=\"_blank\" rel=\"noopener noreferrer\">Google<\/a>)<\/figcaption><\/figure>\n<p>En d&rsquo;autres termes, c&rsquo;est plus facile \u00e0 comprendre :<\/p>\n<ul>\n<li><strong>Les paquets de niveau Premium passent plus de temps sur le r\u00e9seau de Google<\/strong>, avec moins de rebondissements, et sont donc plus performants (mais co\u00fbtent plus cher).<\/li>\n<li>Les paquets de niveau standard passent moins de temps sur le r\u00e9seau de Google, et plus de temps \u00e0 jouer \u00e0 la patate chaude sur les r\u00e9seaux publics, et donc, sont moins performants (mais moins chers).<\/li>\n<\/ul>\n<p>Dans quelle mesure cela a-t-il un impact ? Eh bien, pour les donn\u00e9es voyageant \u00e0 travers les continents, leur r\u00e9seau de niveau premium est en moyenne <strong>41% plus rapide<\/strong> que le r\u00e9seau de niveau standard. Pour les donn\u00e9es voyageant vers une r\u00e9gion voisine (m\u00eame continent), le niveau premium est environ <strong>8% plus rapide<\/strong>. Alors que la mise en r\u00e9seau ne repr\u00e9sente qu&rsquo;une fraction du temps total de chargement de vos pages, chaque milliseconde s&rsquo;additionne !<\/p>\n\n<p>La redondance est \u00e9galement essentielle, et c&rsquo;est pourquoi Google utilise au moins trois chemins ind\u00e9pendants (redondance N+2) entre deux sites du r\u00e9seau Google, ce qui permet de garantir que le trafic continue \u00e0 circuler entre les sites m\u00eame en cas d&rsquo;interruption.<\/p>\n<p>Comme vous pouvez probablement le constater maintenant, il se passe beaucoup de choses dans les coulisses lorsqu&rsquo;il s&rsquo;agit de r\u00e9seau. Assurez-vous que votre h\u00e9bergeur WordPress en utilise un bien r\u00e9put\u00e9 et qu&rsquo;il n&rsquo;opte pas pour des r\u00e9seaux de niveau inf\u00e9rieur afin de r\u00e9duire les co\u00fbts.<\/p>\n<h3>HTTP\/2 est un incontournable<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/apprendre\/http2\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTTP\/2<\/a> est un protocole Web publi\u00e9 en 2015 qui a \u00e9t\u00e9 con\u00e7u pour acc\u00e9l\u00e9rer la livraison des sites Web. En raison de la prise en charge du navigateur, il n\u00e9cessite HTTPS (SSL). Si votre h\u00e9bergeur WordPress ne supporte pas HTTP\/2, vous devriez commencer \u00e0 en chercher un nouveau. Avec le passage de l&rsquo;ensemble du web au HTTPS, ce n&rsquo;est plus seulement une fonctionnalit\u00e9 agr\u00e9able \u00e0 avoir, c&rsquo;est une n\u00e9cessit\u00e9.<\/p>\n<p>L&rsquo;am\u00e9lioration des performances avec HTTP\/2 est due \u00e0 une vari\u00e9t\u00e9 de raisons telles que la prise en charge d&rsquo;un meilleur multiplexage, le parall\u00e9lisme, la compression HPACK avec codage Huffman, l&rsquo;extension ALPN, et le serveur push. Il y avait auparavant pas mal de TLS surcharg\u00e9s lorsqu&rsquo;il s&rsquo;agissait de passer sur HTTPS, mais c&rsquo;est maintenant beaucoup moins le cas gr\u00e2ce \u00e0 HTTP\/2 et <a href=\"https:\/\/kinsta.com\/fr\/blog\/tls-1-3\/\">TLS 1.3<\/a>. <strong>Kinsta supporte le HTTP\/2 et le TLS 1.3 sur tous nos serveurs et notre CDN.<\/strong><\/p>\n<p>Une autre grande victoire avec HTTP\/2 est qu&rsquo;avec la plupart des sites WordPress, vous n&rsquo;avez plus \u00e0 vous soucier de la concat\u00e9nation (combinaison de fichiers) ou du partage de domaines. Ces optimisations sont aujourd&rsquo;hui obsol\u00e8tes.<\/p>\n<h2 id=\"server-location\">Choisissez le serveur le plus proche de vos visiteurs<\/h2>\n<p>L&rsquo;une des toutes premi\u00e8res choses que vous devez faire lorsque vous h\u00e9bergez votre site WordPress est de d\u00e9terminer d&rsquo;o\u00f9 vient la majorit\u00e9 de vos visiteurs ou clients. Pourquoi est-ce important ? Parce que l&#8217;emplacement o\u00f9 vous h\u00e9bergez votre site Web joue un r\u00f4le important dans la d\u00e9termination de la latence globale de votre r\u00e9seau et du TTFB. Il a \u00e9galement un impact sur les vitesses SFTP et la r\u00e9activit\u00e9 du tableau de bord d&rsquo;administration de WordPress.<\/p>\n<p><strong>Latence du r\u00e9seau :<\/strong> Il s&rsquo;agit de la dur\u00e9e ou du d\u00e9lai de transmission des donn\u00e9es sur un r\u00e9seau. En d&rsquo;autres termes, le temps qu&rsquo;il faut pour qu&rsquo;un paquet de donn\u00e9es passe d&rsquo;un point \u00e0 un autre. De nos jours, cela se mesure g\u00e9n\u00e9ralement en millisecondes, mais cela peut prendre quelques secondes selon le r\u00e9seau. Plus on se rapproche de z\u00e9ro, mieux c&rsquo;est.<\/p>\n<p>Jetez un coup d&rsquo;\u0153il \u00e0 notre article d\u00e9taill\u00e9 sur la <a href=\"https:\/\/kinsta.com\/fr\/blog\/latence-du-reseau\/\" target=\"_blank\" rel=\"noopener noreferrer\">latence du r\u00e9seau<\/a>.<\/p>\n<p><strong>TTFB :<\/strong> C&rsquo;est abr\u00e9viation de Time To First Byte. En termes simples, il s&rsquo;agit d&rsquo;une mesure du temps d&rsquo;attente du navigateur avant de recevoir son premier octet de donn\u00e9es du serveur. Plus il faut de temps pour obtenir ces donn\u00e9es, plus il faut de temps pour afficher votre page. Encore une fois, plus on se rapproche de z\u00e9ro, mieux c&rsquo;est.<\/p>\n<p>Consultez notre article d\u00e9taill\u00e9 sur le <a href=\"https:\/\/kinsta.com\/fr\/blog\/ttfb\/\" target=\"_blank\" rel=\"noopener noreferrer\">TTFB<\/a>.<\/p>\n<p>Nous n\u2019allons pas vous ennuyer avec tous les d\u00e9tails techniques dans cet article, tout ce que vous avez besoin de savoir est que <strong>vous voulez que votre latence r\u00e9seau et votre TTFB soient aussi faibles que possible<\/strong>. L&rsquo;une des fa\u00e7ons les plus simples d&rsquo;y parvenir est de choisir le serveur le plus proche de vos visiteurs. Vous pouvez d\u00e9terminer le meilleur emplacement en suivant les conseils ci-dessous.<\/p>\n<h3>Astuce 1 &#8211; V\u00e9rifiez la g\u00e9olocalisation de vos visiteurs dans Google Analytics<\/h3>\n<p>L&rsquo;une des premi\u00e8res choses que vous pouvez faire est de regarder la g\u00e9olocalisation de vos visiteurs dans <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-utliser-google-analytics\/\">Google Analytics<\/a>. Vous la trouverez sous \u00ab\u00a0Audience \u2192 Geo \u2192 Location.\u00a0\u00bb<\/p>\n<p>Dans l&rsquo;exemple ci-dessous, vous pouvez voir que plus de 90 % du trafic provient des \u00c9tats-Unis. Ainsi, dans la plupart des cas, vous devrez placer votre site WordPress sur un serveur aux \u00c9tats-Unis. Vous pouvez \u00e9galement filtrer les donn\u00e9es encore plus loin vers les villes. Ceci est particuli\u00e8rement important si vous \u00eates une entreprise locale. Mais en g\u00e9n\u00e9ral, nous recommandons un endroit central comme l&rsquo;Iowa, aux \u00c9tats-Unis.<\/p>\n<figure style=\"width: 1239px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/geolocalisation-dans-google-analytics.png\" alt=\"G\u00e9olocalisation dans Google Analytics\" width=\"1239\" height=\"758\"><figcaption class=\"wp-caption-text\">G\u00e9olocalisation dans Google Analytics<\/figcaption><\/figure>\n<h3>Astuce 2 &#8211; V\u00e9rifier les donn\u00e9es eCommerce<\/h3>\n<p>Si vous g\u00e9rez une boutique eCommerce, assurez-vous \u00e9galement de v\u00e9rifier d&rsquo;<strong>o\u00f9 viennent vos clients<\/strong>. C&rsquo;est bien s\u00fbr la fa\u00e7on dont vous g\u00e9n\u00e9rez des revenus, donc ce sont vos visiteurs les plus importants. Ceci devrait co\u00efncider avec votre trafic ci-dessus ; cependant, ce n&rsquo;est pas toujours le cas. Si vous avez des donn\u00e9es eCommerce ou des objectifs dans Google Analytics, vous pouvez facilement superposer ces informations aux donn\u00e9es de g\u00e9olocalisation pour prendre une d\u00e9cision plus \u00e9clair\u00e9e. Ou v\u00e9rifiez les informations de localisation stock\u00e9es dans la base de donn\u00e9es de votre plateforme de eCommerce.<\/p>\n<h3>Astuce 3 &#8211; Effectuez un test rapide de latence<\/h3>\n<p>Il existe de nombreux outils pratiques et gratuits pour mesurer la latence \u00e0 partir de votre emplacement actuel pour diff\u00e9rents fournisseurs de cloud computing. Cela peut vous aider \u00e0 \u00e9valuer rapidement quelle r\u00e9gion pourrait \u00eatre le meilleur choix pour votre site.<\/p>\n<ul>\n<li><a href=\"http:\/\/www.gcping.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GCP Ping<\/a> (mesure de latence pour les r\u00e9gions de la plateforme Google Cloud, y compris les serveurs Kinsta)<\/li>\n<li><a href=\"http:\/\/www.cloudping.info\/\" target=\"_blank\" rel=\"noopener noreferrer\">CloudPing.info<\/a> (mesure la latence dans les r\u00e9gions de Amazon Web Services)<\/li>\n<li><a href=\"http:\/\/www.azurespeed.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Azure Latency Test<\/a> (mesure la latence dans les r\u00e9gions de Azur)<\/li>\n<\/ul>\n<p>Dans l&rsquo;exemple ci-dessous, nous pouvons voir que l&rsquo;Oregon, USA (us-ouest1) est le plus rapide d&rsquo;o\u00f9 nous sommes situ\u00e9s. Cependant, si vous servez des clients dans l&rsquo;ensemble des \u00c9tats-Unis, il serait peut-\u00eatre pr\u00e9f\u00e9rable de choisir l&rsquo;Iowa, \u00c9tats-Unis (us-central1) pour assurer une faible latence aux visiteurs de la c\u00f4te ouest et de la c\u00f4te est.<\/p>\n<figure style=\"width: 1649px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/mesurer-latence-google-cloud.png\" alt=\"Mesurer la latence de la plateforme Google Cloud\" width=\"1649\" height=\"1722\"><figcaption class=\"wp-caption-text\">Mesurer la latence de la plateforme Google Cloud<\/figcaption><\/figure>\n<p>Chez Kinsta, nous offrons <a href=\"https:\/\/kinsta.com\/fr\/docs\/information-service\/emplacements-centre-de-donnees\/\" target=\"_blank\" rel=\"noopener noreferrer\">27 centres de donn\u00e9es diff\u00e9rents<\/a> \u00e0 travers le monde. Vous pouvez facilement choisir un site qui aura \u00e0 la fois une faible latence et un faible TTFB ! Cela permet \u00e9galement de r\u00e9duire les sauts de r\u00e9seau.<\/p>\n<figure id=\"attachment_44221\" aria-describedby=\"caption-attachment-44221\" style=\"width: 1613px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-44221 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2015\/04\/google-cloud-data-center-locations-20-5.png\" alt=\"Localisation des centres de donn\u00e9es de Google Cloud\" width=\"1613\" height=\"843\" data-must_clone=\"true\"><figcaption id=\"caption-attachment-44221\" class=\"wp-caption-text\">Localisation des centres de donn\u00e9es de Google Cloud<\/figcaption><\/figure>\n<h3>Autres moyens de r\u00e9duire la latence et le TTFB<\/h3>\n<p>En plus de choisir un emplacement de serveur proche, voici quelques autres fa\u00e7ons de r\u00e9duire la latence.<\/p>\n<ul>\n<li>Impl\u00e9mentez la mise en cache sur votre site WordPress. Dans nos tests, la mise en cache a r\u00e9duit notre TTFB d&rsquo;un \u00e9norme 90% !<\/li>\n<li>Utilisez un r\u00e9seau de diffusion de contenu (CDN) pour servir les ressources mises en cache via des POPs du monde entier. Cela aide \u00e0 annuler la latence du r\u00e9seau pour les visiteurs qui pourraient ne pas \u00eatre proches de votre serveur h\u00f4te.<\/li>\n<li>Profitez du protocole HTTP\/2 pour minimiser le nombre d&rsquo;allers-retours gr\u00e2ce \u00e0 la parall\u00e9lisation. HTTP\/2 est activ\u00e9 sur tous les serveurs Kinsta.<\/li>\n<li>R\u00e9duisez le nombre de requ\u00eates HTTP externes. Chacune d&rsquo;entre elle peut avoir sa propre latence suppl\u00e9mentaire en fonction de l&#8217;emplacement de son serveur.<\/li>\n<li>Les DNS jouent un r\u00f4le dans le TTFB, vous devriez donc utiliser un fournisseur de DNS premium avec des temps de recherche rapides.<\/li>\n<li>Utilisez Prefetch et Prerender pour effectuer des t\u00e2ches en coulisses pendant le chargement de la page.<\/li>\n<\/ul>\n<p>Ne vous inqui\u00e9tez pas, nous traiterons de toutes les recommandations mentionn\u00e9es ci-dessus plus loin dans cet article.<\/p>\n<h3>Vitesses du SFTP et du tableau de bord d&rsquo;administration de WordPress<\/h3>\n<p>Vos visiteurs et clients devraient toujours \u00eatre votre priorit\u00e9. Mais un autre aspect de la performance dont beaucoup ne parlent pas est la fa\u00e7on dont <strong>certaines de ces d\u00e9cisions affectent votre travail quotidien<\/strong>. L&#8217;emplacement du centre de donn\u00e9es que vous choisissez a un impact sur la vitesse de chargement et de t\u00e9l\u00e9chargement SFTP (transfert de fichiers avec un client FTP), ainsi que sur la r\u00e9activit\u00e9 de votre tableau de bord d&rsquo;administration WordPress.<\/p>\n<p>Ainsi, m\u00eame si vous voulez vous rassurer et choisir l&#8217;emplacement qui convient le mieux \u00e0 vos visiteurs, gardez \u00e0 l&rsquo;esprit que cela peut affecter la gestion du site. Des t\u00e2ches comme le t\u00e9l\u00e9chargement de fichiers vers la m\u00e9diath\u00e8que WordPress seront plus rapides lorsque votre site sera h\u00e9berg\u00e9 dans un centre de donn\u00e9es plus proche de chez vous.<\/p>\n<p>Nous entendons constamment les clients de Kinsta nous dire qu&rsquo;ils sont surpris par la rapidit\u00e9 avec laquelle leur tableau de bord d&rsquo;administration est chez nous. Il y a une multitude de facteurs qui influencent cela, mais avoir 20 centres de donn\u00e9es diff\u00e9rents, c&rsquo;est \u00e9norme ! \u00a0 Choisissez un endroit qui convient \u00e0 la fois \u00e0 vos visiteurs et \u00e0 vous ! Apr\u00e8s tout, c&rsquo;est vous qui allez probablement passer des milliers d&rsquo;heures \u00e0 travailler sur votre site Web.<\/p>\n<h2 id=\"dns\">Les DNS Premium sont meilleurs que less DNS gratuit<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/que-sont-les-dns\/\" target=\"_blank\" rel=\"noopener noreferrer\">Les DNS<\/a>, abr\u00e9viation de Domain Name System, sont l&rsquo;un des composants les plus courants et les plus m\u00e9connus du paysage web. En termes simples, les DNS aident \u00e0 diriger le trafic sur Internet en connectant les noms de domaine \u00e0 des serveurs Web r\u00e9els. Essentiellement, il faut une requ\u00eate humaine &#8211; un nom de domaine comme kinsta.com &#8211; et cela se traduit en une adresse IP de serveur conviviale &#8211; comme 216.58.217.206.<\/p>\n<figure style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/comment-fonctionne-le-dns.png\" alt=\"Comment fonctionnent les DNS\" width=\"1024\" height=\"303\"><figcaption class=\"wp-caption-text\">Comment fonctionnent les DNS<\/figcaption><\/figure>\n<p>Vous pouvez trouver \u00e0 la fois des DNS gratuits et des DNS premium. Tous les clients Kinsta ont acc\u00e8s au DNS premium via Amazon Route 53. Et en g\u00e9n\u00e9ral, nous croyons que le <a href=\"https:\/\/kinsta.com\/fr\/blog\/dns-premium\/\" target=\"_blank\" rel=\"noopener noreferrer\">DNS premium est une n\u00e9cessit\u00e9<\/a> dans le monde d&rsquo;aujourd&rsquo;hui.<\/p>\n<p>L&rsquo;une des principales raisons de choisir un DNS haut de gamme est la <strong>vitesse et la fiabilit\u00e9<\/strong>. La recherche des enregistrements DNS et la direction du trafic prennent du temps, m\u00eame si ce n&rsquo;est qu&rsquo;une question de millisecondes.<\/p>\n<p>G\u00e9n\u00e9ralement, les DNS gratuits que vous obtiendrez de votre registraire de noms de domaine sont comparativement lents, alors que les DNS premium offrent souvent de meilleures performances. Par exemple, <a href=\"https:\/\/kinsta.com\/fr\/blog\/dns-premium\/#3-performances\" target=\"_blank\" rel=\"noopener noreferrer\">dans nos tests<\/a>, nous avons trouv\u00e9 que le <strong>DNS gratuit NameCheap \u00e9tait 33% plus lent<\/strong> que les DNS premium Amazon Route 53. De plus, les DNS premium peuvent offrir une meilleure s\u00e9curit\u00e9 et une meilleure disponibilit\u00e9, en particulier lorsque vous \u00eates victime d&rsquo;une attaque DDoS.<\/p>\n<p>Vous pouvez utiliser un outil comme le <a href=\"http:\/\/www.solvedns.com\/dnsspeedtest\/\" target=\"_blank\" rel=\"noopener noreferrer\">test de vitesse SolveDNS<\/a> pour v\u00e9rifier vos temps de recherche DNS. <a href=\"https:\/\/www.dnsperf.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">DNSPerf<\/a> fournit \u00e9galement d&rsquo;excellentes donn\u00e9es de performances sur tous les principaux fournisseurs de DNS.<\/p>\n<p>Pour un bon compromis entre les DNS gratuits fournis par votre bureau d&rsquo;enregistrement de domaine (Registraire) et les DNS premium, <a href=\"https:\/\/www.cloudflare.com\/fr-fr\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cloudflare DNS<\/a> est un service gratuit qui offre encore de nombreux avantages du DNS premium. Et ils explosent rapidement avec des temps de r\u00e9ponse moyens inf\u00e9rieurs \u00e0 20 ms dans le monde entier (comme on le voit ci-dessous).<\/p>\n<figure style=\"width: 1558px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-de-vitesse-dns-avec-cloudflare.png\" alt=\"Test de vitesse DNS avec Cloudflare\" width=\"1558\" height=\"1006\"><figcaption class=\"wp-caption-text\">Test de vitesse DNS avec Cloudflare<\/figcaption><\/figure>\n<p>L&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/integration-cloudflare\/\">int\u00e9gration de Cloudflare<\/a> est fournie avec tous les <a href=\"https:\/\/kinsta.com\/fr\/tarifs\/?plan=visits-business1\">plans Kinsta<\/a>. Si vous servez principalement des visiteurs aux \u00c9tats-Unis, <a href=\"https:\/\/dnsmadeeasy.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">DNS Made Easy<\/a> est un autre excellent fournisseur de DNS haut de gamme que vous voudrez peut-\u00eatre consulter. Ils ont la r\u00e9putation d&rsquo;avoir fourni certains des meilleurs temps de disponibilit\u00e9 DNS au cours de la derni\u00e8re d\u00e9cennie.<\/p>\n<p>Au cours des 30 derniers jours, DNSPerf affiche le temps de disponibilit\u00e9 suivant de ces fournisseurs :<\/p>\n<ul>\n<li>DNS Made Easy : 99,99% ce qui \u00e9quivaut \u00e0 un\u00a0<a href=\"https:\/\/uptime.is\/99.99\" target=\"_blank\" rel=\"noopener noreferrer\">4m 23,0s de temps d&rsquo;indisponibilit\u00e9 mensuel<\/a>.<\/li>\n<li>Amazon Route 53 : 99,88% ce qui \u00e9quivaut \u00e0\u00a0<a href=\"https:\/\/uptime.is\/99.88\" target=\"_blank\" rel=\"noopener noreferrer\">52m 35,7s de temps d&rsquo;indisponibilit\u00e9 mensuel<\/a>.<\/li>\n<li>Cloudflare : 99.85% ce qui \u00e9quivaut \u00e0\u00a0<a href=\"https:\/\/uptime.is\/99.85\" target=\"_blank\" rel=\"noopener noreferrer\">1h 5m 44.6s de temps d&rsquo;indisponibilit\u00e9 mensuel<\/a>.<\/li>\n<\/ul>\n<p>Les temps d&rsquo;indisponibilit\u00e9 sont-ils si importants pour les fournisseurs DNS ? La r\u00e9ponse \u00e0 cette question est vraiment oui et non. Les DNS sont g\u00e9n\u00e9ralement mis en cache avec les FAI en utilisant la valeur TTL (Time to live) sur l&rsquo;enregistrement DNS. Par cons\u00e9quent, si un fournisseur DNS tombe en panne pendant 10 minutes, vous ne remarquerez probablement rien. Le temps d&rsquo;indisponibilit\u00e9 est cependant important si le fournisseur a constamment des pannes plus longues et fr\u00e9quentes, ou si votre FAI et les enregistrements DNS utilisent tous les deux des valeurs TTL tr\u00e8s basses.<\/p>\n<h2 id=\"wordpress-theme\">Votre th\u00e8me WordPress est important<\/h2>\n<p>Tout le monde aime avoir un th\u00e8me WordPress flambant neuf, mais soyez prudent avant de sortir et de vous emparer de celui avec toutes les nouvelles fonctionnalit\u00e9s brillantes. Tout d&rsquo;abord, vous devriez consulter notre article sur les diff\u00e9rences entre les <a href=\"https:\/\/kinsta.com\/fr\/blog\/themes-wordpress-gratuits-vs-payants\/\" target=\"_blank\" rel=\"noopener noreferrer\">th\u00e8mes gratuits et payants<\/a>. En ce qui concerne la performance, chaque \u00e9l\u00e9ment que vous voyez dans un th\u00e8me a un impact sur la vitesse globale de votre site Web. Et malheureusement, avec des milliers de th\u00e8mes dans la nature, il y en a de bons et de mauvais.<\/p>\n\n<p>Alors comment \u00eates-vous cens\u00e9 savoir lequel choisir ? Nous vous recommandons d&rsquo;opter pour l&rsquo;une des deux options suivantes :<\/p>\n<ul>\n<li>Un th\u00e8me WordPress rapide et l\u00e9ger qui est <strong>construit avec seulement les fonctionnalit\u00e9s dont vous avez besoin<\/strong>, rien de plus.<\/li>\n<li>Un th\u00e8me WordPress plus riche en fonctionnalit\u00e9s, mais vous pouvez <strong>d\u00e9sactiver les fonctionnalit\u00e9s<\/strong> qui ne sont pas utilis\u00e9es.<\/li>\n<\/ul>\n<p>Des choses comme les <a href=\"https:\/\/kinsta.com\/fr\/blog\/meilleures-polices-google-fonts\/\" target=\"_blank\" rel=\"noopener noreferrer\">polices Google<\/a>, les ic\u00f4nes Font Awesome, les curseurs, les galeries, les scripts vid\u00e9o et parallax, etc. Ce ne sont l\u00e0 que quelques-unes des nombreuses choses que vous devriez pouvoir d\u00e9sactiver si vous ne les utilisez pas. Vous ne voulez pas essayer de les modifier manuellement apr\u00e8s coup. Et nous n&rsquo;allons pas vous montrer 50 fa\u00e7ons diff\u00e9rentes de d\u00e9pouiller les choses. Au lieu de cela, vous devriez commencer ou passer \u00e0 un th\u00e8me WordPress qui est soit l\u00e9ger depuis le d\u00e9but ou vous donne ces options.<\/p>\n<p>Vous trouverez ci-dessous quelques th\u00e8mes WordPress que nous recommandons et avec lesquels vous ne pouvez pas vous tromper ! Faites-nous confiance, vous nous remercierez plus tard. \ud83d\ude09<\/p>\n<p>Chaque th\u00e8me mentionn\u00e9 ci-dessous est enti\u00e8rement compatible avec WooCommerce et Easy Digital Downloads, WPML, BuddyPress et bbPress. Nous effectuons quelques tests de vitesse avec chaque th\u00e8me en utilisant la configuration suivante :<\/p>\n<ul>\n<li>H\u00e9berg\u00e9 sur Kinsta, sous WordPress 4.9.8<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/php-7-3\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP 7.3<\/a> et SSL (HTTPS)<\/li>\n<li>CDN Kinsta<\/li>\n<li><a href=\"https:\/\/imagify.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Imagify<\/a> a \u00e9t\u00e9 utilis\u00e9 pour compresser automatiquement les images.<\/li>\n<\/ul>\n<h3>GeneratePress<\/h3>\n<p><a href=\"https:\/\/generatepress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GeneratePress<\/a> est un th\u00e8me WordPress rapide, l\u00e9ger (moins de 1 Mo zipp\u00e9), responsive pour les mobiles, con\u00e7u pour la vitesse, le r\u00e9f\u00e9rencement et la convivialit\u00e9. Construit par Tom Usborne, un d\u00e9veloppeur du Canada. Il est activement mis \u00e0 jour et bien soutenu. M\u00eame quelques membres de l&rsquo;\u00e9quipe Kinsta utilisent GeneratePress pour leurs projets.<\/p>\n<p>Il existe une version gratuite et une version premium. Si vous jetez un coup d&rsquo;\u0153il au <a href=\"https:\/\/wordpress.org\/themes\/generatepress\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9p\u00f4t WordPress<\/a>, la version gratuite compte actuellement plus de 200,000 installations actives, plus de 2 millions de t\u00e9l\u00e9chargements et une note impressionnante de 5 \u00e9toiles sur 5 (plus de 850 personnes lui ont attribu\u00e9 5 \u00e9toiles).<\/p>\n<p><a href=\"https:\/\/generatepress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" class=\" size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/generatepress-1.jpg\" alt=\"GeneratePress\" width=\"1574\" height=\"1049\" data-must_clone=\"true\"><\/a>GeneratePress<\/p>\n<p>L&rsquo;un des avantages de GeneratePress est que toutes les options utilisent le Customizer natif de WordPress, ce qui signifie que vous pouvez voir chaque changement que vous faites instantan\u00e9ment avant d&rsquo;appuyer sur le bouton de publication. Cela signifie \u00e9galement que vous n&rsquo;avez pas besoin d&rsquo;apprendre un nouveau panneau de contr\u00f4le de th\u00e8me.<\/p>\n<p>C&rsquo;est rapide \u00e0 quel point ? Nous avons fait une nouvelle installation de GeneratePress, effectu\u00e9 cinq tests de vitesse dans Pingdom, et pris la moyenne. Le temps de chargement total \u00e9tait de <strong>305 ms<\/strong> avec une <strong>taille de page<\/strong> <strong>totale de<\/strong> <strong>seulement 16,8 Ko<\/strong>. Il est toujours bon d&rsquo;avoir un test de base pour voir de quoi le th\u00e8me est capable en termes de performance brute.<\/p>\n<figure style=\"width: 1856px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-de-vitesse-generatepress.png\" alt=\"Test de vitesse d'une nouvelle installation avec GeneratePress\" width=\"1856\" height=\"606\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c4426708c00000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de Vitesse<\/a> nouvelle instalation GeneratePress<\/figcaption><\/figure>\n<p>Nous avons ensuite effectu\u00e9 une autre s\u00e9rie de tests avec l&rsquo;un des th\u00e8mes pr\u00e9-construits de la biblioth\u00e8que de sites GeneratePress. Il contient des images, des fonds d&rsquo;\u00e9cran, de nouvelles sections, etc. Un des avantages de GeneratePress est qu&rsquo;il a beaucoup de th\u00e8mes pr\u00e9-construits qui ne n\u00e9cessitent pas de plugin de cr\u00e9ation de page. Vous pouvez voir qu&rsquo;il a encore \u00e9t\u00e9 chronom\u00e9tr\u00e9 \u00e0 moins de 400 ms.<\/p>\n<figure style=\"width: 1824px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-de-vitesse-generatepress-colmplet.png\" alt=\"Test de vitesse du site GeneratePress complet\" width=\"1824\" height=\"590\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c51c9bdf800000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de vitesse<\/a> du site GeneratePress complet<\/figcaption><\/figure>\n<p>Maintenant, bien s\u00fbr, dans un environnement r\u00e9el, vous pouvez avoir d&rsquo;autres choses en cours d&rsquo;ex\u00e9cution comme Google Analytics, Facebook remarketing pixel, Hotjar, etc. Mais vous devriez pouvoir viser sous la barre des 1 seconde facilement. Jetez un coup d&rsquo;<a href=\"https:\/\/woorkup.com\/generatepress-review\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0153il \u00e0 l&rsquo;examen approfondi de GeneratePress<\/a> sur woorkup.<\/p>\n<p>Nous allons vous montrer plus de fa\u00e7ons d&rsquo;optimiser et d&rsquo;acc\u00e9l\u00e9rer WordPress ci-dessous.<\/p>\n<h3>OceanWP<\/h3>\n<p>Le <a href=\"https:\/\/oceanwp.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">th\u00e8me OceanWP<\/a> est l\u00e9ger et hautement extensible. Vous permet de cr\u00e9er presque n&rsquo;importe quel type de site web tel qu&rsquo;un blog, un portfolio, un site web professionnel ou une vitrine WooCommerce avec un design beau et professionnel. Construit par Nicolas Lecocq, il est aussi activement mis \u00e0 jour et bien soutenu.<\/p>\n<p>Tout comme avec GeneratePress, il existe une version gratuite et une version Premium. Si vous jetez un coup d&rsquo;oeil au <a href=\"https:\/\/wordpress.org\/themes\/oceanwp\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9p\u00f4t WordPress<\/a>, la version gratuite compte actuellement plus de 400,000 installations actives, et une autre note impressionnante de 5 \u00e9toiles sur 5 (plus de 2 600 personnes lui ont attribu\u00e9 5 \u00e9toiles).<\/p>\n<figure style=\"width: 1575px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/oceanwp.org\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/theme-oceanwp.jpg\" alt=\"Th\u00e8me OceanWP\" width=\"1575\" height=\"1060\"><\/a><figcaption class=\"wp-caption-text\">Th\u00e8me OceanWP<\/figcaption><\/figure>\n<p>C&rsquo;est rapide \u00e0 quel point ? Nous avons fait une nouvelle installation d&rsquo;OceanWP, effectu\u00e9 cinq tests de vitesse dans Pingdom, et pris la moyenne. Le temps de chargement total \u00e9tait de <strong>389 ms<\/strong> avec une <strong>taille de page<\/strong> totale de <strong>seulement 230,8 Ko<\/strong>. Les scripts d&rsquo;OceanWP sont un peu plus gros, mais il n&rsquo;y a rien \u00e0 \u00e9crire.<\/p>\n<figure style=\"width: 1484px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-de-vitesse-oceanwp.png\" alt=\"Test de vitesse d'une installation neuve de OceanWP\" width=\"1484\" height=\"476\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c564c81dc00000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de vitesse<\/a> d&rsquo;une installation neuve de OceanWP<\/figcaption><\/figure>\n<p>Nous avons ensuite effectu\u00e9 une autre s\u00e9rie de tests avec l&rsquo;un des th\u00e8mes de d\u00e9monstration de la biblioth\u00e8que de sites OceanWP. Il contient des images, des arri\u00e8re-plans, de nouvelles sections et n\u00e9cessite le plugin de cr\u00e9ation de page Elementor. Vous pouvez voir qu&rsquo;il a encore \u00e9t\u00e9 chronom\u00e9tr\u00e9 \u00e0 moins de 600 ms.<\/p>\n<figure style=\"width: 1466px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/oceanwp-speed-test-full-website.png\" alt=\"Test de vitesse du site OceanWP complet\" width=\"1466\" height=\"486\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c570dd24c00000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de vitesse<\/a> du site OceanWP complet<\/figcaption><\/figure>\n<p>Vous pouvez consulter une <a href=\"https:\/\/kinsta.com\/fr\/blog\/oceanwp\/\" target=\"_blank\" rel=\"noopener noreferrer\">critique plus approfondie d&rsquo;OceanWP<\/a> sur notre blog.<\/p>\n<h3>Astra<\/h3>\n<p><a href=\"https:\/\/wpastra.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Astra<\/a> est un th\u00e8me rapide, enti\u00e8rement personnalisable et magnifique qui convient aux blogs, aux portfolios, aux sites Web d&rsquo;entreprise et aux boutiques WooCommerce. Il est tr\u00e8s l\u00e9ger (moins de 50 Ko en front-end) et offre une vitesse in\u00e9gal\u00e9e. Construit par l&rsquo;\u00e9quipe de Brainstorm Force, il est activement mis \u00e0 jour et bien soutenu. Vous les reconna\u00eetrez peut-\u00eatre comme les cr\u00e9ateurs du populaire plugin All In One Schema Rich Snippets qui existe depuis de nombreuses ann\u00e9es.<\/p>\n<p>Tout comme pour GeneratePress et OceanWP, il existe une version gratuite et une version premium. Si vous jetez un coup d&rsquo;\u0153il au <a href=\"https:\/\/wordpress.org\/themes\/astra\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9p\u00f4t WordPress<\/a>, vous constaterez que la version gratuite compte actuellement plus de 100 000 installations actives, 1,6 millions de t\u00e9l\u00e9chargements et 5 \u00e9toiles sur 5 (plus de 850 personnes lui ont attribu\u00e9 5 \u00e9toiles).<\/p>\n<figure style=\"width: 1577px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/wpastra.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/astra-wordpress-theme-1.jpg\" alt=\"Th\u00e8me Astra WordPress\" width=\"1577\" height=\"1060\" data-must_clone=\"true\"><\/a><figcaption class=\"wp-caption-text\">Th\u00e8me Astra WordPress<\/figcaption><\/figure>\n<p>C&rsquo;est rapide \u00e0 quel point ? Nous avons fait une nouvelle installation d&rsquo;Astra, fait cinq tests de vitesse dans Pingdom, et pris la moyenne. Le temps de chargement total \u00e9tait de <strong>243 ms<\/strong> avec une <strong>taille de page<\/strong> totale de <strong>seulement 26,6 Ko<\/strong>.<\/p>\n<figure style=\"width: 1462px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/astra-speed-test-fresh-install.png\" alt=\"Test de vitesse d'une nouvelle installation de Astra\" width=\"1462\" height=\"476\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c57d98c7800000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de vitesse<\/a> d&rsquo;une nouvelle installation de Astra<\/figcaption><\/figure>\n<p>Nous avons ensuite effectu\u00e9 une autre s\u00e9rie de tests avec l&rsquo;un des th\u00e8mes de d\u00e9monstration de la biblioth\u00e8que de sites du kit de d\u00e9marrage Astra. Il contient des images, des arri\u00e8re-plans, de nouvelles sections et n\u00e9cessite le plugin de cr\u00e9ation de page Elementor. Vous pouvez voir qu&rsquo;il a encore \u00e9t\u00e9 chronom\u00e9tr\u00e9 \u00e0 moins de 700 ms. Note : les images de cette d\u00e9mo ont \u00e9t\u00e9 enti\u00e8rement compress\u00e9es, mais elles ont \u00e9t\u00e9 choisies en tr\u00e8s haute r\u00e9solution d\u00e8s le d\u00e9but.<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-de-vitesse-astra.png\" alt=\"Test de vitesse d\u2019un site complet avec Astra\" width=\"1468\" height=\"488\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c57a395d400000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de vitesse<\/a> d\u2019un site complet avec Astra<\/figcaption><\/figure>\n<p>Il est important de prendre avec des pincettes les diff\u00e9rences entre les tests de vitesse avec ces trois th\u00e8mes. Le probl\u00e8me, c&rsquo;est qu&rsquo;il est presque impossible d&rsquo;effectuer une comparaison c\u00f4te \u00e0 c\u00f4te compl\u00e8tement exacte. La chose importante que nous voulions vous montrer est que tous ces th\u00e8mes WordPress sont ultra rapides, \u00e0 la fois pr\u00eats \u00e0 l&#8217;emploi et ils proposent des d\u00e9mos compl\u00e8tes ! \ud83d\ude80<\/p>\n<h3>Avertissement concernant les constructeurs de pages<\/h3>\n<p>Comme vous l&rsquo;avez probablement remarqu\u00e9, OceanWP et Astra ont tous deux demand\u00e9 aux constructeurs de pages d&rsquo;utiliser les th\u00e8mes de leur biblioth\u00e8que de sites. Voici quelques points \u00e0 garder \u00e0 l&rsquo;esprit lors de l&rsquo;utilisation d&rsquo;un <a href=\"https:\/\/kinsta.com\/fr\/blog\/constructeurs-pages-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin de constructeur de page<\/a> :<\/p>\n<ul>\n<li>Certains constructeurs de pages peuvent augmenter le temps de chargement sur votre site. C&rsquo;est parce qu&rsquo;ils doivent charger des CSS et JS suppl\u00e9mentaires pour que les choses fonctionnent pour vous sans code. C&rsquo;est ainsi que la magie op\u00e8re ! Nous recommandons toujours de <a href=\"https:\/\/kinsta.com\/fr\/blog\/test-vitesse-site-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">tester rapidement<\/a> votre site WordPress avant et apr\u00e8s l&rsquo;installation d&rsquo;un constructeur de pages.<\/li>\n<li>Vous \u00eates en train de vous engager et de vous enfermer dans ce constructeur de page pour la conception. Assurez-vous d&rsquo;en choisir un qui est r\u00e9guli\u00e8rement mis \u00e0 jour et qui a tout ce dont vous avez besoin pour le long terme.<\/li>\n<\/ul>\n<p>Cela \u00e9tant dit, nous sommes toujours de grands fans des constructeurs de pages comme <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Elementor<\/a> et <a href=\"https:\/\/www.wpbeaverbuilder.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Beaver Builder<\/a>. Dans la plupart des cas, ils sont con\u00e7us pour la performance et n&rsquo;ajoutent que peu de ressources additionnelles. Pour la plupart, la fonctionnalit\u00e9 et la convivialit\u00e9 en valent la peine, car ces plugins vous permettent de cr\u00e9er tout ce que vous pouvez imaginer ! Ils peuvent aussi \u00eatre plus rapides dans certains cas car ils peuvent remplacer 5+ autres plugins que vous auriez d\u00fb utiliser autrement.<\/p>\n<p>Cependant, si vous n&rsquo;avez pas besoin d&rsquo;un plugin de construction de page, ne vous contentez pas d&rsquo;en installer un pour vous amuser. Il sera \u00e9galement int\u00e9ressant de voir comment le nouvel <a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9diteur de Gutenberg<\/a> jouera un r\u00f4le dans la conception de site au cours des deux prochaines ann\u00e9es.<\/p>\n<h2 id=\"wordpress-plugins\">Le point sur les plugins WordPress<\/h2>\n<p>Passons maintenant au scoop sur les plugins WordPress. On vous a peut-\u00eatre dit de ne pas installer trop de plugins, sinon cela ralentirait votre site WordPress. Bien que cela soit parfois vrai, ce n&rsquo;est pas le facteur le plus important. <strong>Le nombre de plugins n&rsquo;est pas aussi important que leur qualit\u00e9.<\/strong> Voil\u00e0, on l&rsquo;a dit. \ud83d\ude1c<\/p>\n<p>Tout comme pour les th\u00e8mes, il est important de savoir comment le plugin est d\u00e9velopp\u00e9 et s&rsquo;il a \u00e9t\u00e9 construit dans un souci de performance. Nous avons de nombreux clients chez Kinsta qui ex\u00e9cutent de 30 \u00e0 40 plugins et leurs sites se chargent encore en moins d&rsquo;une seconde.<\/p>\n<p>Bien qu&rsquo;il soit amusant d&rsquo;ajouter du code \u00e0 votre site, ce n&rsquo;est pas toujours pratique pour les raisons suivantes :<\/p>\n<ol>\n<li>Vous devez maintenir le code vous-m\u00eame et le mettre \u00e0 jour au fur et \u00e0 mesure que les normes changent. Les gens sont occup\u00e9s, pourquoi ne pas compter sur les d\u00e9veloppeurs fantastiques qui connaissent les standards mieux que la plupart ?<\/li>\n<li>La plupart du temps, un plugin bien cod\u00e9 ne va pas introduire beaucoup plus de temps de chargement que le code lui-m\u00eame.<\/li>\n<li>Vous devez vous rappeler qu&rsquo;une majorit\u00e9 de la communaut\u00e9 WordPress n&rsquo;est pas aussi au fait de la technologie que les d\u00e9veloppeurs. Les plugins sont des solutions qui aident \u00e0 r\u00e9soudre des probl\u00e8mes.<\/li>\n<\/ol>\n<p>Cela dit, il n&rsquo;y a bien s\u00fbr des plugins pas tr\u00c8s bons dont vous voulez rester \u00e0 l&rsquo;\u00e9cart. Croyez-nous, nous avons vu le pire du pire chez Kinsta. La plupart, mais pas tous, des <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/plugins-themes-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugins que nous bannissons<\/a> chez Kinsta causent des probl\u00e8mes de performances.<\/p>\n<p>Francesco a un article int\u00e9ressant dans lequel il teste les <a href=\"https:\/\/francescocarlucci.com\/seo\/load-testing-wordpress-plugins-performances\/\" target=\"_blank\" rel=\"noopener noreferrer\">performances de chargement des plugins WordPress<\/a> pour voir comment ils fonctionnent au niveau du back-end d&rsquo;un site WordPress, qui dans la plupart des cas, n&rsquo;est pas mis en cache. Nous allons nous plonger dans la fa\u00e7on de trouver les mauvais plugins sur votre site plus loin ci-dessous.<\/p>\n<p>Cependant, on ne peut pas ignorer que l&rsquo;une des choses que les gens aiment \u00e0 propos de WordPress est sa biblioth\u00e8que massive de plugins tiers. Mais avec plus de 56 000 plugins gratuits list\u00e9s sur WordPress.org et des milliers d&rsquo;autres list\u00e9s ailleurs, il peut \u00eatre difficile de trouver le plugin qu&rsquo;il vous faut. Vous parlez d&rsquo;une aiguille dans une botte de foin ! \u00a0 Consultez la liste que nous avons compil\u00e9e des <a href=\"https:\/\/kinsta.com\/fr\/meilleures-extensions-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">meilleurs plugins WordPress<\/a> sur le march\u00e9.<\/p>\n<p>Nous essayons seulement de partager les choses que nous utilisons quotidiennement. Et oui, nous utilisons des plugins WordPress sur notre site comme vous tous. Plusieurs membres de l&rsquo;\u00e9quipe de Kinsta d\u00e9veloppent et vendent m\u00eame des plugins.<\/p>\n<h3>Un gros probl\u00e8me avec les plugins WordPress<\/h3>\n<p>Un gros probl\u00e8me avec les plugins WordPress est le <a href=\"https:\/\/kinsta.com\/fr\/blog\/desinstaller-plugin-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">processus de d\u00e9sinstallation<\/a>.\u00a0Chaque fois que vous installez un plugin ou un th\u00e8me WordPress, il stocke les donn\u00e9es dans la base de donn\u00e9es. Le probl\u00e8me est que lorsque vous supprimez un plugin en utilisant l&rsquo;une des m\u00e9thodes standard, il laisse g\u00e9n\u00e9ralement derri\u00e8re lui des tables et des lignes dans votre base de donn\u00e9es. Avec le temps, cela peut s&rsquo;ajouter et repr\u00e9senter beaucoup de donn\u00e9es et m\u00eame commencer \u00e0 ralentir votre site. Dans notre exemple, nous avons d\u00e9sinstall\u00e9 le plugin de s\u00e9curit\u00e9 Wordfence, et il a laiss\u00e9 24 tables dans notre base de donn\u00e9es (voir ci-dessous). C&rsquo;est encore pire si elles sont derri\u00e8re les donn\u00e9es de votre table <code>wp_options<\/code>.<\/p>\n<figure style=\"width: 1735px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/07\/tables-wordfence.png\" alt=\"Tables WordFence\" width=\"1735\" height=\"1319\"><figcaption class=\"wp-caption-text\">Tables WordFence<\/figcaption><\/figure>\n<p>Et en plus de la base de donn\u00e9es, de nombreux plugins laissent aussi derri\u00e8re eux des dossiers et des fichiers suppl\u00e9mentaires. D&rsquo;apr\u00e8s notre exp\u00e9rience, cela se voit couramment avec les plugins de s\u00e9curit\u00e9 et de mise en cache qui cr\u00e9ent des r\u00e9pertoires suppl\u00e9mentaires pour les logs. Par exemple, apr\u00e8s la suppression du plugin Wordfence, il nous restait un dossier \u00ab\u00a0wflogs\u00a0\u00bb dans notre r\u00e9pertoire wp-content. Et nous n&rsquo;essayons pas de nous en prendre \u00e0 Wordfence, la majorit\u00e9 des plugins et des th\u00e8mes sur le march\u00e9 fonctionnent de cette fa\u00e7on.<\/p>\n<figure style=\"width: 1109px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/07\/logs-wordfence.png\" alt=\"Logs WordFence\" width=\"1109\" height=\"490\"><figcaption class=\"wp-caption-text\">Logs WordFence<\/figcaption><\/figure>\n<h3>Pourquoi les d\u00e9veloppeurs font-ils cela ?<\/h3>\n<p>Donc vous vous demandez probablement pourquoi les d\u00e9veloppeurs n&rsquo;ont pas d&rsquo;options d&rsquo;auto-nettoyage lorsque vous d\u00e9sinstallez et supprimez un plugin ? Eh bien, c&rsquo;est le cas. Mais, voici quelques raisons pour lesquelles elles ne sont probablement pas aussi \u00e9videntes d&#8217;embl\u00e9e.<\/p>\n<ol>\n<li><strong>Ils veulent conserver les param\u00e8tres pour l&rsquo;utilisateur.<\/strong> Si vous supprimez un plugin WordPress et d\u00e9cidez de le r\u00e9essayer plus tard, tous vos param\u00e8tres et donn\u00e9es seront toujours l\u00e0. Bien que cela soit tr\u00e8s pratique, ce n&rsquo;est pas le moyen le plus efficace.<\/li>\n<li><strong>Ils se fichent de la performance.<\/strong> Certains d\u00e9veloppeurs pourraient soutenir que le fait de ne pas tenir compte des tables n&rsquo;a pas d&rsquo;impact sur la performance. Mais imaginez un site sur dix ans, ayant utilis\u00e9 des centaines de plugins, qui ont g\u00e9n\u00e9r\u00e9 peut-\u00eatre des milliers de lignes ou de tables. Les requ\u00eates de base de donn\u00e9es ont un impact significatif sur les performances de votre site WordPress, et les <a href=\"https:\/\/kinsta.com\/fr\/blog\/performances-wordpress-new-relic\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugins peuvent faire beaucoup de ces requ\u00eates<\/a> si le d\u00e9veloppeur n&rsquo;a pas fait attention. En g\u00e9n\u00e9ral, un plugin bien \u00e9crit ne devrait interroger que les tables ou les lignes auxquelles il est li\u00e9, mais ce n&rsquo;est pas toujours le cas. Nous l&rsquo;avons vu chez Kinsta, de longues requ\u00eates de base de donn\u00e9es ont amen\u00e9 un site \u00e0 ramer \u00e0 cause des donn\u00e9es charg\u00e9es automatiquement <a href=\"https:\/\/kinsta.com\/fr\/blog\/donnees-wp-options-automatiquement-chargees\/\" target=\"_blank\" rel=\"noopener noreferrer\">dans la table wp_options<\/a> qui ont \u00e9t\u00e9 laiss\u00e9es derri\u00e8re.<\/li>\n<li><strong>Ils ont fait une erreur.<\/strong> Le <a href=\"https:\/\/developer.wordpress.org\/plugins\/the-basics\/uninstall-methods\/\" target=\"_blank\" rel=\"noopener noreferrer\">manuel du plugin WordPress<\/a> dit m\u00eame que \u00ab\u00a0les d\u00e9veloppeurs moins exp\u00e9riment\u00e9s font parfois l&rsquo;erreur d&rsquo;utiliser le hook de d\u00e9sactivation pour cela\u00a0\u00bb.<\/li>\n<\/ol>\n<p>La bonne nouvelle ? Il existe des moyens de nettoyer et de se d\u00e9barrasser correctement d&rsquo;un plugin. \ud83d\udc4f Consultez nos tutoriels suivants :<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/desinstaller-plugin-wordpress\/#properly-uninstall-wordpress-plugin\" target=\"_blank\" rel=\"noopener noreferrer\">Comment d\u00e9sinstaller un plugin WordPress (la bonne fa\u00e7on)<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/desinstaller-plugin-wordpress\/#cleanup-tables-left-behind\" target=\"_blank\" rel=\"noopener noreferrer\">Comment nettoyer manuellement les tables laiss\u00e9es derri\u00e8re<\/a><\/li>\n<\/ul>\n<h2 id=\"wordpress-settings\">Param\u00e8tres WordPress optimaux<\/h2>\n<p>Passons maintenant aux param\u00e8tres optimaux de WordPress. Voici quelques changements que vous pouvez apporter pour acc\u00e9l\u00e9rer votre site WordPress. Beaucoup de ces changements sont tr\u00e8s subtils, mais tout aide !<\/p>\n<h3>Modifier l&rsquo;URL de connexion WordPress<\/h3>\n<p>Par d\u00e9faut, l&rsquo;URL de connexion de votre site WordPress est <code>domaine.com\/wp-admin\/<\/code>. Un des probl\u00e8mes avec ceci est que tous les robots, les pirates et les scripts le savent aussi. En changeant l&rsquo;URL, vous pouvez moins devenir une cible, mieux vous prot\u00e9ger contre les attaques par force brute, et diminuer la bande passante utilis\u00e9e par les robots qui frappent cette URL \u00e0 plusieurs reprises.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/url-connexion-wordpress\/#change-login-page\" target=\"_blank\" rel=\"noopener noreferrer\">Changer votre URL de connexion WordPress<\/a>\u00a0peut aussi aider \u00e0 pr\u00e9venir les erreurs courantes comme \u00ab\u00a0429 Too Many Requests\u00a0\u00bb. Ce n&rsquo;est pas une solution toute faite, c&rsquo;est simplement une petite astuce qui peut aider \u00e0 vous prot\u00e9ger et \u00e0 diminuer la charge sur cette page.<\/p>\n<p>Pour changer votre URL de connexion WordPress, nous vous recommandons d&rsquo;utiliser l&rsquo;un des plugins suivants :<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wps-hide-login\/\" target=\"_blank\" rel=\"noopener noreferrer\">WPS Hide Login<\/a> (gratuit)<\/li>\n<li><a href=\"https:\/\/perfmatters.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">Perfmatters<\/a> (premium, mais inclut d&rsquo;autres param\u00e8tres d&rsquo;optimisation des performances. D\u00e9velopp\u00e9 par un membre de l&rsquo;\u00e9quipe de Kinsta)<\/li>\n<\/ul>\n<figure style=\"width: 1790px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/modifier-url-de-connexion-wordpress.png\" alt=\"Modifier l'URL de connexion WordPress dans Perfmatters\" width=\"1790\" height=\"778\"><figcaption class=\"wp-caption-text\">Modifier l&rsquo;URL de connexion WordPress dans Perfmatters<\/figcaption><\/figure>\n<h3>D\u00e9sactiver ou modifier les mises \u00e0 jour des plugins et des th\u00e8mes<\/h3>\n<p>Les tableaux de bord d&rsquo;administration lents de WordPress peuvent \u00eatre affect\u00e9s par le r\u00e9seau, l&#8217;emplacement du centre de donn\u00e9es et m\u00eame les versions PHP. Mais un autre facteur dont peu de gens parlent est le v\u00e9rificateur de mise \u00e0 jour WordPress qui fonctionne en arri\u00e8re-plan. C&rsquo;est un exemple o\u00f9 le fait d&rsquo;avoir beaucoup de plugins et de th\u00e8mes WordPress pourrait vous nuire. WeFoster a un excellent article de blog \u00e0 ce sujet o\u00f9 ils inventent la phrase \u00ab\u00a0<a href=\"https:\/\/wefoster.co\/the-worst-wordpress-performance-problem-youve-never-heard-of-tppucs\" target=\"_blank\" rel=\"noopener noreferrer\">Third Party Plugin Update Check Syndrome<\/a>\u00a0\u00bb ou TPPUCS.<\/p>\n<p>Essentiellement, le probl\u00e8me est que le v\u00e9rificateur de mise \u00e0 jour WordPress int\u00e9gr\u00e9 fait une requ\u00eate GET externe en arri\u00e8re plan (<code>https:\/\/third-party-plugin\/update-check.php<\/code>). Parfois, cela peut \u00eatre p\u00e9riodique ou tr\u00e8s fr\u00e9quent. Si cela se produit tout le temps, cela pourrait rendre votre tableau de bord d&rsquo;administration lent.<\/p>\n<p>C&rsquo;est plus un probl\u00e8me avec la fa\u00e7on dont le v\u00e9rificateur de mise \u00e0 jour dans WordPress est construit. Si vous souffrez de la lenteur des temps de chargement du tableau de bord d&rsquo;administration de WordPress, vous devrez peut-\u00eatre essayer ceci. Le rem\u00e8de est de d\u00e9sactiver les mises \u00e0 jour automatiques. Avertissement : Ne le faites que si vous avez l&rsquo;intention de v\u00e9rifier les mises \u00e0 jour manuellement. De nombreuses mises \u00e0 jour incluent des corrections de s\u00e9curit\u00e9 et de bugs.<\/p>\n<p>Pour d\u00e9sactiver les mises \u00e0 jour, nous vous recommandons d&rsquo;utiliser l&rsquo;un des plugins suivants :<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disable-wordpress-updates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Disable All WordPress Updates<\/a>: Enti\u00e8rement gratuit, sans aucun r\u00e9glage. Il fait bien ce qu&rsquo;il dit.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/stops-core-theme-and-plugin-updates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Easy Updates Manager<\/a>: Offre plus de contr\u00f4le sur les mises \u00e0 jour s\u00e9lectives. La version de base est gratuite.<\/li>\n<\/ul>\n<p>Vous pouvez facilement d\u00e9finir vous-m\u00eame un rappel via un calendrier, d\u00e9sactiver le plugin une fois par semaine, v\u00e9rifier les mises \u00e0 jour, puis le r\u00e9activer.<\/p>\n<h3>D\u00e9sactiver les Pingbacks (r\u00e9troliens)<\/h3>\n<p>Un <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-qu-un-pingback\/\" target=\"_blank\" rel=\"noopener noreferrer\">pingback<\/a> est un commentaire automatis\u00e9 qui est cr\u00e9\u00e9 lorsqu&rsquo;un autre blog est reli\u00e9 \u00e0 vous. Il peut \u00e9galement y avoir des self-pingbacks qui sont cr\u00e9\u00e9s lorsque vous cr\u00e9ez un lien vers un article dans votre propre blog.<\/p>\n<p>Nous vous recommandons de les d\u00e9sactiver simplement car ils g\u00e9n\u00e8rent des requ\u00eates inutiles et des spams suppl\u00e9mentaires sur votre site. Rappelez-vous que moins votre site WordPress re\u00e7oit d&rsquo;appels, mieux c&rsquo;est, surtout sur les sites tr\u00e8s fr\u00e9quent\u00e9s. Sans parler du fait qu&rsquo;un pingback sur votre propre site web est tout simplement ennuyeux. Suivez les \u00e9tapes ci-dessous pour d\u00e9sactiver les pingbacks.<\/p>\n<h4>\u00c9tape 1 &#8211; D\u00e9sactiver les Pingbacks d&rsquo;autres blogs<\/h4>\n<p>Dans votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/tableau-de-bord-admin-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">tableau de bord WordPress<\/a>, cliquez sur \u00ab\u00a0Param\u00e8tres \u2192 Discussion\u00a0\u00bb. Dans la section Param\u00e8tres de discussion, d\u00e9cochez l&rsquo;option \u00ab\u00a0Autoriser les notifications de liens d&rsquo;autres blogs (pingbacks et trackbacks) sur les nouveaux articles\u00a0\u00bb.<\/p>\n<figure style=\"width: 1710px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/desactiver-pingback-dans-wordpress.png\" alt=\"D\u00e9sactiver le pingback dans WordPress\" width=\"1710\" height=\"362\"><figcaption class=\"wp-caption-text\">D\u00e9sactiver le pingback dans WordPress<\/figcaption><\/figure>\n<h4>\u00c9tape 2 &#8211; D\u00e9sactiver le self-pingback<\/h4>\n<p>Lorsqu&rsquo;il s&rsquo;agit de d\u00e9sactiver les self-pingbacks, vous avez plusieurs options. Vous pouvez utiliser le plugin gratuit <a href=\"https:\/\/wordpress.org\/plugins\/no-self-ping\/\" target=\"_blank\" rel=\"noopener noreferrer\">No Self Pings<\/a>. Ou vous pouvez utiliser un plugin premium comme <a href=\"https:\/\/perfmatters.io\/\">Perfmatters<\/a>.<\/p>\n<figure style=\"width: 1612px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/desactiver-self-pingbacks.png\" alt=\"D\u00e9sactiver les self-pingbacks avec Perfmatters\" width=\"1612\" height=\"692\"><figcaption class=\"wp-caption-text\">D\u00e9sactiver les self-pingbacks avec Perfmatters<\/figcaption><\/figure>\n<p>Alternativement, vous pouvez aussi d\u00e9sactiver le self-pingback en ajoutant le code suivant au fichier <code>functions.php<\/code> de votre th\u00e8me WordPress. Attention, \u00e9diter le code source d&rsquo;un th\u00e8me WordPress peut casser votre site s&rsquo;il n&rsquo;est pas fait correctement. Astuce, vous pouvez facilement ajouter des bouts de PHP comme ceci avec le <a href=\"https:\/\/wordpress.org\/plugins\/code-snippets\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin gratuit Code Snippets<\/a>. Cela signifie que vous n&rsquo;avez jamais \u00e0 toucher \u00e0 votre th\u00e8me.<\/p>\n<pre><code class=\"language-php\">\nfunction wpsites_disable_self_pingbacks( &$links ) {\n foreach ( $links as $l =&gt; $link )\n if ( 0 === strpos( $link, get_option( 'home' ) ) )\n unset($links[$l]);\n}\nadd_action( 'pre_ping', 'wpsites_disable_self_pingbacks' );\n<\/code><\/pre>\n<h3>Limiter les articles sur votre flux de Blog<\/h3>\n<p>Que votre flux de blog soit d\u00e9fini comme votre page d&rsquo;accueil ou comme une autre page de votre site, vous n&rsquo;avez pas besoin de 50 vignettes toutes charg\u00e9es en m\u00eame temps. Pour ceux qui ont des blogs tr\u00e8s fr\u00e9quent\u00e9s, votre page d&rsquo;accueil est la page la plus importante de votre site, et vous voulez que cela se charge rapidement. Moins il y a de requ\u00eates et de m\u00e9dias, mieux c&rsquo;est en termes de performances.<\/p>\n<p>C&rsquo;est pr\u00e9cis\u00e9ment pour cette raison que la pagination a \u00e9t\u00e9 invent\u00e9e (voir ci-dessous). La pagination est ce que vous voyez \u00e0 la fin des flux de blogs qui vous permettent de passer \u00e0 la page suivante. G\u00e9n\u00e9ralement ce sont des nombres, ou vous pouves utiliser les textes \u00a0\u00bb\u00a0suivant\/pr\u00e9c\u00e9dent\u00a0\u00ab\u00a0. Votre th\u00e8me WordPress aura tr\u00e8s probablement d\u00e9j\u00e0 une pagination personnalis\u00e9e int\u00e9gr\u00e9e.<\/p>\n<figure style=\"width: 1934px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/pagination.png\" alt=\"Pagination\" width=\"1934\" height=\"249\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">Pagination<\/figcaption><\/figure>\n<p>WordPress fixe par d\u00e9faut la limite des nouvelles installations WordPress \u00e0 10, mais nous avons vu cela chang\u00e9 tellement de fois que nous avons perdu le compte. Assurez-vous donc de bien v\u00e9rifier la valeur que vous utilisez. Nous recommandons entre 8 et 12. Si vous \u00eates curieux, nous en utilisons 12 sur notre page d&rsquo;accueil du <a href=\"https:\/\/kinsta.com\/fr\/blog\/\" target=\"_blank\" rel=\"noopener noreferrer\">blog Kinsta<\/a>.<\/p>\n<p>Vous trouverez cette option dans votre tableau de bord d&rsquo;administration WordPress sous \u00ab\u00a0Param\u00e8tres \u2192 Lecture\u00a0\u00bb. Vous pouvez alors changer la valeur pour \u00a0\u00bb Les pages du site doivent afficher au plus\u00a0\u00bb.<\/p>\n<figure style=\"width: 1390px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/wordpress-limiter-flux-du-blog.png\" alt=\"Limiter le flux du blog WordPress\" width=\"1390\" height=\"544\"><figcaption class=\"wp-caption-text\">Limiter le flux du blog WordPress<\/figcaption><\/figure>\n<h2 id=\"wordpress-cache\">Pourquoi le cache est si important<\/h2>\n<p>La mise en cache est de loin l&rsquo;un des <strong>moyens les plus importants et les plus faciles d&rsquo;acc\u00e9l\u00e9rer WordPress<\/strong> ! Mais avant de vous montrer comment utiliser la mise en cache, il est essentiel de comprendre son fonctionnement et les diff\u00e9rents types de mise en cache disponibles.<\/p>\n<h3>Qu&rsquo;est-ce que la mise en cache ?<\/h3>\n<p>En bref, chaque page Web visit\u00e9e sur votre site WordPress n\u00e9cessite une requ\u00eate au serveur, le traitement par ce serveur (y compris les requ\u00eates de base de donn\u00e9es), puis un r\u00e9sultat final envoy\u00e9 du serveur au navigateur de l&rsquo;utilisateur. Le r\u00e9sultat est votre site Web, complet avec tous les fichiers et les \u00e9l\u00e9ments qui le font para\u00eetre tel qu&rsquo;il est.<\/p>\n<p>Par exemple, vous pouvez avoir un en-t\u00eate, des images, un menu et un blog. Comme le serveur doit traiter toutes ces requ\u00eates, il faut un certain temps pour que la page Web compl\u00e8te soit livr\u00e9e \u00e0 l&rsquo;utilisateur, surtout s&rsquo;il s&rsquo;agit d&rsquo;un site Web lourd ou volumineux.<\/p>\n<p>C&rsquo;est l\u00e0 qu&rsquo;un plugin de\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/cache-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">mise en cache WordPress<\/a>\u00a0entre en jeu ! La mise en cache demande au serveur de stocker certains fichiers sur le disque ou en RAM, selon la configuration. Par cons\u00e9quent, il peut se rappeler et dupliquer le m\u00eame contenu qu&rsquo;il servait dans le pass\u00e9. Fondamentalement, cela r\u00e9duit la quantit\u00e9 de travail n\u00e9cessaire pour g\u00e9n\u00e9rer une vue de page. En cons\u00e9quence,\u00a0<strong>vos pages Web se chargent beaucoup plus rapidement, directement \u00e0 partir du cache<\/strong>.<\/p>\n<p>D&rsquo;autres avantages de la mise en cache incluent :<\/p>\n<ul>\n<li><strong>Votre serveur utilise moins de ressources<\/strong> \u2013 Cela permet d&rsquo;augmenter la vitesse, car moins il y a de ressources, le site est plus rapide. Cependant, cela met aussi moins de pression sur votre serveur. C&rsquo;est tr\u00e8s important lorsqu&rsquo;il s&rsquo;agit de sites tr\u00e8s dynamiques, comme les <a href=\"https:\/\/kinsta.com\/fr\/blog\/hebergement-de-sites-d-adhesion-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">sites d&rsquo;adh\u00e9sion<\/a>, et pour d\u00e9terminer ce que vous pouvez et ne pouvez pas servir \u00e0 partir du cache.<\/li>\n<li><strong>Vous verrez un TTFB plus faible<\/strong> \u2013 La mise en cache est l&rsquo;un des moyens les plus faciles de r\u00e9duire votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/ttfb\/\" target=\"_blank\" rel=\"noopener noreferrer\">TTFB<\/a>. En fait, dans nos tests, la mise en cache r\u00e9duit g\u00e9n\u00e9ralement le TTFB jusqu&rsquo;\u00e0 90% !<\/li>\n<\/ul>\n<h3>Types de mise en cache<\/h3>\n<p>Quand il s&rsquo;agit de types de mise en cache, il existe deux approches diff\u00e9rentes couramment utilis\u00e9es :<\/p>\n<ol>\n<li><a href=\"#caching-server-level\">Mise en cache au niveau du serveur<\/a><\/li>\n<li><a href=\"#caching-with-plugin\">Mise en cache avec un plugin<\/a><\/li>\n<\/ol>\n<h4><a id=\"caching-server-level\"><\/a>1. Mise en cache au niveau du serveur<\/h4>\n<p>La mise en cache au niveau du serveur est de loin l&rsquo;une des approches les plus simples pour l&rsquo;utilisateur final. Cela signifie que le fournisseur d&rsquo;h\u00e9bergement WordPress s&rsquo;en charge pour vous. Chez Kinsta, nous utilisons les <strong>quatre types de cache<\/strong> suivants, qui se font tous automatiquement au niveau logiciel ou serveur :<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/cache-wordpress\/#bytecode-cache\" target=\"_blank\" rel=\"noopener noreferrer\">Cache de bytecode<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/cache-wordpress\/#object-cache\" target=\"_blank\" rel=\"noopener noreferrer\">Cache d&rsquo;objets<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/cache-wordpress\/#page-cache\" target=\"_blank\" rel=\"noopener noreferrer\">Cache des pages<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/cache-wordpress\/#cdn-cache\" target=\"_blank\" rel=\"noopener noreferrer\">Cache CDN<\/a><\/li>\n<\/ul>\n<p>Cela signifie que vous n&rsquo;avez pas \u00e0 vous soucier d&rsquo;utiliser des <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-cache-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugins de cache<\/a> compliqu\u00e9s et d\u00e9routants. Vous pouvez arr\u00eater de chercher sur Google les \u00ab\u00a0meilleurs plugins de cache en 2026\u00a0\u00bb et vous concentrer sur des t\u00e2ches plus productives. \ud83d\udc4f<\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"500\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">An instant 37% reduction in the loading time after moving <a href=\"https:\/\/twitter.com\/WPColt?ref_src=twsrc%5Etfw\">@WPColt<\/a> to <a href=\"https:\/\/twitter.com\/kinsta?ref_src=twsrc%5Etfw\">@kinsta<\/a>! (NO CACHING PLUGINS) \ud83d\ude80\ud83d\ude80\ud83d\ude80<\/p>\n<p>&mdash; WPColt (@WPColt) <a href=\"https:\/\/twitter.com\/WPColt\/status\/948585957757988865?ref_src=twsrc%5Etfw\">January 3, 2018<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p>Le cache de page est configur\u00e9 pour fonctionner imm\u00e9diatement avec un WordPress standard. Vous n&rsquo;avez rien \u00e0 faire ! Lancez simplement votre site WordPress et la mise en cache des pages commencera.<\/p>\n<p>Nous avons \u00e9galement mis en place des r\u00e8gles de mise en cache pour les sites de eCommerce tels que WooCommerce et Easy Digital Downloads. Par d\u00e9faut, certaines pages qui ne devraient jamais \u00eatre mises en cache, comme le panier, mon compte et checkout, sont exclues de la mise en cache. Les utilisateurs contournent automatiquement le cache lorsque le cookie <code>woocommerce_items_in_cart<\/code> ou <code>edd_items_in_cart<\/code> sont d\u00e9tect\u00e9s pour assurer un processus de paiement fluide et synchronis\u00e9.<\/p>\n<p>Vous pouvez facilement <a href=\"https:\/\/kinsta.com\/fr\/blog\/vider-cache-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">effacer le cache de votre site WordPress<\/a> \u00e0 tout moment \u00e0 partir de la barre d&rsquo;outils de l&rsquo;administration.<\/p>\n<figure style=\"width: 1114px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/effacer-cache-wordpress.png\" alt=\"Effacer le cache \u00e0 partir de la barre d'outils d'administration WordPress\" width=\"1114\" height=\"130\"><figcaption class=\"wp-caption-text\">Effacer le cache \u00e0 partir de la barre d&rsquo;outils d&rsquo;administration WordPress<\/figcaption><\/figure>\n<p>C&rsquo;est \u00e9galement int\u00e9gr\u00e9 dans notre tableau de bord MyKinsta. Il suffit de cliquer sur Outils et de cliquer sur \u00ab\u00a0Effacer le cache\u00a0\u00bb.<\/p>\n<figure style=\"width: 1750px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/effacer-cache-site-wordpress.png\" alt=\"Effacer le cache du site WordPress\" width=\"1750\" height=\"1182\"><figcaption class=\"wp-caption-text\">Effacer le cache du site WordPress<\/figcaption><\/figure>\n<h4><a id=\"caching-with-plugin\"><\/a>2. Mise en cache avec un plugin<\/h4>\n<p>Si votre h\u00e9bergeur ne fournit pas de cache, vous pouvez utiliser un plugin de cache WordPress tiers. D&rsquo;apr\u00e8s notre exp\u00e9rience, nous recommandons l&rsquo;un des suivants :<\/p>\n<ol>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-cache-wordpress\/#wp-rocket\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a>\u00a0(premium)<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-cache-wordpress\/#cache-enabler\" target=\"_blank\" rel=\"noopener noreferrer\">Cache Enabler<\/a>\u00a0(gratuit)<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-cache-wordpress\/#w3-total-cache\" target=\"_blank\" rel=\"noopener noreferrer\">W3 Total Cache<\/a>\u00a0(gratuit)<\/li>\n<\/ol>\n<p>Vous pouvez \u00e9galement consulter d&rsquo;autres options dans notre article d\u00e9taill\u00e9 sur les <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-cache-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugins de cache WordPress<\/a>.<\/p>\n<p>Nous supportons \u00e9galement pleinement <a href=\"https:\/\/kinsta.com\/fr\/blog\/kinsta-et-wp-rocket\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket chez Kinsta<\/a> ! Nous n&rsquo;autorisons g\u00e9n\u00e9ralement pas les plugins de cache dans notre environnement car ils entrent en conflit avec notre solution de cache int\u00e9gr\u00e9e. Cependant, \u00e0 partir de WP Rocket 3.0, la fonctionnalit\u00e9 de mise en cache des pages sera automatiquement d\u00e9sactiv\u00e9e lors de leur ex\u00e9cution sur les serveurs Kinsta.<\/p>\n<p>Cela permet aux clients de Kinsta d&rsquo;utiliser notre cache rapide au niveau du serveur tout en profitant des fantastiques fonctionnalit\u00e9s d&rsquo;optimisation que WP Rocket a \u00e0 offrir.<\/p>\n<h3 id=\"no-caching-vs-caching\">Pas de cache vs avec cache<\/h3>\n<p>Dans quelle mesure la mise en cache aide-t-elle ?<\/p>\n<p>Nous avons effectu\u00e9 quelques tests de vitesse avec le cache au niveau du serveur de Kinsta pour que vous puissiez voir la diff\u00e9rence que cela fait, tant en termes de vitesse globale que de TTFB.<\/p>\n<h4>Pas de cache<\/h4>\n<p>Nous avons d&rsquo;abord effectu\u00e9 cinq tests sur Pingdom sans activer le cache et avons pris la moyenne.<\/p>\n<figure style=\"width: 1458px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/sans-cache.png\" alt=\"Test de vitesse sans cache\" width=\"1458\" height=\"472\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c65cda61000000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de vitesse<\/a> sans cache<\/figcaption><\/figure>\n<h4>TTFB sans le cache<\/h4>\n<p>Il est \u00e9galement important de noter la diff\u00e9rence entre le TTFB sans et avec le cache. Le TTFB de Pingdom est repr\u00e9sent\u00e9 par la barre jaune \u00ab\u00a0en attente\u00a0\u00bb. Comme vous pouvez le voir, le TTFB sans cache est de 192 ms. Vous pouvez voir qu&rsquo;il n\u2019est pas servi \u00e0 partir du cache car l&rsquo;en-t\u00eate <code>x-kinsta-cache<\/code> affiche un MISS.<\/p>\n<figure style=\"width: 1340px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/ttfb-sans-cache.png\" alt=\"TTFB sans cache\" width=\"1340\" height=\"658\"><figcaption class=\"wp-caption-text\">TTFB sans cache<\/figcaption><\/figure>\n<h4>Avec le cache activ\u00e9<\/h4>\n<p>Nous avons ensuite activ\u00e9 la mise en cache au niveau du serveur et effectu\u00e9 cinq tests sur Pingdom et pris la moyenne.<\/p>\n<figure style=\"width: 1462px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-de-vitesse-avec-mise-en-cache-activee.png\" alt=\"Test de vitesse avec le cache activ\u00e9\" width=\"1462\" height=\"474\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c65d77b2c00000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de vitesse<\/a> avec le cache activ\u00e9<\/figcaption><\/figure>\n<p>Comme vous pouvez le constater, le <strong>cache<\/strong> au niveau du serveur <strong>a r\u00e9duit le temps de chargement de nos pages de 33,77%<\/strong> ! Et c&rsquo;est sans travail suppl\u00e9mentaire. Ce site que nous avons test\u00e9 est \u00e9galement assez optimis\u00e9, ainsi les sites non optimis\u00e9s de plus grande taille sont susceptibles de pr\u00e9senter des diff\u00e9rences encore plus grandes.<\/p>\n<h4>TTFB avec le cache activ\u00e9<\/h4>\n<p>Maintenant, si nous regardons le TTFB avec le cache activ\u00e9, nous pouvons voir qu&rsquo;il est inf\u00e9rieure \u00e0 35 ms. Vous pouvez voir qu&rsquo;il est servi \u00e0 partir du cache car l&rsquo;en-t\u00eate <code>x-kinsta-cache<\/code> affiche un HIT.<\/p>\n<figure style=\"width: 1368px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/ttfb-avec-cache.png\" alt=\"TTFB avec le cache\" width=\"1368\" height=\"648\"><figcaption class=\"wp-caption-text\">TTFB avec le cache<\/figcaption><\/figure>\n<p>Le cache CDN est \u00e9galement aussi important que le cache de votre h\u00e9bergeur WordPress. Nous nous pencherons plus en d\u00e9tails sur les CDNs plus loin dans ce qui suit.<\/p>\n\n<h3>Probl\u00e8mes avec le cache et les sites d&rsquo;adh\u00e9sion<\/h3>\n<p>Les sites d&rsquo;adh\u00e9sion contiennent beaucoup de <strong>contenu non cachable<\/strong> et de pages qui changent continuellement. Des \u00e9l\u00e9ments tels que la page de connexion pour les membres de la communaut\u00e9 (qui pourrait \u00eatre consult\u00e9e constamment en fonction de la taille du site), les pages de paiement pour les biens num\u00e9riques ou les cours, et les forums de discussion sont des coupables communs et des points faibles, car ceux-ci ne peuvent g\u00e9n\u00e9ralement pas \u00eatre mis en cache.<\/p>\n<p>Mais cela ne s&rsquo;arr\u00eate pas l\u00e0. Sur les sites WordPress standard, le tableau de bord WordPress n&rsquo;est pas non plus mis en cache pour les <strong>utilisateurs \u00ab\u00a0connect\u00e9s\u00a0\u00bb<\/strong>. C&rsquo;est tr\u00e8s bien quand vous n&rsquo;avez que quelques auteurs et administrateurs, mais quand vous avez soudainement des milliers de membres qui utilisent le tableau de bord, cela provoque imm\u00e9diatement des probl\u00e8mes de performances car rien de tout cela ne peut \u00eatre servi depuis le cache sur le serveur. Cela signifie que vous avez besoin de la puissance et de l&rsquo;architecture en coulisses pour g\u00e9rer cela. Les fournisseurs d&rsquo;h\u00e9bergement mutualis\u00e9 sont g\u00e9n\u00e9ralement paralys\u00e9s dans ces circonstances.<\/p>\n<h3>Mise en cache d&rsquo;objets pour les sites hautement dynamiques<\/h3>\n<p>Quand il s&rsquo;agit de <a href=\"https:\/\/kinsta.com\/fr\/blog\/hebergement-de-sites-d-adhesion-wordpress\/\">sites d&rsquo;adh\u00e9sion WordPress<\/a>, vos configurations de mise en cache communes ne sont g\u00e9n\u00e9ralement pas suffisantes car elles ne tirent pas toujours pleinement parti de ce service. C&rsquo;est ici que la <strong>mise en cache d&rsquo;objets entre en jeu<\/strong>.<\/p>\n<p>Le cache d&rsquo;objet stocke les r\u00e9sultats des requ\u00eates de la base de donn\u00e9es de sorte que la prochaine fois que ce bit particulier de donn\u00e9es est n\u00e9cessaire, il peut \u00eatre livr\u00e9 \u00e0 partir du cache sans interroger la base de donn\u00e9es. Cela acc\u00e9l\u00e8re les temps d&rsquo;ex\u00e9cution de PHP et r\u00e9duit la charge sur votre base de donn\u00e9es. Cela devient extr\u00eamement important avec les sites d&rsquo;adh\u00e9sion ! Avec WordPress, vous pouvez impl\u00e9menter la mise en cache d&rsquo;objets de plusieurs fa\u00e7ons diff\u00e9rentes :<\/p>\n<ol>\n<li>Une\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-cache-wordpress\/#w3-total-cache\" target=\"_blank\" rel=\"noopener noreferrer\">solution de mise en cache tierce telle que W3 Total Cache<\/a><\/li>\n<li><strong>Redis (recommand\u00e9)<\/strong><\/li>\n<li><a href=\"https:\/\/memcached.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">Memcached<\/a><\/li>\n<\/ol>\n<p>Nous offrons <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cache\/cache-redis\/\" target=\"_blank\" rel=\"noopener noreferrer\">Redis<\/a> comme option suppl\u00e9mentaire chez Kinsta pour que vous puissiez profiter pleinement de la mise en cache d&rsquo;objets persistants pour vos sites d&rsquo;adh\u00e9sion.<\/p>\n<h3>Analyse du cache<\/h3>\n<p>Vous vous souvenez de l&rsquo;en-t\u00eate <code>x-kinsta-cache<\/code>\u00a0mentionn\u00e9e plus haut ? Selon votre h\u00e9bergeur ou votre solution de mise en cache, l&rsquo;en-t\u00eate peut porter un nom l\u00e9g\u00e8rement diff\u00e9rent. Chaque fois qu&rsquo;une requ\u00eate est faite \u00e0 partir de votre site WordPress, cet en-t\u00eate a une valeur, telle que HIT, BYPASS, MISS, et EXPIRED. Cela vous permet de voir comment fonctionne votre cache.<\/p>\n<p>Augmenter le taux de consultation du cache de votre site WordPress est important parce que vous voulez qu&rsquo;une grande partie de votre site soit servie \u00e0 partir du cache autant que possible. Chez Kinsta, vous pouvez analyser les donn\u00e9es via notre <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/statistiques-wordpress-mykinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">outil d&rsquo;analyse MyKinsta<\/a> et les <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-logs-erreurs-acces\/\" target=\"_blank\" rel=\"noopener noreferrer\">logs de cache kinsta<\/a>\u00a0pour d\u00e9terminer s&rsquo;il existe des requ\u00eates GET qui contournent le cache qui pourraient \u00eatre mises en cache ou des requ\u00eates POST qui pourraient \u00eatre \u00e9limin\u00e9es.<\/p>\n<p>La pile de composants du cache (comme indiqu\u00e9 ci-dessous) vous permet de voir l&rsquo;\u00e9tat de chaque requ\u00eate, qu&rsquo;elle soit HIT, BYPASS, MISS, ou EXPIRED. Vous pouvez filtrer les donn\u00e9es par 24 heures, 7 jours ou 30 jours.<\/p>\n<figure style=\"width: 1944px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/11\/pile-de-composants-de-cache-kinsta-1.png\" alt=\"Pile de composants de cache Kinsta\" width=\"1944\" height=\"986\"><figcaption class=\"wp-caption-text\">Pile de composants du cache Kinsta<\/figcaption><\/figure>\n<p>Le diagramme des composants du cache vous donne un aper\u00e7u de votre taux de mise en cache. Plus vous servez de requ\u00eates \u00e0 partir du cache, mieux c&rsquo;est. Comme vous pouvez le voir dans l&rsquo;exemple ci-dessous, ce site WordPress poss\u00e8de un ratio de 96,2% de HIT pour le cache. Ce qui est bien !<\/p>\n<figure id=\"attachment_22071\" aria-describedby=\"caption-attachment-22071\" style=\"width: 1258px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-22071\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/diagramme-des-composants-du-cache-kinsta-.png\" alt=\"Diagramme des composants du cache Kinsta\" width=\"1258\" height=\"904\" srcset=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/diagramme-des-composants-du-cache-kinsta-.png 1258w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/diagramme-des-composants-du-cache-kinsta--300x216.png 300w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/diagramme-des-composants-du-cache-kinsta--768x552.png 768w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/diagramme-des-composants-du-cache-kinsta--1024x736.png 1024w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/diagramme-des-composants-du-cache-kinsta--610x438.png 610w\" sizes=\"auto, (max-width: 1258px) 100vw, 1258px\" \/><figcaption id=\"caption-attachment-22071\" class=\"wp-caption-text\">Diagramme des composants du cache Kinsta<\/figcaption><\/figure>\n<p>La section des plus nombreuses requ\u00eates qui contournent le cache vous permet de voir quelles requ\u00eates ne sont pas servies \u00e0 partir du cache. G\u00e9n\u00e9ralement, il peut s&rsquo;agir de t\u00e2ches CRON, de requ\u00eates admin-ajax, de pages de commande eCommerce, de query strings, de param\u00e8tres UTM, etc.<\/p>\n<figure style=\"width: 1876px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/11\/top-bypass-wordpress.png\" alt=\"Top Bypass WordPress\" width=\"1876\" height=\"1446\"><figcaption class=\"wp-caption-text\">Top des requ\u00eates Bypass WordPress<\/figcaption><\/figure>\n<h2 id=\"image-optimization\">L&rsquo;optimisation des images est indispensable<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/optimiser-les-images-pour-le-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">L&rsquo;optimisation d&rsquo;images<\/a> est une autre chose simple que vous pouvez faire et qui a un impact significatif sur le temps de chargement global de vos pages. Ce n&rsquo;est pas facultatif ; tous les sites devraient le faire !<\/p>\n<p>Les grosses images ralentissent vos pages Web, ce qui cr\u00e9e une exp\u00e9rience utilisateur moins optimale. L&rsquo;optimisation des images consiste \u00e0 r\u00e9duire la taille de leur fichier, \u00e0 l&rsquo;aide d&rsquo;un plugin ou d&rsquo;un script, ce qui acc\u00e9l\u00e8re le temps de chargement de la page. La compression lossy et la compression lossless sont deux m\u00e9thodes couramment utilis\u00e9es.<\/p>\n<p>Selon <a href=\"https:\/\/httparchive.org\/reports\/page-weight\" target=\"_blank\" rel=\"noopener noreferrer\">HTTP Archive<\/a>, en novembre 2018, les <strong>images repr\u00e9sentaient en moyenne 21% du poids total d&rsquo;une page Web<\/strong>. Ainsi, apr\u00e8s les vid\u00e9os, qui sont beaucoup plus difficiles \u00e0 optimiser, les images sont de loin le premier endroit o\u00f9 vous devriez commencer ! C&rsquo;est plus important que le JavaScript, le CSS et les Fonts (polices d&rsquo;\u00e9criture). Et ironiquement, un bon flux de travail d&rsquo;optimisation d&rsquo;image est l&rsquo;une des choses les plus faciles \u00e0 mettre en \u0153uvre, mais beaucoup de propri\u00e9taires de sites Web n\u00e9gligent cela.<\/p>\n<figure style=\"width: 1503px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/moyen-octets-par-page-2.png\" alt=\"Nombre moyen d'octets par page (Ko)\" width=\"1503\" height=\"1385\"><figcaption class=\"wp-caption-text\">Nombre moyen d&rsquo;octets par page (Ko)<\/figcaption><\/figure>\n<p>Les images repr\u00e9sentaient en moyenne 54% du poids total d&rsquo;une page en d\u00e9cembre 2017. Il semble donc que le web dans son ensemble s&rsquo;am\u00e9liore dans l&rsquo;optimisation des images ! Mais 34 %, c&rsquo;est toujours un chiffre que l&rsquo;on ne peut ignorer. Si vous n&rsquo;avez pas de contenu vid\u00e9o sur votre site Web, les images restent probablement votre point faible n\u00b01 pour le poids des pages.<\/p>\n\n<h3>Trouver l&rsquo;\u00e9quilibre (taille et qualit\u00e9 du fichier)<\/h3>\n<p>L&rsquo;objectif principal de l\u2019optimisation de vos images est de trouver l&rsquo;<strong>\u00e9quilibre entre la taille de fichier la plus petite et une qualit\u00e9 acceptable<\/strong>. Il existe plus d&rsquo;une fa\u00e7on d&rsquo;effectuer presque toutes ces optimisations. L&rsquo;un des moyens les plus simples est de les compresser avant de les t\u00e9l\u00e9charger vers WordPress. Habituellement, cela peut \u00eatre fait dans un outil comme Adobe Photoshop ou Affinity Photo. Ou en utilisant la nouvelle <a href=\"https:\/\/squoosh.app\/\">application\u00a0Squoosh<\/a> de Google. Cependant, ces t\u00e2ches peuvent aussi \u00eatre effectu\u00e9es automatiquement \u00e0 l&rsquo;aide de plugins, dont nous parlerons plus loin.<\/p>\n<p>Les deux principales choses \u00e0 consid\u00e9rer sont le <strong>format de fichier<\/strong> et le <strong>type de compression<\/strong>\u00a0que vous utilisez. En choisissant la bonne combinaison de format de fichier et de type de compression, vous pouvez r\u00e9duire jusqu&rsquo;\u00e0 5 fois la taille de votre image. Vous devrez exp\u00e9rimenter avec chaque format d&rsquo;image ou de fichier pour voir ce qui fonctionne le mieux.<\/p>\n<p>Avant de commencer \u00e0 modifier vos images, assurez-vous d&rsquo;avoir choisi le meilleur type de fichier. Il existe plusieurs types de fichiers que vous pouvez utiliser :<\/p>\n<ul>\n<li><strong>PNG<\/strong> &#8211; produit des images de meilleure qualit\u00e9, mais a \u00e9galement une plus grande taille de fichier. A \u00e9t\u00e9 cr\u00e9\u00e9 comme un format d&rsquo;image lossless, bien qu&rsquo;il puisse aussi \u00eatre \u00ab\u00a0lossy\u00a0\u00bb\u00a0.<\/li>\n<li><strong>JPEG<\/strong> &#8211; utilise l\u2019<a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\" target=\"_blank\" rel=\"noopener noreferrer\">optimisation lossy ou lossless<\/a>. Vous pouvez ajuster le niveau de qualit\u00e9 pour obtenir un bon \u00e9quilibre entre la qualit\u00e9 et la taille du fichier.<\/li>\n<\/ul>\n<p>Id\u00e9alement, vous devriez utiliser JPEG (ou JPG) pour les images avec beaucoup de couleurs et PNG pour les images simples.<\/p>\n<p>Vous devriez \u00e9galement envisager d&rsquo;utiliser des <a href=\"https:\/\/kinsta.com\/fr\/blog\/webp\/\">images WEBP<\/a> sur votre site web.<\/p>\n<p>Qu&rsquo;en est-il des GIFs ? Les GIFs anim\u00e9s sont toujours amusants, mais ils tuent la performance web. Beaucoup de GIFs ont une taille sup\u00e9rieure \u00e0 1 Mo. Nous vous recommandons de les conserver pour les m\u00e9dias sociaux et Slack. S&rsquo;il y en a un dont vous ne pouvez pas vous passer dans votre blog, jetez un coup d&rsquo;oeil \u00e0 la fa\u00e7on dont vous pouvez <a href=\"https:\/\/woorkup.com\/compress-animated-gif\/\" target=\"_blank\" rel=\"noopener noreferrer\">compresser les GIFs anim\u00e9s<\/a>.<\/p>\n<h3>Qualit\u00e9 de compression en fonction de la taille<\/h3>\n<p>Voici un exemple de ce qui peut arriver si vous compressez trop une image. La premi\u00e8re montre l&rsquo;utilisation d&rsquo;un taux de compression tr\u00e8s faible, ce qui permet d&rsquo;obtenir la meilleure qualit\u00e9 (mais une taille de fichier plus grande). La seconde illustre l&rsquo;utilisation d&rsquo;un taux de compression tr\u00e8s \u00e9lev\u00e9, ce qui donne une image de tr\u00e8s mauvaise qualit\u00e9 (mais avec une taille de fichier plus petite). Remarque : L&rsquo;image originale intacte est de 2,06 Mo.<\/p>\n<figure style=\"width: 1717px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2015\/11\/jpg-basse-compression-haute-qualite.jpg\" alt=\"JPG basse compression (haute qualit\u00e9)\" width=\"1717\" height=\"1151\"><figcaption class=\"wp-caption-text\">JPG basse compression (haute qualit\u00e9) &#8211; 590 KB<\/figcaption><\/figure>\n<figure style=\"width: 1717px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2015\/11\/jpg-haute-compression-basse-qualite.jpg\" alt=\"JPG haute compression (basse qualit\u00e9) - 68 KB\" width=\"1717\" height=\"1151\"><figcaption class=\"wp-caption-text\">JPG haute compression (basse qualit\u00e9) &#8211; 68 KB<\/figcaption><\/figure>\n<p>Comme vous pouvez le voir, la premi\u00e8re image ci-dessus est de 590 KB. C&rsquo;est assez gros pour une photo ! Il est g\u00e9n\u00e9ralement pr\u00e9f\u00e9rable que vous puissiez garder le poids total d&rsquo;une page Web \u00e0 moins de 1 ou 2 MB en taille. 590 KB serait d\u00e9j\u00e0 un quart de ce chiffre. La deuxi\u00e8me image a l&rsquo;air horrible, mais alors c&rsquo;est seulement 68 KB. Ce que vous voulez faire, c&rsquo;est trouver un juste milieu entre votre taux de compression (qualit\u00e9) et la taille du fichier.<\/p>\n<p>Nous avons donc repris l&rsquo;image avec un taux de compression moyen, et comme vous pouvez le voir ci-dessous, la qualit\u00e9 est bonne maintenant, et la taille du fichier est de 151 Ko, ce qui est acceptable pour une photo haute r\u00e9solution. C&rsquo;est presque 4x plus petit que la photo originale avec une faible compression. Nous essayons de garder la plupart de nos images sous la barre des 100 KB pour une meilleure performance.<\/p>\n<figure style=\"width: 1717px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2015\/11\/compression-moyenne-grande-qualite.jpg\" alt=\"Compression moyenne (grande qualit\u00e9)\" width=\"1717\" height=\"1151\"><figcaption class=\"wp-caption-text\">Compression moyenne (grande qualit\u00e9) JPG &#8211; 151 KB<\/figcaption><\/figure>\n<h3>Optimisation lossy ou lossless<\/h3>\n<p>Il est \u00e9galement important de comprendre qu&rsquo;il existe deux types de compressions que vous pouvez utiliser, lossy ou lossless.<\/p>\n<p>La <a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\">compression lossy<\/a> implique l&rsquo;<strong>\u00e9limination de certaines donn\u00e9es<\/strong>\u00a0de votre image. Pour cette raison, cela signifie que vous pourriez voir une d\u00e9gradation (r\u00e9duction de la qualit\u00e9 ou ce que certains appellent une pixellisation). Il faut donc faire attention de combien vous r\u00e9duisez votre image. Non seulement en raison de la qualit\u00e9, mais aussi parce que vous ne pouvez pas inverser le processus. Bien s\u00fbr, l&rsquo;un des grands avantages de la compression lossy et pourquoi c&rsquo;est l&rsquo;une des m\u00e9thodes de compression les plus populaires est que vous pouvez <strong>r\u00e9duire la taille du fichier de mani\u00e8re consid\u00e9rable<\/strong>.<\/p>\n<figure style=\"width: 3025px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/comparaison-de-la-compression-lossy.jpg\" alt=\"Comparaison de la compression lossy\" width=\"3025\" height=\"917\"><figcaption class=\"wp-caption-text\">Comparaison de la compression lossy<\/figcaption><\/figure>\n<p>La compression lossless, contrairement \u00e0 la compression lossy, <strong>ne r\u00e9duit pas la qualit\u00e9 de l&rsquo;image<\/strong>. Comment est-ce possible ? Cela se fait g\u00e9n\u00e9ralement en supprimant les m\u00e9tadonn\u00e9es inutiles (donn\u00e9es g\u00e9n\u00e9r\u00e9es automatiquement par l&rsquo;appareil qui capture l&rsquo;image). Cependant, le plus grand inconv\u00e9nient de cette m\u00e9thode est que vous <strong>ne verrez pas une r\u00e9duction significative de la taille du fichier<\/strong>. En d&rsquo;autres termes, cela occupera beaucoup d&rsquo;espace disque avec le temps.<\/p>\n<p>Vous devrez exp\u00e9rimenter avec ce qui fonctionne le mieux pour vous. Mais pour la majorit\u00e9 des utilisateurs, <strong>nous recommandons l&rsquo;utilisation de la compression lossy<\/strong> car vous pouvez facilement compresser une image bien au-del\u00e0 de 70% (parfois m\u00eame plus de 90% !) sans perte de qualit\u00e9 importante. Multipliez ceci par 15 images sur une page, et cela jouera un r\u00f4le important dans la r\u00e9duction du temps de chargement de votre site.<\/p>\n<h3>Plugins de compression d&rsquo;images<\/h3>\n<p>La grande nouvelle, c&rsquo;est qu&rsquo;il existe des plugins de compression d&rsquo;images WordPress excellents que vous pouvez utiliser pour automatiser l&rsquo;ensemble du processus. Voici quelques plugins que nous recommandons :<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener noreferrer\">Imagify<\/a>\u00a0(lossy ou lossless &#8211; optimise les images depuis l&rsquo;ext\u00e9rieur)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Smush<\/a>\u00a0(lossy ou lossless &#8211; optimise les images depuis l&rsquo;ext\u00e9rieur)<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimole<\/a> (lossy et lossless &#8211; optimise les images depuis l&rsquo;ext\u00e9rieur)<\/li>\n<\/ul>\n<p>La chose la plus importante lors du choix d&rsquo;un plugin d&rsquo;optimisation d&rsquo;image est <strong>d&rsquo;utiliser un plugin qui compresse et optimise les images en externe<\/strong> sur leurs serveurs. Ceci, \u00e0 son tour, r\u00e9duit la charge sur votre site. Tous ceux qui pr\u00e9c\u00e8dent le font.<\/p>\n<p>Si vous \u00eates curieux, nous utilisons le plugin Imagify sur le site Kinsta. Il compresse automatiquement les images lorsque nous les t\u00e9l\u00e9chargeons dans la m\u00e9diath\u00e8que WordPress. On n&rsquo;a jamais \u00e0 s&rsquo;inqui\u00e9ter de quoi que ce soit. Avec le temps, vous pouvez vous faire une id\u00e9e du niveau de compression d&rsquo;image que vous souhaitez utiliser. Il offre Normal, Agressif, et Ultra.<\/p>\n<p><strong>Nous utilisons le mode Agressif<\/strong> chez Kinsta et <strong>nous r\u00e9alisons g\u00e9n\u00e9ralement des \u00e9conomies de 60 \u00e0 70% selon l&rsquo;image<\/strong>. Note : nous utilisons beaucoup plus de PNG que de JPEG car la plupart de nos images sont des ic\u00f4nes et des illustrations, pas des photos.<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/04\/economies-de-taille-de-fichiers-d-images.png\" alt=\"\u00c9conomies de taille de fichiers d'images\" width=\"1468\" height=\"684\"><figcaption class=\"wp-caption-text\">\u00c9conomies de taille de fichiers d&rsquo;images<\/figcaption><\/figure>\n<p>\u00c0 quel point votre site WordPress sera-t-il plus rapide si vous utilisez la compression d&rsquo;images ? Tout d\u00e9pend de la taille de vos images originales et apr\u00e8s compression. Cependant, nous avons <a href=\"https:\/\/kinsta.com\/fr\/blog\/compression-avec-perte\/\">fait des tests de vitesse<\/a> et avons constat\u00e9 qu&rsquo;une solution de compression d&rsquo;image de qualit\u00e9 peut <strong>r\u00e9duire le temps de chargement des pages de plus de 80 %<\/strong> !<\/p>\n<h3>Le lazy Loading<\/h3>\n<p>Si vous avez beaucoup d&rsquo;images, vous pourriez envisager de les charger en lazy load. Il s&rsquo;agit d&rsquo;une technique d&rsquo;optimisation qui charge le contenu visible mais retarde le t\u00e9l\u00e9chargement et le rendu du contenu qui appara\u00eet sous la ligne de flottaison.<\/p>\n<p>Consultez notre guide sur la <a href=\"https:\/\/kinsta.com\/fr\/blog\/lazy-load-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">fa\u00e7on d&rsquo;impl\u00e9menter le lazy loading<\/a> dans WordPress. Cela peut \u00eatre particuli\u00e8rement important sur les articles de blog avec beaucoup d&rsquo;ic\u00f4nes gravatar \u00e0 partir des commentaires. Google vient \u00e9galement de publier ses <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/lazy-loading-guidance\/images-and-video\/\" target=\"_blank\" rel=\"noopener noreferrer\">recommandations pour le lazy loading<\/a>.<\/p>\n<h3>Autres conseils d&rsquo;optimisation d&rsquo;images<\/h3>\n<p>Voici quelques derniers conseils d&rsquo;optimisation d&rsquo;images \u00e0 suivre.<\/p>\n<ul>\n<li>Les jours de t\u00e9l\u00e9chargement d&rsquo;images uniquement dimensionn\u00e9es \u00e0 la largeur de la colonne ou de la DIV sont r\u00e9volus. Les <a href=\"https:\/\/make.wordpress.org\/core\/2015\/11\/10\/responsive-images-in-wordpress-4-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">images responsives sont pr\u00eates \u00e0 l&#8217;emploi<\/a> dans WordPress (\u00e0 partir de la version 4.4) et affichent automatiquement des images de plus petite taille pour les utilisateurs mobiles.<\/li>\n<li>Les SVGs peuvent \u00eatre une autre alternative g\u00e9niale \u00e0 l&rsquo;utilisation des images. Toutes les illustrations dessin\u00e9es \u00e0 la main que vous voyez sur le site de Kinsta sont des SVGs (vectoriels). Les SVGs sont g\u00e9n\u00e9ralement beaucoup plus petits en taille de fichier, mais pas toujours. Consultez notre tutoriel sur l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/svg-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">utilisation des SVGs sur votre site WordPress<\/a>.<\/li>\n<li>Utilisez des polices d&rsquo;ic\u00f4nes au lieu de placer du texte dans les images &#8211; elles sont plus belles au redimensionnement et prennent moins de place. Et si vous utilisez un g\u00e9n\u00e9rateur de polices, vous pouvez les optimiser encore plus. Consultez <a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-icones-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Comment nous avons r\u00e9duit la taille <strong>de 97.59%<\/strong> de notre fichier police d&rsquo;ic\u00f4nes<\/a> en utilisant un g\u00e9n\u00e9rateur de polices.<\/li>\n<\/ul>\n<h2 id=\"database\">Optimisez votre base de donn\u00e9es<\/h2>\n<p>Voici quelques conseils sur la fa\u00e7on d&rsquo;optimiser votre base de donn\u00e9es WordPress. Tout comme une voiture, votre base de donn\u00e9es a besoin d&rsquo;\u00eatre entretenue car avec le temps, elle peut grossir.<\/p>\n<p>Les sites d&rsquo;adh\u00e9sion rendent cela particuli\u00e8rement d\u00e9licat, car ils g\u00e9n\u00e8rent g\u00e9n\u00e9ralement\u00a0<strong>des requ\u00eates plus complexes<\/strong>, ce qui \u00e0 son tour ajoute une latence suppl\u00e9mentaire dans la r\u00e9cup\u00e9ration des informations de la base de donn\u00e9es MySQL. Cela est d\u00fb en grande partie \u00e0 toutes les pi\u00e8ces mobiles suppl\u00e9mentaires et aux grandes quantit\u00e9s de donn\u00e9es dont disposent ces sites. Cela peut \u00e9galement \u00eatre caus\u00e9 par des sites qui d\u00e9pendent fortement des requ\u00eates de recherche pour la navigation ou qui utilisent\u00a0<code>WP_Query<\/code>.<\/p>\n<p>Sans compter que vous avez \u00e9galement un grand nombre d&rsquo;utilisateurs simultan\u00e9s qui interrogent la base de donn\u00e9es en permanence.<\/p>\n<h3>Utiliser le moteur de stockage MySQL InnoDB<\/h3>\n<p>Beaucoup d&rsquo;anciens sites utilisent encore le moteur de stockage MyISAM dans leur base de donn\u00e9es. Au cours des derni\u00e8res ann\u00e9es, InnoDB s&rsquo;est montr\u00e9e <a href=\"http:\/\/dimitrik.free.fr\/blog\/archives\/2015\/12\/mysql-performance-revisiting-innodb-vs-myisam-with-mysql-57.html\" target=\"_blank\" rel=\"noopener noreferrer\">plus performant<\/a>\u00a0et plus fiable.<\/p>\n\n<p>Voici quelques avantages d&rsquo;InnoDB par rapport \u00e0 MyISAM :<\/p>\n<ul>\n<li>InnoDB est dot\u00e9 d&rsquo;un <strong>verrouillage au niveau des lignes<\/strong>. MyISAM ne dispose que d&rsquo;un verrouillage complet au niveau de la table. Cela permet d&rsquo;acc\u00e9l\u00e9rer le traitement de vos requ\u00eates.<\/li>\n<li>InnoDB poss\u00e8de ce qu&rsquo;on appelle l&rsquo;int\u00e9grit\u00e9 r\u00e9f\u00e9rentielle qui implique la prise en charge des <strong>cl\u00e9s \u00e9trang\u00e8res<\/strong> (RDBMS) et des contraintes relationnelles, ce que MyISAM ne fait pas (DMBS).<\/li>\n<li>InnoDB supporte les <strong>transactions<\/strong>, ce qui signifie que vous pouvez les valider et les annuler. Ce n&rsquo;est pas le cas de MyISAM.<\/li>\n<li>InnoDB est plus fiable car il utilise les <strong>logs de transactions<\/strong> pour la r\u00e9cup\u00e9ration automatique. Ce n&rsquo;est pas le cas de MyISAM.<\/li>\n<\/ul>\n<p>Vous vous demandez peut-\u00eatre maintenant si vous utilisez InnoDB ou MyISAM ? Si vous utilisez un site WordPress relativement nouveau, il y a de fortes chances que vous utilisiez d\u00e9j\u00e0 le moteur de stockage MySQL InnoDB. Mais avec les anciens sites WordPress, vous pourriez vouloir faire une v\u00e9rification rapide. Certains sites peuvent m\u00eame les avoir m\u00e9lang\u00e9s et fait correspondre les tables MyISAM et InnoDB, ainsi vous pourrez voir des am\u00e9liorations en les convertissant partout.<\/p>\n<p>Suivez les \u00e9tapes simples ci-dessous pour v\u00e9rifier.<\/p>\n<h4>\u00c9tape 1<\/h4>\n<p><a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/gestion-base-de-donnees\/acces-base-donnees-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Connectez-vous \u00e0 phpMyAdmin<\/a>\u00a0et cliquez sur votre base de donn\u00e9es MySQL.<\/p>\n<figure style=\"width: 1742px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/base-de-donnees-phpmyadmin.png\" alt=\"Base de donn\u00e9es phpMyAdmin\" width=\"1742\" height=\"662\"><figcaption class=\"wp-caption-text\">Base de donn\u00e9es phpMyAdmin<\/figcaption><\/figure>\n<h4>\u00c9tape 2<\/h4>\n<p>Faites un balayage rapide ou un tri de la colonne \u00ab\u00a0Type\u00a0\u00bb, et vous pouvez voir quels types de moteurs de stockage vos tables utilisent. Dans l&rsquo;exemple ci-dessous, vous pouvez voir que deux des tables utilisent toujours MyISAM.<\/p>\n<div id class=\"wp-caption aligncenter\">\n<figure style=\"width: 1826px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/tables-de-base-de-donnees-myIsam.png\" alt=\"Tables de base de donn\u00e9es MyISAM\" width=\"1826\" height=\"658\"><figcaption class=\"wp-caption-text\">Tables de base de donn\u00e9es MyISAM<\/figcaption><\/figure>\n<p>Si vous en avez trouv\u00e9, il est probablement temps de les convertir en InnoDB. Nous vous recommandons toujours de contacter votre h\u00e9bergeur et de lui demander s&rsquo;il peut le faire pour vous. Chez Kinsta, les tables de base de donn\u00e9es de chaque client sont automatiquement converties en InnoDB par notre \u00e9quipe de migration.<\/p>\n<p>Mais vous pouvez toujours suivre ces tutoriels ci-dessous pour convertir manuellement vos tables MyISAM en InnoDB :<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/convertir-myisam-vers-innodb\/#convert-myisam-innodb-phpmyadmin\" target=\"_blank\" rel=\"noopener noreferrer\">Convertir MyISAM en InnoDB avec phpMyAdmin<\/a><\/li>\n<li><a href=\"https:\/\/guides.wp-bullet.com\/converting-wordpress-database-tables-from-myisam-to-innodb-with-wp-cli\/\" target=\"_blank\" rel=\"noopener noreferrer\">Convertir MyISAM en InnoDB avec WP-CLI<\/a><\/li>\n<\/ul>\n<\/div>\n<h3>Supprimer et limiter les r\u00e9visions de pages et d&rsquo;articles<\/h3>\n<p>Chaque fois que vous sauvegardez une page ou un article dans WordPress, cela cr\u00e9e ce qu&rsquo;on appelle une <a href=\"https:\/\/kinsta.com\/fr\/blog\/revisions-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">r\u00e9vision<\/a>. Cela se produit \u00e0 la fois dans les brouillons et dans les articles d\u00e9j\u00e0 publi\u00e9s qui sont mis \u00e0 jour. Les <a href=\"https:\/\/kinsta.com\/fr\/blog\/revisions-wordpress\/\">r\u00e9visions<\/a> peuvent \u00eatre utiles au cas o\u00f9 vous auriez besoin de revenir \u00e0 une version pr\u00e9c\u00e9dente de votre contenu.<\/p>\n<figure style=\"width: 1826px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/revision-wordpress.png\" alt=\"R\u00e9vision WordPress\" width=\"1826\" height=\"782\"><figcaption class=\"wp-caption-text\">R\u00e9vision WordPress<\/figcaption><\/figure>\n<p>Cependant, les r\u00e9visions peuvent \u00e9galement nuire aux performances de votre site WordPress. \u00a0 Sur les grands sites, cela peut ajouter tr\u00e8s rapidement des milliers de lignes dans votre base de donn\u00e9es qui ne sont pas forc\u00e9ment n\u00e9cessaires. Et plus vous avez de lignes, plus votre base de donn\u00e9es est volumineuse, <a href=\"https:\/\/kinsta.com\/fr\/blog\/utilisation-espace-disque-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">ce qui occupe de l&rsquo;espace de stockage<\/a>. Bien que des index aient \u00e9t\u00e9 cr\u00e9\u00e9s \u00e0 cette fin, nous avons encore vu ce probl\u00e8me paralyser des sites WordPress. Il y a deux ou trois choses que vous pouvez faire.<\/p>\n<h4>1. Supprimer les anciennes r\u00e9visions<\/h4>\n<p>Si vous avez un ancien site WordPress avec beaucoup de pages et d\u2019articles, il est peut-\u00eatre temps de faire un nettoyage rapide et de supprimer ces anciennes r\u00e9visions. Vous pouvez le faire avec MySQL, mais avec tous les mauvais bouts de code que l&rsquo;on retrouve sur le web, nous vous recommandons de faire une sauvegarde de votre site et d&rsquo;utiliser un plugin gratuit comme <a href=\"https:\/\/wordpress.org\/plugins\/wp-sweep\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP-Sweep<\/a>.<\/p>\n<p>Un autre de nos plugins pr\u00e9f\u00e9r\u00e9s, <a href=\"https:\/\/kinsta.com\/fr\/blog\/kinsta-et-wp-rocket\/\">WP Rocket<\/a>, poss\u00e8de \u00e9galement une fonction d&rsquo;optimisation de base de donn\u00e9es pour \u00e9liminer les r\u00e9visions.<\/p>\n<figure style=\"width: 1585px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/optimisation-base-de-donnees-wprocket.png\" alt=\"Optimisation de la base de donn\u00e9es WordPress via WP Rocket\" width=\"1585\" height=\"932\"><figcaption class=\"wp-caption-text\">Optimisation de la base de donn\u00e9es WordPress via WP Rocket<\/figcaption><\/figure>\n<p>Si vous \u00eates \u00e0 l\u2019aise avec WP-CLI, il y a quelques commandes que vous pouvez utiliser pour cela.<\/p>\n<p>Connectez-vous \u00e0 votre serveur via <a href=\"https:\/\/kinsta.com\/fr\/blog\/comment-utiliser-ssh\/\" target=\"_blank\" rel=\"noopener noreferrer\">SSH<\/a> et ex\u00e9cutez la commande suivante pour obtenir et voir le nombre de r\u00e9visions actuellement dans la base de donn\u00e9es.<\/p>\n<p><code>wp revisions list<\/code><\/p>\n<figure style=\"width: 1886px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/liste-de-revisions-via-wp-cli.png\" alt=\"Liste de r\u00e9visions via WP-CLI\" width=\"1886\" height=\"1136\"><figcaption class=\"wp-caption-text\">Liste de r\u00e9visions via WP-CLI<\/figcaption><\/figure>\n<p>Si vous obtenez une erreur, vous devrez peut-\u00eatre d&rsquo;abord installer le <a href=\"https:\/\/github.com\/trepmal\/wp-revisions-cli\" target=\"_blank\" rel=\"noopener noreferrer\">paquet wp-revisions-cli<\/a> avec la commande suivante :<\/p>\n<p><code>wp package install trepmal\/wp-revisions-cli<\/code><\/p>\n<p>Vous pouvez ensuite ex\u00e9cuter la commande suivante pour nettoyer les r\u00e9visions :<\/p>\n<p><code>wp revisions clean<\/code><\/p>\n<h4>2. Limiter les r\u00e9visions<\/h4>\n<p>Une autre bonne strat\u00e9gie que nous utilisons chez Kinsta est de\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/revisions-wordpress\/#how-to-limit-revisions-in-wordpress\" target=\"_blank\" rel=\"noopener noreferrer\">limiter le nombre de r\u00e9visions<\/a> qui peuvent \u00eatre stock\u00e9es par article ou page. M\u00eame en le r\u00e9glant \u00e0 quelque chose comme dix, vous \u00e9viterez que les r\u00e9visions ne deviennent incontr\u00f4lables, surtout si vous faites beaucoup de mises \u00e0 jour.<br \/>\nPour limiter les r\u00e9visions, vous pouvez ajouter le code suivant \u00e0 votre fichier <code>wp-config.php<\/code>. Le code ci-dessous doit \u00eatre ins\u00e9r\u00e9 au-dessus du &lsquo;ABSPATH&rsquo; sinon il ne fonctionnera pas. Vous pouvez changer le nombre de r\u00e9visions que vous voulez conserver dans votre base de donn\u00e9es.<\/p>\n<p><code>define('WP_POST_REVISIONS', 10);<\/code><\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/limiter-les-revisions-wp-config.png\" alt=\"Limiter les r\u00e9visions dans wp-config.php\" width=\"1500\" height=\"740\"><figcaption class=\"wp-caption-text\">Limiter les r\u00e9visions dans le fichier wp-config.php<\/figcaption><\/figure>\n<p>Ou vous pouvez utiliser un plugin comme <a href=\"https:\/\/perfmatters.io\/\">Perfmatters<\/a> pour limiter les r\u00e9visions.<\/p>\n<figure style=\"width: 1478px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/limiter-les-revisions-avec-le-plugin-perfmatters.png\" alt=\"Limiter les r\u00e9visions avec le plugin Perfmatters\" width=\"1478\" height=\"674\"><figcaption class=\"wp-caption-text\">Limiter les r\u00e9visions avec le plugin Perfmatters<\/figcaption><\/figure>\n<h4>3. D\u00e9sactiver les r\u00e9visions<\/h4>\n<p>Enfin, vous pouvez \u00e9galement d\u00e9sactiver compl\u00e8tement les r\u00e9visions sur votre site. Si vous empruntez cette voie, nous vous recommandons fortement de suivre la premi\u00e8re option ci-dessus pour supprimer les r\u00e9visions, puis de les d\u00e9sactiver par la suite. De cette fa\u00e7on, votre base de donn\u00e9es est compl\u00e8tement lib\u00e9r\u00e9e de toutes les anciennes r\u00e9visions et aucune nouvelle ne sera ajout\u00e9e \u00e0 l&rsquo;avenir.<\/p>\n<p>Pour d\u00e9sactiver les r\u00e9visions, vous pouvez ajouter le code suivant \u00e0 votre fichier <code>wp-config.php<\/code>. Le code ci-dessous doit \u00eatre ins\u00e9r\u00e9 au-dessus du &lsquo;ABSPATH&rsquo; sinon il ne fonctionnera pas.<\/p>\n<p><code>define('WP_POST_REVISIONS', false);<\/code><\/p>\n<figure style=\"width: 1582px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/disactiver-revisions-d-articles-wp-config.png\" alt=\"D\u00e9sactiver les r\u00e9visions d\u2019articles dans wp-config.php\" width=\"1582\" height=\"756\"><figcaption class=\"wp-caption-text\">D\u00e9sactiver les r\u00e9visions d\u2019articles dans wp-config.php<\/figcaption><\/figure>\n<p>Ou vous pouvez utiliser un plugin comme <a href=\"https:\/\/perfmatters.io\/\">Perfmatters<\/a> pour d\u00e9sactiver les r\u00e9visions.<\/p>\n<figure style=\"width: 1496px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/desactiver-revisions-perfmatters.png\" alt=\"D\u00e9sactiver les r\u00e9visions avec le plugin Perfmatters\" width=\"1496\" height=\"612\"><figcaption class=\"wp-caption-text\">D\u00e9sactiver les r\u00e9visions avec le plugin Perfmatters<\/figcaption><\/figure>\n<h3>Nettoyez votre table wp_options et vos donn\u00e9es charg\u00e9es automatiquement<\/h3>\n<p>La table\u00a0<code>wp_options<\/code> est souvent n\u00e9glig\u00e9e lorsqu&rsquo;il s&rsquo;agit de la performance globale de WordPress et de la base de donn\u00e9es. Surtout sur les sites plus anciens et plus grands, cela peut facilement \u00eatre la cause de la lenteur des requ\u00eates sur votre site en raison des <a href=\"https:\/\/kinsta.com\/fr\/blog\/donnees-wp-options-automatiquement-chargees\/\" target=\"_blank\" rel=\"noopener noreferrer\">donn\u00e9es charg\u00e9es automatiquement<\/a> qui sont laiss\u00e9es derri\u00e8re par des plugins et des th\u00e8mes tiers. Faites-nous confiance, nous le constatons tous les jours !<\/p>\n<p>La table wp_options contient toutes sortes de donn\u00e9es pour votre site WordPress telles que :<\/p>\n<ul>\n<li>URL du site, URL d&rsquo;accueil, email de l&rsquo;administrateur, cat\u00e9gorie par d\u00e9faut, articles par page, format horaire, etc.<\/li>\n<li>Param\u00e8tres des plugins, th\u00e8mes, widgets<\/li>\n<li>Donn\u00e9es temporairement mises en cache<\/li>\n<\/ul>\n<figure style=\"width: 1479px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/table-wp-options-base-de-donnees.jpg\" alt=\"Table wp_options dans la base de donn\u00e9es WordPress\" width=\"1479\" height=\"906\"><figcaption class=\"wp-caption-text\">Table wp_options dans la base de donn\u00e9es WordPress<\/figcaption><\/figure>\n<p>Cette table contient les zones (colonnes) suivantes :<\/p>\n<ul>\n<li>option_id<\/li>\n<li>option_name<\/li>\n<li>option_value<\/li>\n<li><strong>autoload <\/strong>(c&rsquo;est cette colonne qui nous int\u00e9resse quand il s&rsquo;agit de performances)<\/li>\n<\/ul>\n<figure style=\"width: 1548px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/donnees-chargees-automatiquement.png\" alt=\"Donn\u00e9es charg\u00e9es automatiquement\" width=\"1548\" height=\"374\"><figcaption class=\"wp-caption-text\">Donn\u00e9es charg\u00e9es automatiquement<\/figcaption><\/figure>\n<p>Une des choses importantes \u00e0 comprendre \u00e0 propos de la table <code>wp_options<\/code> est le champ de\u00a0<strong>autoload<\/strong>.\u00a0Il contient une valeur oui ou non. Ceci contr\u00f4le essentiellement si elle est charg\u00e9e ou non par la\u00a0<a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_load_alloptions\" target=\"_blank\" rel=\"noopener noreferrer\">wp_load_alloptions()<\/a>. Les donn\u00e9es charg\u00e9es automatiquement sont des\u00a0<strong>donn\u00e9es qui sont charg\u00e9es sur chaque page<\/strong>\u00a0de votre site WordPress. Tout comme nous vous avons montr\u00e9 comment\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-plugins-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9sactiver le chargement de certains scripts<\/a>\u00a0\u00e0 l\u2019\u00e9chelle du site, la m\u00eame id\u00e9e s&rsquo;applique ici. L&rsquo;attribut de chargement automatique est d\u00e9fini \u00e0 \u00ab\u00a0oui\u00a0\u00bb par d\u00e9faut pour les d\u00e9veloppeurs, mais tous les plugins ne devraient th\u00e9oriquement pas charger leurs donn\u00e9es sur chaque page.<\/p>\n<p>Le probl\u00e8me que les sites WordPress peuvent rencontrer est quand il y a une grande quantit\u00e9 de donn\u00e9es charg\u00e9es automatiquement dans la table <code>wp_options<\/code>. C&rsquo;est g\u00e9n\u00e9ralement le r\u00e9sultat de ce qui suit :<\/p>\n<ul>\n<li>Les donn\u00e9es sont charg\u00e9es automatiquement par un plugin alors qu&rsquo;elles devraient \u00eatre r\u00e9gl\u00e9es sur \u00ab\u00a0no\u00a0\u00bb. Un bon exemple de cela serait un plugin de formulaire de contact. A-t-il besoin de charger des donn\u00e9es sur chaque page ou seulement sur la page de contact ?<\/li>\n<li>Les plugins ou th\u00e8mes ont \u00e9t\u00e9 supprim\u00e9s du site WordPress, mais leurs options sont toujours laiss\u00e9es dans la table <code>wp_options<\/code>. Cela pourrait signifier que des donn\u00e9es inutiles sont interrog\u00e9es \u00e0 chaque requ\u00eate.<\/li>\n<li>Les d\u00e9veloppeurs de plugins et de th\u00e8mes chargent les donn\u00e9es dans la table <code>wp_options<\/code> au lieu d&rsquo;utiliser leurs propres tables. Il y a des arguments des deux c\u00f4t\u00e9s, car certains d\u00e9veloppeurs pr\u00e9f\u00e8rent les plugins qui ne cr\u00e9ent pas de tables suppl\u00e9mentaires. Cependant, la table <code>wp_options<\/code> n&rsquo;a pas non plus \u00e9t\u00e9 con\u00e7ue pour contenir des milliers de lignes.<\/li>\n<\/ul>\n<p>Dans quelle mesure les donn\u00e9es sont-elles trop charg\u00e9es automatiquement ? Cela peut varier bien s\u00fbr, mais id\u00e9alement, vous voulez que ce soit entre 300 Ko et 1 Mo. Une fois que vous commencez \u00e0 vous approcher de la plage de 3 \u00e0 5 Mo ou plus, il y a tr\u00e8s probablement des choses qui peuvent \u00eatre optimis\u00e9es ou supprim\u00e9es du chargement automatique. Et tout ce qui d\u00e9passe 10 Mo devrait \u00eatre trait\u00e9 imm\u00e9diatement. Cela ne signifie pas toujours que cela va causer un probl\u00e8me, mais c&rsquo;est un bon point de d\u00e9part.<\/p>\n<p>Parce que c&rsquo;est un probl\u00e8me important, nous avons un tutoriel s\u00e9par\u00e9 que vous devriez lire sur la meilleure fa\u00e7on de <a href=\"https:\/\/kinsta.com\/fr\/blog\/donnees-wp-options-automatiquement-chargees\/#troubleshooting-autoloaded-data\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9panner les donn\u00e9es charg\u00e9es automatiquement<\/a> ainsi que sur la fa\u00e7on de les nettoyer.<\/p>\n\n<h3>Nettoyer les transients<\/h3>\n<p>Sauf si vous utilisez un cache d&rsquo;objet, WordPress stocke les transients dans la table <code>wp_options<\/code>. En g\u00e9n\u00e9ral, on leur donne un d\u00e9lai d&rsquo;expiration et ils devraient dispara\u00eetre avec le temps. Toutefois, ce n&rsquo;est pas toujours le cas. Nous avons vu quelques bases de donn\u00e9es o\u00f9 il y avait des milliers d&rsquo;anciens enregistrements de transients. En fait, sur un site, nous avons trait\u00e9 des <a href=\"https:\/\/kinsta.com\/fr\/blog\/debogage-wordpress-performance\/\" target=\"_blank\" rel=\"noopener noreferrer\">enregistrements de transients corrompus<\/a> dans lesquels plus de <strong>695 000 lignes ont \u00e9t\u00e9 g\u00e9n\u00e9r\u00e9es<\/strong> dans la table <code>wp_options<\/code>. Wow !<\/p>\n<figure style=\"width: 2513px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/03\/transients-corrompus-wp-options.png\" alt=\"Transients corrompus dans la table wp_options\" width=\"2513\" height=\"887\"><figcaption class=\"wp-caption-text\">Transients corrompus dans la table wp_options<\/figcaption><\/figure>\n<p>Il est \u00e9galement important de noter que les transients ne sont pas charg\u00e9s automatiquement par d\u00e9faut. Vous pouvez utiliser une requ\u00eate comme celle ci-dessous pour voir s&rsquo;il y a des transients charg\u00e9s automatiquement.<\/p>\n<pre><code class=\"language-php\">SELECT * \nFROM `wp_options` \nWHERE `autoload` = 'yes'\nAND `option_name` LIKE '%transient%'<\/code><\/pre>\n<p>Une meilleure et plus s\u00fbre option serait d&rsquo;utiliser un plugin gratuit comme <a href=\"https:\/\/wordpress.org\/plugins\/artiss-transient-cleaner\/\" target=\"_blank\" rel=\"noopener noreferrer\">Transient Cleaner<\/a>\u00a0ou\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/delete-expired-transients\/\" target=\"_blank\" rel=\"noopener noreferrer\">Delete Expired Transients<\/a> qui peut nettoyer seulement les transients de votre table <code>wp_options<\/code>. Cependant, il semble qu&rsquo;il y ait maintenant une <a href=\"https:\/\/github.com\/WordPress\/WordPress\/blob\/master\/wp-includes\/option.php#L840\" target=\"_blank\" rel=\"noopener noreferrer\">fonction dans WordPress<\/a>, ajout\u00e9e dans la version 4.9. J&rsquo;esp\u00e8re donc que cela est effectu\u00e9 automatiquement sur votre site maintenant.<\/p>\n<p>WP Rocket a \u00e9galement la capacit\u00e9 de nettoyer les transients dans leurs options d&rsquo;optimisation de base de donn\u00e9es.<\/p>\n<figure style=\"width: 1600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/nettoyage-des-transients-avec-wp-rocket.png\" alt=\"Nettoyage des transients avec WP Rocket\" width=\"1600\" height=\"817\"><figcaption class=\"wp-caption-text\">Nettoyage des transients avec WP Rocket<\/figcaption><\/figure>\n<h3>Nettoyer les sessions WordPress<\/h3>\n<p>Un autre probl\u00e8me courant que nous avons vu est que les t\u00e2ches cron sont parfois d\u00e9synchronis\u00e9es ou ne fonctionnent pas correctement, et donc les sessions ne sont pas nettoy\u00e9es. Vous pouvez finir par avoir des tonnes de lignes\u00a0<code>_wp_session_<\/code>\u00a0dans votre base de donn\u00e9es. Dans cet exemple ci-dessous, le site en question \u00e0 accumul\u00e9\u00a0<strong>plus de 3 millions de lignes<\/strong> dans la table\u00a0<code>wp_options<\/code>.\u00a0Et la taille de la table \u00e9tait pass\u00e9e \u00e0 plus de 600 Mo.<\/p>\n<figure style=\"width: 2254px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/09\/wp-options-lignes.png\" alt=\"Table wp_options avec des millions de lignes\" width=\"2254\" height=\"227\"><figcaption class=\"wp-caption-text\">Table wp_options avec des millions de lignes<\/figcaption><\/figure>\n<p>Vous pouvez utiliser une requ\u00eate comme celle ci-dessous pour voir si vous rencontrez ce probl\u00e8me :<\/p>\n<pre><code class=\"language-php\">SELECT *\nFROM `wp_options`\nWHERE `option_name` LIKE '_wp_session_%'<\/code><\/pre>\n<figure style=\"width: 1308px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/09\/wp_session-rows-2.png\" alt=\"Lignes wp_session\" width=\"1308\" height=\"475\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">Lignes wp_session<\/figcaption><\/figure>\n<p>Dans la plupart des cas, vous pouvez ensuite les supprimer en toute s\u00e9curit\u00e9 (comme une t\u00e2che cron devrait l&rsquo;avoir fait) avec la commande suivante :<\/p>\n<pre><code class=\"language-php\">DELETE FROM `wp_options`\nWHERE `option_name` LIKE '_wp_session_%'<\/code><\/pre>\n<p>Apr\u00e8s avoir nettoy\u00e9 toutes les lignes\u00a0<code>_wp_session_<\/code>\u00a0restantes, la table avait moins de 1000 lignes et a \u00e9t\u00e9 r\u00e9duite \u00e0 11 Mo.<\/p>\n<figure style=\"width: 2224px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2017\/09\/cleaned-up-wp-sessions.png\" alt=\"Les sessions ont \u00e9t\u00e9 nettoy\u00e9es\" width=\"2224\" height=\"250\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">Les sessions ont \u00e9t\u00e9 nettoy\u00e9es<\/figcaption><\/figure>\n<p>Cela a \u00e9galement corrig\u00e9 les pics que le site recevait dans MySQL.<\/p>\n<figure style=\"width: 1823px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/09\/transactions-web-mysql.png\" alt=\"Transactions web MySQL\" width=\"1823\" height=\"743\"><figcaption class=\"wp-caption-text\">Transactions web MySQL<\/figcaption><\/figure>\n<h3>Ajouter un index au chargement automatique<\/h3>\n<p>Si le nettoyage de votre table <code>wp_options<\/code> n&rsquo;\u00e9tait pas suffisant, vous pouvez essayer d&rsquo;ajouter un \u00ab\u00a0index\u00a0\u00bb au champ de chargement automatique. Cela peut essentiellement l&rsquo;aider \u00e0 \u00eatre recherch\u00e9 plus efficacement. L&rsquo;\u00e9quipe g\u00e9niale de chez 10up a r\u00e9alis\u00e9 des sc\u00e9narios de test sur une table <code>wp_options<\/code> avec un nombre typique d&rsquo;enregistrements charg\u00e9s automatiquement pour montrer comment l&rsquo;ajout d&rsquo;un index de chargement automatique aux requ\u00eates <code>wp_options<\/code> peut am\u00e9liorer les performances.<\/p>\n<figure style=\"width: 750px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/09\/temps-de-requete-wp-options.png\" alt=\"Temps de requ\u00eate wp_options\" width=\"750\" height=\"430\"><figcaption class=\"wp-caption-text\">Temps de requ\u00eate wp_options (Src img :\u00a0<a href=\"https:\/\/10up.com\/blog\/2017\/wp-options-table\/\" target=\"_blank\" rel=\"noopener noreferrer\">10up<\/a>)<\/figcaption><\/figure>\n<p>Nous vous recommandons \u00e9galement de consulter ces deux ressources suppl\u00e9mentaires de WP Bullet :<\/p>\n<ul>\n<li><a href=\"https:\/\/guides.wp-bullet.com\/add-mysql-index-wordpress-wp_options-table\/\" target=\"_blank\" rel=\"noopener noreferrer\">Comment ajouter l&rsquo;index MySQL \u00e0 la table wp_options<\/a><\/li>\n<li><a href=\"https:\/\/guides.wp-bullet.com\/using-wp-cli-doctor-command-to-fix-large-wp_options-autoload-data\/\" target=\"_blank\" rel=\"noopener noreferrer\">Nettoyage de la table wp_options avec WP-CLI<\/a><\/li>\n<\/ul>\n<h3>Utiliser Redis comme cache d&rsquo;objet persistant pour WordPress<\/h3>\n<p><a href=\"https:\/\/redis.io\/topics\/introduction\" target=\"_blank\" rel=\"noopener noreferrer\">Redis<\/a> est un magasin de structure de donn\u00e9es cl\u00e9\/valeur en m\u00e9moire open source rapide. Dans le contexte de WordPress, Redis peut \u00eatre utilis\u00e9 pour stocker les valeurs g\u00e9n\u00e9r\u00e9es par le <a href=\"https:\/\/codex.wordpress.org\/Class_Reference\/WP_Object_Cache\" target=\"_blank\" rel=\"noopener noreferrer\">cache d&rsquo;objets natif de WordPress<\/a> de fa\u00e7on persistante afin que les objets mis en cache puissent \u00eatre r\u00e9utilis\u00e9s entre les chargements de pages.<\/p>\n<p>L&rsquo;utilisation d&rsquo;un cache d&rsquo;objets persistant tel que Redis permet de <strong>r\u00e9utiliser les objets mis en cache<\/strong> plut\u00f4t que d&rsquo;exiger que la base de donn\u00e9es MySQL soit interrog\u00e9e une seconde fois pour le m\u00eame objet. Le r\u00e9sultat est que Redis peut r\u00e9duire la charge sur la base de donn\u00e9es MySQL d&rsquo;un site Web, tout en diminuant le temps de r\u00e9ponse du site et en augmentant la capacit\u00e9 du site \u00e0 \u00e9voluer et \u00e0 g\u00e9rer le trafic suppl\u00e9mentaire.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/redis.png\" alt=\"Redis\" width=\"235\" height=\"82\"><\/p>\n<p>Les sites Web tr\u00e8s dynamiques (WooCommerce, sites d&rsquo;adh\u00e9sion, forums de discussion, blogs avec des syst\u00e8mes de commentaires extr\u00eamement actifs) qui ne peuvent pas faire bon usage de la mise en cache des pages sont des candidats potentiels pour une option de mise en cache d&rsquo;objets persistants telle que Redis.<\/p>\n<p>Si vous \u00eates un client Kinsta, nous offrons une option additionnelle Redis. D\u00e9couvrez <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cache\/cache-redis\/\" target=\"_blank\" rel=\"noopener noreferrer\">comment ajouter Redis<\/a> \u00e0 votre plan d&rsquo;h\u00e9bergement.<\/p>\n<h3>Utilisez Elasticsearch pour acc\u00e9l\u00e9rer la recherche dans WordPress<\/h3>\n<p><a href=\"https:\/\/www.elastic.co\/guide\/en\/elasticsearch\/reference\/current\/getting-started.html\" target=\"_blank\" rel=\"noopener noreferrer\">Elasticsearch<\/a> est un moteur de recherche full-text open-source. Il est utilis\u00e9 pour indexer les donn\u00e9es et les rechercher incroyablement rapidement.<\/p>\n<p>Dans le contexte de WordPress, Elasticsearch peut \u00eatre utilis\u00e9 pour <strong>acc\u00e9l\u00e9rer l&rsquo;interrogation de la base de donn\u00e9es WordPress<\/strong>. Ceci est fait en construisant un index du contenu de la base de donn\u00e9es de votre site et en utilisant Elasticsearch pour rechercher cet index beaucoup plus rapidement qu&rsquo;une requ\u00eate MySQL pour la m\u00eame recherche.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/elasticsearch.png\" alt=\"Elasticsearch\" width=\"353\" height=\"73\"><\/p>\n<p>Si vous en avez le temps et la capacit\u00e9, Elasticsearch peut \u00eatre int\u00e9gr\u00e9 \u00e0 un site WordPress par un d\u00e9veloppeur WordPress et Elasticsearch hautement qualifi\u00e9. Si votre site fait un usage relativement standard de WP_Query, Elasticsearch peut aussi \u00eatre int\u00e9gr\u00e9 en installant <a href=\"https:\/\/www.elasticpress.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">ElasticPress<\/a>, un plugin WordPress gratuit de 10up, <a href=\"https:\/\/wordpress.org\/plugins\/elasticpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">disponible sur WordPress.org<\/a>, qui <a href=\"https:\/\/github.com\/10up\/ElasticPress#how-does-it-work\" target=\"_blank\" rel=\"noopener noreferrer\">s&rsquo;int\u00e8gre automatiquement avec l&rsquo;objet WP_Query<\/a> pour g\u00e9n\u00e9rer des r\u00e9sultats de requ\u00eates avec Elasticsearch plut\u00f4t que MySQL.<\/p>\n<p>Tout site qui fait un usage intensif de <a href=\"https:\/\/codex.wordpress.org\/Class_Reference\/WP_Query\" target=\"_blank\" rel=\"noopener noreferrer\">WP_Query<\/a>\u00a0peut b\u00e9n\u00e9ficier d&rsquo;Elasticsearch. Exemples de sites qui peuvent b\u00e9n\u00e9ficier d&rsquo;Elasticsearch :<\/p>\n<ul>\n<li>Sites o\u00f9 la recherche est le principal moyen de navigation.<\/li>\n<li>Les sites de WooCommerce avec un grand nombre de commandes o\u00f9 les administrateurs du site doivent pouvoir consulter r\u00e9guli\u00e8rement la liste des commandes.<\/li>\n<li>Tout site avec un grand nombre d\u2019articles o\u00f9 les requ\u00eates MySQL produisent des r\u00e9sultats d&rsquo;une lenteur inacceptable.<\/li>\n<\/ul>\n<h3>D\u00e9sactiver les fonctions non critiques intensives en base de donn\u00e9es<\/h3>\n<p>Cela peut sembler un peu \u00e9vident, mais cela peut faire toute la diff\u00e9rence si vous d\u00e9sactivez les plugins non critiques et les fonctions de th\u00e8me qui sont intenses pour la base de donn\u00e9es.<\/p>\n<ul>\n<li>Les widgets et plugins populaires et ou connexes sont horribles. Ils ont g\u00e9n\u00e9ralement de lourdes requ\u00eates \u00e0 l&rsquo;\u00e9chelle du site.<\/li>\n<li>Les plugins d&rsquo;optimisation d&rsquo;images qui compressent les images \u00e0 l&rsquo;aide de votre serveur. Vous devriez toujours utiliser un plugin d&rsquo;optimisation d&rsquo;images qui optimise les images depuis l&rsquo;ext\u00e9rieur.<\/li>\n<\/ul>\n<p>Si vous visitez le <a href=\"https:\/\/kinsta.com\/fr\/blog\/\" target=\"_blank\" rel=\"noopener noreferrer\">blog de Kinsta<\/a> et faites d\u00e9filer jusqu&rsquo;\u00e0 la fin d&rsquo;un article, vous remarquerez que nous avons ce que nous appelons des articles \u00ab\u00a0choisis \u00e0 la main\u00a0\u00bb. Ceux-ci sont s\u00e9lectionn\u00e9es manuellement par nos soins et affect\u00e9s \u00e0 l\u2019article. Cela r\u00e9duit la requ\u00eate \u00e0 presque rien et ne nuira pas \u00e0 la performance de l&rsquo;ensemble de votre site. Faut-il plus de travail ? Oui, mais cela peut \u00eatre encore mieux car vous pouvez choisir ce que vous voulez que les lecteurs voient.<\/p>\n<figure style=\"width: 1598px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/articles-relatifs-dans-wordpress.png\" alt=\"Articles relatifs dans WordPress\" width=\"1598\" height=\"623\"><figcaption class=\"wp-caption-text\">Articles relatifs dans WordPress<\/figcaption><\/figure>\n<p>Comment y sommes-nous parvenus ? Nous avons utilis\u00e9 l&rsquo;excellent plugin <a href=\"https:\/\/www.advancedcustomfields.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Advanced Custom Fields (Champs personnalis\u00e9s avanc\u00e9s)<\/a> et avons ensuite assign\u00e9 ces champs \u00e0 notre type d\u2019article de blog. Cela nous permet de rechercher et d&rsquo;assigner le contenu que nous voulons \u00e0 chacun de nos articles de blog (voir ci-dessous).<\/p>\n<figure style=\"width: 1468px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2014\/06\/attribuer-des-articles-relatifs-1.png\" alt=\"Attribuer des articles relatifs\" width=\"1468\" height=\"650\"><figcaption class=\"wp-caption-text\">Attribuer des articles relatifs<\/figcaption><\/figure>\n<p>Nous vous recommandons \u00e9galement de ne pas utiliser de plugins qui ajoutent un compteur de vues\/articles \u00e0 votre site, \u00e0 moins que vous n&rsquo;en ayez absolument besoin. Par exemple, \u00e9vitez des choses comme \u00ab\u00a0792 messages\u00a0\u00bb \u00e0 c\u00f4t\u00e9 de l&rsquo;avatar d&rsquo;un utilisateur dans les messages du forum ou \u00ab\u00a05,243 vues\u00a0\u00bb lorsque vous lisez les messages du forum. Lorsque vous avez une longue discussion, ces compteurs auront un impact \u00e9norme sur votre base de donn\u00e9es. En g\u00e9n\u00e9ral, minimiser l&rsquo;utilisation des compteurs et ne les utiliser qu&rsquo;en cas de besoin.<\/p>\n<p>Cela vaut \u00e9galement pour de nombreux m\u00e9dias sociaux. Par exemple, sur ce site ci-dessous, vous pouvez voir que le temps de r\u00e9ponse du populaire plugin Social Warfare est 30 fois plus long que celui du plugin suivant. La mise en cache est activ\u00e9e, mais \u00e9videmment, ce plugin a un co\u00fbt de performances consid\u00e9rable. Apr\u00e8s avoir d\u00e9sactiv\u00e9 le plugin sur le site, les temps de chargement se sont instantan\u00e9ment am\u00e9lior\u00e9s et la r\u00e9activit\u00e9 du tableau de bord d&rsquo;administration de WordPress s&rsquo;est am\u00e9lior\u00e9e.<\/p>\n<figure style=\"width: 1886px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/temps-de-chargement-de-social-warfare.png\" alt=\"Temps de chargement de Social Warfare\" width=\"1886\" height=\"878\"><figcaption class=\"wp-caption-text\">Temps de chargement de Social Warfare<\/figcaption><\/figure>\n<h2 id=\"cdn\">Utiliser un r\u00e9seau de diffusion de contenu (CDN)<\/h2>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/cdn-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">CDN<\/a> est l&rsquo;abr\u00e9viation de content delivery network. Il s&rsquo;agit d&rsquo;un r\u00e9seau de serveurs (\u00e9galement connus sous le nom de POPs) situ\u00e9s dans le monde entier. Ils sont con\u00e7us pour h\u00e9berger et fournir des copies du contenu statique (et parfois dynamique) de votre site WordPress, comme des images, du CSS, du JavaScript et des flux vid\u00e9o.<\/p>\n<p>Tout d&rsquo;abord, vous ne devez pas confondre un CDN avec votre h\u00e9bergeur WordPress. Il s&rsquo;agit de services enti\u00e8rement distincts. Un CDN n&rsquo;est pas un remplacement pour votre h\u00e9bergeur, mais plut\u00f4t un moyen suppl\u00e9mentaire d&rsquo;augmenter la vitesse de votre site. Alors que notre h\u00e9bergement chez Kinsta est rapide, un CDN peut rendre votre site encore plus rapide.<\/p>\n<h3>Comment fonctionne un CDN<\/h3>\n<p>Comment fonctionne exactement un CDN ? Par exemple, lorsque vous h\u00e9bergez votre site Web chez Kinsta, vous devez choisir un <a href=\"https:\/\/kinsta.com\/fr\/docs\/information-service\/emplacements-centre-de-donnees\/\" target=\"_blank\" rel=\"noopener noreferrer\">emplacement de centre de donn\u00e9es<\/a> physique, comme les \u00c9tats-Unis, l&rsquo;Europe, l&rsquo;Asie-Pacifique ou l&rsquo;Am\u00e9rique du Sud.<\/p>\n<p>Disons que vous choisissez US Central. Cela signifie que votre site Web est physiquement situ\u00e9 sur un \u00ab\u00a0serveur h\u00f4te\u00a0\u00bb \u00e0 Council Bluffs, Iowa. Quand les gens en Europe visitent votre site web, cela va prendre plus de temps pour le charger par rapport \u00e0 quelqu&rsquo;un qui le visite de Dallas au Texas par exemple.<\/p>\n<p>Pourquoi ? Parce que les donn\u00e9es doivent parcourir une plus grande distance. C&rsquo;est ce qu&rsquo;on appelle la <a href=\"https:\/\/kinsta.com\/fr\/blog\/latence-du-reseau\/\" target=\"_blank\" rel=\"noopener noreferrer\">latence<\/a>. La latence fait r\u00e9f\u00e9rence au temps et\/ou au retard impliqu\u00e9 dans la transmission de donn\u00e9es sur un r\u00e9seau. Plus la distance est grande, plus la latence est grande.<\/p>\n<h3>Types de CDN<\/h3>\n<p>Il existe deux types diff\u00e9rents de r\u00e9seaux de diffusion de contenu :<\/p>\n<ol>\n<li>Le traditionnel CDN Pull<\/li>\n<li>Le Reverse Proxy CDN<\/li>\n<\/ol>\n<p>Les CDN pull traditionnels mettent en cache une copie de l&rsquo;ensemble de votre contenu et de vos m\u00e9dias, mais une requ\u00eate du client est quand m\u00eame faite directement \u00e0 votre fournisseur d&rsquo;h\u00e9bergement. <a href=\"https:\/\/www.keycdn.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">KeyCDN<\/a> et <a href=\"https:\/\/www.cdn77.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">CDN77<\/a> sont des exemples de CDN traditionnels.<\/p>\n<p>Un <a href=\"https:\/\/kinsta.com\/fr\/blog\/proxy-inverse\/\">Reverse Proxy<\/a> CDN est l\u00e9g\u00e8rement diff\u00e9rent. Il agit comme un CDN, il intercepte toutes les requ\u00eates entrantes et agit comme un serveur interm\u00e9diaire entre le client et votre h\u00e9bergeur. Cloudflare et <a href=\"https:\/\/sucuri.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">Sucuri<\/a> sont des exemples de Reverse Proxy CDN. C&rsquo;est l&rsquo;une des raisons pour lesquelles vous devez diriger vos DNS directement vers ces fournisseurs au lieu de votre h\u00e9bergeur.<\/p>\n<p>L&rsquo;avantage de ces derniers est qu&rsquo;ils agissent en tant que serveur interm\u00e9diaire, ils peuvent fournir des pare-feux d&rsquo;application web forts qui peuvent aider \u00e0 bloquer le mauvais trafic pour ne pas qu&rsquo;il frappe votre site WordPress et\/ou fournisseur d&rsquo;h\u00e9bergement. L&rsquo;inconv\u00e9nient est qu&rsquo;ils ont un peu plus de frais g\u00e9n\u00e9raux en termes de performances par rapport \u00e0 un CDN pull traditionnel. Mais avec des performances et des caract\u00e9ristiques de s\u00e9curit\u00e9 suppl\u00e9mentaires, cela pourrait \u00eatre consid\u00e9r\u00e9 comme n\u00e9gligeable.<\/p>\n<p>Voici un exemple de ce qui s&rsquo;est pass\u00e9 apr\u00e8s avoir activ\u00e9 Sucuri sur le site d&rsquo;un client. Comme vous pouvez le constater, cela a eu un impact dramatique sur la quantit\u00e9 de mauvais trafic qui arrivait. En fin de compte, ces types de services peuvent vous aider \u00e0 \u00e9conomiser sur vos frais d&rsquo;h\u00e9bergement.<\/p>\n<figure style=\"width: 1976px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/06\/ressources-apres-sucuri-waf.png\" alt=\"Ressources apr\u00e8s Sucuri WAF\" width=\"1976\" height=\"1435\"><figcaption class=\"wp-caption-text\">Ressources apr\u00e8s l&rsquo;utilisation de Sucuri WAF<\/figcaption><\/figure>\n<h3>Test de vitesse du CDN<\/h3>\n<p>Tout \u00e0 l&rsquo;heure, nous avons parl\u00e9 des \u00e9normes avantages de la mise en cache de WordPress. Eh bien, la mise en cache CDN est aussi super puissante. Cela s&rsquo;explique par le fait que les CDNs ont g\u00e9n\u00e9ralement beaucoup plus de serveurs que les fournisseurs d&rsquo;h\u00e9bergement. Cela signifie qu&rsquo;ils peuvent mettre en cache toutes vos ressources (images, JS, CSS) plus pr\u00e8s de vos visiteurs et les servir \u00e0 des vitesses fulgurantes.<\/p>\n<p>Faisons quelques tests rapides pour voir \u00e0 quel point votre site pourrait \u00eatre plus rapide avec un CDN.<\/p>\n<h4>Sans CDN<\/h4>\n<p>Notre site Web de test est h\u00e9berg\u00e9 chez Kinsta et est physiquement situ\u00e9 au centre de donn\u00e9es de l&rsquo;Iowa, aux \u00c9tats-Unis. Nous avons d&rsquo;abord effectu\u00e9 cinq tests de vitesse avec Pingdom (sans le CDN activ\u00e9), et avons pris la moyenne. Important : Nous utilisons l&#8217;emplacement Europe &#8211; Royaume-Uni &#8211; Londres sur Pingdom pour d\u00e9montrer la r\u00e9elle puissance d&rsquo;un CDN. Le temps de chargement total \u00e9tait de <strong>1,03 s<\/strong>.<\/p>\n<figure style=\"width: 1462px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-de-vitesse-sans-cdn.png\" alt=\"Test de vitesse sans CDN\" width=\"1462\" height=\"478\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c6eae3e6000000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de vitesse<\/a> sans CDN<\/figcaption><\/figure>\n<h4>Avec un CDN<\/h4>\n<p>Nous avons ensuite activ\u00e9 notre CDN et effectu\u00e9 cinq tests de vitesse suppl\u00e9mentaires dans Pingdom. Notre temps de chargement total est maintenant de <strong>585 ms<\/strong> depuis l&rsquo;Europe &#8211; Royaume-Uni &#8211; Londres sur Pingdom. Ainsi, en utilisant le CDN, nous avons pu <strong>r\u00e9duire nos temps de chargement de page de 43,2%<\/strong> ! C&rsquo;est \u00e9norme.<\/p>\n<figure style=\"width: 1466px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-de-vitesse-avec-cdn.png\" alt=\"Test de vitesse avec CDN\" width=\"1466\" height=\"478\"><figcaption class=\"wp-caption-text\"><a href=\"https:\/\/tools.pingdom.com\/#59c6eb7303400000\" target=\"_blank\" rel=\"noopener noreferrer\">Test de vitesse<\/a> avec CDN<\/figcaption><\/figure>\n<p>La raison d&rsquo;une telle diff\u00e9rence est que le CDN a un centre de donn\u00e9es \u00e0 Londres. Cela signifie que toutes les ressources sont mises en cache \u00e0 cet emplacement et pr\u00eates \u00e0 \u00eatre servies avec une latence minimale.<\/p>\n<h4>TTFB sans CDN<\/h4>\n<p>Rappelez-vous que la barre jaune dans Pingdom repr\u00e9sente le temps d&rsquo;attente, qui est le temps du premier octet (TTFB). Lors de nos tests de vitesse sans CDN, le TTFB moyen sur les ressources \u00e9tait d&rsquo;environ <strong>98 ms<\/strong>.<\/p>\n<figure style=\"width: 1488px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/ttfb-sans-cdn.png\" alt=\"TTFB sans CDN\" width=\"1488\" height=\"739\"><figcaption class=\"wp-caption-text\">TTFB sans CDN<\/figcaption><\/figure>\n<h4>TTFB avec CDN<\/h4>\n<p>Une fois le CDN activ\u00e9, la moyenne du TTFB sur les ressources est tomb\u00e9e \u00e0 <strong>15 ms<\/strong>. Ainsi, en utilisant un CDN, notre <strong>TTFB moyen a chut\u00e9 de 84,69 %.<\/strong> Cela s&rsquo;explique principalement par le fait que les ressources \u00e9taient servies directement \u00e0 partir de la m\u00e9moire cache du CDN.<\/p>\n<figure style=\"width: 1492px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/ttfb-avec-cdn.png\" alt=\"TTFB avec CDN\" width=\"1492\" height=\"739\"><figcaption class=\"wp-caption-text\">TTFB avec CDN<\/figcaption><\/figure>\n\n<h3>Comment activer un CDN<\/h3>\n<p>Activer un CDN sur votre site WordPress n&rsquo;a pas besoin d&rsquo;\u00eatre difficile, c&rsquo;est tr\u00e8s facile ! Il suffit de suivre ces \u00e9tapes.<\/p>\n<h4>\u00c9tape 1<\/h4>\n<p>S\u00e9lectionnez un fournisseur de CDN et abonnez-vous \u00e0 son service. Ceux-ci sont g\u00e9n\u00e9ralement factur\u00e9s sur une base mensuelle ou en fonction de l&rsquo;utilisation des donn\u00e9es. La plupart des fournisseurs disposent d&rsquo;une calculatrice pour estimer vos co\u00fbts.<\/p>\n<ul>\n<li>Si vous envisagez de d\u00e9ployer vous-m\u00eame KeyCDN, nous vous recommandons de lire cet article sur le <a href=\"https:\/\/woorkup.com\/cdn-for-dummies\/\" target=\"_blank\" rel=\"noopener noreferrer\">CDN pour les nuls<\/a>. Chaque fournisseur de CDN devrait \u00e9galement avoir de la documentation pour vous aider \u00e0 d\u00e9marrer.<\/li>\n<li>Nous avons des tutoriels approfondis sur <a href=\"https:\/\/kinsta.com\/fr\/blog\/installer-cloudflare\/\" target=\"_blank\" rel=\"noopener noreferrer\">comment installer Cloudflare<\/a> et <a href=\"https:\/\/kinsta.com\/fr\/blog\/sucuri-firewall\/\" target=\"_blank\" rel=\"noopener noreferrer\">comment installer Sucuri<\/a>.<\/li>\n<\/ul>\n<h4>\u00c9tape 2<\/h4>\n<p>Si vous utilisez un CDN pull traditionnel, vous pouvez utiliser un plugin gratuit comme <a href=\"https:\/\/wordpress.org\/plugins\/cdn-enabler\/\" target=\"_blank\" rel=\"noopener noreferrer\">CDN Enabler<\/a>, <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a> ou <a href=\"https:\/\/perfmatters.io\">Perfmatters<\/a> pour l&rsquo;int\u00e9grer \u00e0 votre site WordPress. Ces plugins relient automatiquement vos ressources au CDN. Aucun travail n&rsquo;est n\u00e9cessaire de votre part pour obtenir votre contenu sur le CDN ; c&rsquo;est tout ce qu&rsquo;il y a de plus facile \u00e0 faire ! Les Reverse Proxy CDN n&rsquo;ont g\u00e9n\u00e9ralement pas besoin de plugins, bien qu&rsquo;ils en aient parfois pour activer des fonctionnalit\u00e9s suppl\u00e9mentaires.<\/p>\n<figure style=\"width: 1670px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/enable-cdn-in-wordpress-perfmatters.png\" alt=\"Activer le CDN dans WordPress avec Perfmatters\" width=\"1670\" height=\"928\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">Activer le CDN dans WordPress avec Perfmatters<\/figcaption><\/figure>\n<h3>Comment activer le CDN Kinsta<\/h3>\n<p>Avez-vous aim\u00e9 les tests de vitesse CDN ci-dessus ? Nous utilisions KeyCDN dans ces tests. La bonne nouvelle est que notre CDN Kinsta est propuls\u00e9 par KeyCDN. Il s&rsquo;agit d&rsquo;un r\u00e9seau de diffusion de contenu compatible HTTP\/2 et IPv6 avec 200+ emplacements, pour surcharger vos ressources et m\u00e9dias dans le monde entier. Les r\u00e9gions actuellement desservies sont l&rsquo;Am\u00e9rique, l&rsquo;Am\u00e9rique du Sud, l&rsquo;Europe, l&rsquo;Afrique, l&rsquo;Asie et l&rsquo;Australie.<\/p>\n<figure style=\"width: 1613px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/kinsta-cdn-map.png\" alt=\"R\u00e9seau CDN Kinsta\" width=\"1613\" height=\"843\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">R\u00e9seau CDN Kinsta<\/figcaption><\/figure>\n<p>Si vous \u00eates un client Kinsta, nous incluons la bande passante CDN gratuite sur tous nos plans d&rsquo;h\u00e9bergement. Vous pouvez <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/\" target=\"_blank\" rel=\"noopener noreferrer\">activer le CDN Kinsta<\/a> en deux \u00e9tapes simples.<\/p>\n<h4>\u00c9tape 1<\/h4>\n<p>Tout d&rsquo;abord, connectez-vous \u00e0 votre <a href=\"https:\/\/my.kinsta.com\/?lang=fr\" target=\"_blank\" rel=\"noopener noreferrer\">tableau de bord MyKinsta<\/a>. Cliquez sur votre site, puis sur l&rsquo;onglet CDN Kinsta.<\/p>\n<figure style=\"width: 1498px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/cdn-kinsta-1.png\" alt=\"CDN Kinsta\" width=\"1498\" height=\"736\"><figcaption class=\"wp-caption-text\">CDN Kinsta<\/figcaption><\/figure>\n<h4>\u00c9tape 2<\/h4>\n<p>Cliquez ensuite sur \u00ab\u00a0Activer le CDN Kinsta\u00a0\u00bb. Apr\u00e8s quelques minutes, le CDN est automatiquement d\u00e9ploy\u00e9 et vos ressources seront stock\u00e9es dans le cache du monde entier. C&rsquo;est tout ce qu&rsquo;il y a \u00e0 faire. \ud83d\ude04<\/p>\n<figure style=\"width: 1457px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/activer-cdn-kinsta-1.png\" alt=\"Activer le CDN Kinsta\" width=\"1457\" height=\"716\"><figcaption class=\"wp-caption-text\">Activer le CDN Kinsta<\/figcaption><\/figure>\n<h3>Optimisations CDN suppl\u00e9mentaires<\/h3>\n<p>Voici quelques autres optimisations de CDN que vous voudrez peut-\u00eatre v\u00e9rifier ou auxquelles vous voudrez peut-\u00eatre r\u00e9fl\u00e9chir.<\/p>\n<ul>\n<li>Si vous avez beaucoup de commentaires, les gravatars peuvent g\u00e9n\u00e9rer beaucoup de requ\u00eates. Ils se chargent depuis <code>secure.gravatar.com<\/code>. Consultez plut\u00f4t ce tutoriel sur la fa\u00e7on de <a href=\"https:\/\/woorkup.com\/load-gravatars-from-cdn\/\" target=\"_blank\" rel=\"noopener noreferrer\"> charger des gravatars \u00e0 partir de votre CDN<\/a>. Nous le faisons sur le site web de Kinsta.\u00a0\ud83d\udc4d<\/li>\n<li>Vous pouvez h\u00e9berger vos polices Web personnalis\u00e9es \u00e0 partir de votre CDN ou m\u00eame des polices Google sur votre CDN. Consultez notre tutoriel approfondi <a href=\"https:\/\/kinsta.com\/fr\/blog\/polices-local\/\" target=\"_blank\" rel=\"noopener noreferrer\">sur les polices locales<\/a>.<\/li>\n<li>Assurez-vous de charger votre <a href=\"https:\/\/kinsta.com\/fr\/blog\/favicon-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">favicon<\/a> depuis votre CDN. M\u00eame si elle est petite, chaque requ\u00eate compte !<\/li>\n<\/ul>\n<h2 id=\"offload-media\">D\u00e9chargement des m\u00e9dias et des emails en cas de besoin<\/h2>\n<p>Tout ce qui g\u00e9n\u00e8re une requ\u00eate a un impact sur la performance de votre site d&rsquo;une mani\u00e8re ou d&rsquo;une autre. Pour les sites h\u00e9bergeant des centaines de milliers de fichiers ou de grands m\u00e9dias, il peut \u00eatre judicieux de se d\u00e9barrasser compl\u00e8tement de ces fichiers. Le <strong>d\u00e9chargement est diff\u00e9rent du service par l&rsquo;interm\u00e9diaire d&rsquo;un CDN<\/strong>. Avec un CDN, les donn\u00e9es originales r\u00e9sident toujours chez votre h\u00e9bergeur, le CDN en a simplement plusieurs copies.<\/p>\n<p>Lorsque le cache expire sur vos ressources CDN, il demande \u00e0 nouveau \u00e0 votre h\u00e9bergeur les derni\u00e8res copies des fichiers. Les CDNs sont destin\u00e9s \u00e0 mettre en cache des fichiers pour de longues p\u00e9riodes de temps. Mais en raison du fait qu&rsquo;il y a tant de POPs, il pourrait y avoir beaucoup de nouvelles requ\u00eates \u00e0 mesure que le cache expire dans diff\u00e9rentes r\u00e9gions.<\/p>\n<p>Lorsque vous d\u00e9chargez des m\u00e9dias ou des fichiers, cela signifie que vous devez d\u00e9placer l&#8217;emplacement physique d&rsquo;origine de ces fichiers hors de votre h\u00e9bergeur. Ainsi, bien qu&rsquo;il puisse sembler que les fichiers sont servis \u00e0 partir de votre site, ils sont en r\u00e9alit\u00e9 situ\u00e9s totalement ailleurs. En plus de r\u00e9duire le nombre de requ\u00eates suppl\u00e9mentaires renvoy\u00e9es \u00e0 l&rsquo;h\u00e9bergeur, la raison num\u00e9ro un est \u00e9videmment d&rsquo;\u00e9conomiser \u00e9galement de l&rsquo;espace disque.<\/p>\n<h3>D\u00e9charger les m\u00e9dias sur Amazon S3<\/h3>\n<p>L&rsquo;une des solutions de d\u00e9chargement les plus populaires est Amazon S3. <a href=\"https:\/\/aws.amazon.com\/s3\/\" target=\"_blank\" rel=\"noopener noreferrer\">Amazon S3<\/a> est une solution de stockage et fait partie des nombreux produits de Amazon Web Services. G\u00e9n\u00e9ralement utilis\u00e9 pour les grands sites qui ont besoin de sauvegardes suppl\u00e9mentaires ou qui <a href=\"https:\/\/kinsta.com\/fr\/blog\/hebergement-pdf-mp3\/\" target=\"_blank\" rel=\"noopener noreferrer\">servent de gros fichiers<\/a> (t\u00e9l\u00e9chargements, logiciels, vid\u00e9os, jeux, fichiers audio, PDFs, etc.). Amazon a fait ses preuves en mati\u00e8re de fiabilit\u00e9 et, gr\u00e2ce \u00e0 son infrastructure massive, peut offrir des co\u00fbts de stockage tr\u00e8s bas. S3 compte parmi ses clients Netflix, Airbnb, SmugMug, Nasdaq, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/11\/wordpress-amazon-s3-1-1.png\" alt width=\"176\" height=\"119\" data-must_clone=\"true\"><\/p>\n<p>Parce qu&rsquo;ils s&rsquo;occupent enti\u00e8rement du stockage en masse, vous pouvez presque garantir que les prix seront moins chers que votre h\u00e9bergeur WordPress. D\u00e9charger vos m\u00e9dias vers AWS peut \u00eatre un excellent moyen d&rsquo;\u00e9conomiser de l&rsquo;argent et c\u2019est gratuit pour votre premi\u00e8re ann\u00e9e (jusqu&rsquo;\u00e0 5 Go de stockage). De plus, comme les requ\u00eates pour vos m\u00e9dias sont servies directement depuis Amazon, cela r\u00e9duit la charge sur votre site WordPress, ce qui signifie des temps de chargement plus rapides.<\/p>\n<p>Consultez notre tutoriel d\u00e9taill\u00e9 sur la fa\u00e7on de <a href=\"https:\/\/kinsta.com\/fr\/blog\/amazon-s3-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9charger des m\u00e9dias WordPress sur Amazon S3<\/a>. Vous pouvez \u00e9galement utiliser un CDN avec les m\u00e9dias d\u00e9charg\u00e9s pour le meilleur des deux mondes.<\/p>\n<h3>T\u00e9l\u00e9charger des m\u00e9dias sur Google Cloud Storage<\/h3>\n<p>Une autre solution de d\u00e9chargement populaire est <a href=\"https:\/\/cloud.google.com\/storage\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Cloud Storage<\/a>.\u00a0Depuis que Kinsta est propuls\u00e9 par la plateforme Google Cloud Platform, nous sommes de grands fans de leur technologie et de leur infrastructure. En raison de l&rsquo;infrastructure massive de Google et du fait qu&rsquo;ils traitent le stockage en masse, ils peuvent offrir des co\u00fbts de stockage tr\u00e8s bas. Spotify, Vimeo, Coca-Cola, Philips, Evernote, et Motorola font partie de leurs clients.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/stockage-google-cloud.png\" alt=\"Stockage Google Cloud\" width=\"153\" height=\"153\"><\/p>\n<p>Consultez notre tutoriel d\u00e9taill\u00e9 sur la fa\u00e7on de <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-google-cloud-storage\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9charger les m\u00e9dias WordPress vers Google Cloud Storage<\/a>.<\/p>\n<h3>D\u00e9charger les emails transactionnels et de marketing<\/h3>\n<p>Que vous le pensiez ou non, les courriels ont un impact sur votre serveur et ses ressources. Avec certains h\u00e9bergeurs, en particulier les h\u00e9bergeurs mutualis\u00e9s, abuser de cela pourrait m\u00eame vous faire suspendre. Cela devient particuli\u00e8rement un probl\u00e8me avec ceux qui essaient d&rsquo;envoyer des courriels en masse. C&rsquo;est la raison pour laquelle il existe des fournisseurs de messagerie transactionnelle tiers et pourquoi de nombreux h\u00e9bergeurs bloquent compl\u00e8tement la livraison des emails sur les ports standard. Nous ne recommandons jamais d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/logiciels-marketing-email\/\" target=\"_blank\" rel=\"noopener noreferrer\">utiliser votre h\u00e9bergeur pour le courrier \u00e9lectronique<\/a>.<\/p>\n<p>Si vous envoyez des newsletters ou des emails en masse, nous vous recommandons toujours les alternatives suivantes pour obtenir les meilleurs r\u00e9sultats :<\/p>\n<ul>\n<li>Utiliser un <strong>logiciel d&#8217;email marketing professionnel tiers<\/strong> qui ne fait pas partie de WordPress<\/li>\n<li>Utiliser un <strong>fournisseur de services de messagerie transactionnelle<\/strong> (API HTTP ou SMTP) avec WordPress<\/li>\n<\/ul>\n<p>Parmi les autres avantages de l&rsquo;utilisation d&rsquo;un service tiers, mentionnons les suivants :<\/p>\n<ul>\n<li>Meilleure d\u00e9livrabilit\u00e9 du courrier \u00e9lectronique. Laissez les fournisseurs d&#8217;emails faire ce qu&rsquo;ils font le mieux !<\/li>\n<li>Moins de chance d&rsquo;\u00eatre sur la liste noire.<\/li>\n<li>Il n&rsquo;est pas toujours possible d&rsquo;\u00e9tablir des enregistrements <a href=\"https:\/\/kinsta.com\/fr\/blog\/erreur-dmarc\/\">DMARC<\/a> avec votre h\u00e9bergeur.<\/li>\n<\/ul>\n<h4>Outils d&rsquo;Email Marketing<\/h4>\n<p>Quelques exemples d&#8217;emails de marketing comprennent des newsletters, des annonces de produits et de caract\u00e9ristiques, des ventes, des invitations \u00e0 des \u00e9v\u00e9nements, des rappels d&rsquo;int\u00e9gration, etc. Voici quelques outils d&#8217;email marketing que nous vous recommandons :<\/p>\n<ul>\n<li><a href=\"https:\/\/mailchimp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">MailChimp<\/a>\u00a0&#8211; Nous utilisons MailChimp chez Kinsta.<\/li>\n<li><a href=\"https:\/\/www.mailerlite.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">MailerLite<\/a><\/li>\n<li><a href=\"https:\/\/www.drip.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Drip<\/a><\/li>\n<\/ul>\n<h4>Services d&#8217;email\u00a0transactionnel<\/h4>\n<p>Quelques exemples d&#8217;emails transactionnels incluent les re\u00e7us d&rsquo;achat de WooCommerce ou de EDD, les avis de cr\u00e9ation de compte, les avis d&rsquo;exp\u00e9dition, les messages d&rsquo;erreur d&rsquo;application, les r\u00e9initialisations de mot de passe, etc. Si vous \u00eates un client de Kinsta, nous comptons sur un fournisseur SMTP tiers pour assurer une haute d\u00e9livrabilit\u00e9. Mais en fonction de votre volume, nous vous recommandons toujours de mettre cela hors du site. Voici quelques services d&#8217;email transactionnel que nous recommandons :<\/p>\n<ul>\n<li><a href=\"https:\/\/sendgrid.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">SendGrid<\/a> &#8211; Nous utilisons SendGrid chez Kinsta.<\/li>\n<li><a href=\"https:\/\/www.mailgun.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Mailgun<\/a> &#8211; Lisez\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/mailgun-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">comment configurer Mailgun dans WordPress<\/a>.<\/li>\n<li><a href=\"https:\/\/www.sparkpost.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">SparkPost<\/a><\/li>\n<\/ul>\n<h2 id=\"finding-bottlenecks\">Comment trouver les blocages et les plugins lents<\/h2>\n<p>Nous allons maintenant vous donner quelques conseils sur la fa\u00e7on de trouver les blocages sur votre site WordPress et ce que vous pouvez faire pour y rem\u00e9dier.<\/p>\n<h3>Utilisez New Relic pour identifier les plugins et les requ\u00eates de base de donn\u00e9es lentes<\/h3>\n<p>Il existe d&rsquo;excellents outils sur le march\u00e9 qui peuvent vous aider \u00e0 rep\u00e9rer et \u00e0 identifier les requ\u00eates de base de donn\u00e9es lentes et les plugins qui prennent beaucoup de temps. Nous sommes de grands fans de <a href=\"https:\/\/newrelic.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">New Relic<\/a> chez Kinsta et nous l&rsquo;utilisons quotidiennement. New Relic est un outil de surveillance PHP que vous pouvez utiliser pour obtenir des statistiques de performances d\u00e9taill\u00e9es sur votre site Web.<\/p>\n<p>Si vous \u00eates un client Kinsta, vous pouvez m\u00eame ajouter votre propre <a href=\"https:\/\/kinsta.com\/changelog\/custom-new-relic-tracking\/\" target=\"_blank\" rel=\"noopener noreferrer\">cl\u00e9 de licence New Relic<\/a> sur notre tableau de bord MyKinsta.<\/p>\n<figure style=\"width: 1688px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/new-relic-suivi-kinsta-1.png\" alt=\"Suivi New Relic\" width=\"1688\" height=\"1023\"><figcaption class=\"wp-caption-text\">Suivi New Relic<\/figcaption><\/figure>\n<p>Cependant, utilisez New Relic avec prudence car il a un impact sur les performances du site. Il ajoute du JavaScript \u00e0 votre site Web. Nous vous recommandons de l&rsquo;activer lorsque vous avez besoin de d\u00e9panner la performance et de d\u00e9sactiver par la suite.<\/p>\n<h4>Trouver les plugins lents<\/h4>\n<p>Lorsqu&rsquo;un plugin WordPress cause une lenteur g\u00e9n\u00e9rale, les sympt\u00f4mes varient en fonction de l&rsquo;activit\u00e9 du plugin. Cependant, dans de nombreux cas, vous constaterez qu&rsquo;un plugin lent affectera chaque page d&rsquo;un site WordPress. Dans le cas du site dont vous voyez les donn\u00e9es dans l&rsquo;image ci-dessous, la lenteur g\u00e9n\u00e9rale a \u00e9t\u00e9 observ\u00e9e sur chaque page publique du site. Voici ce que New Relic avait \u00e0 dire sur la performance des plugins du site.<\/p>\n<figure style=\"width: 1137px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/09\/plugins-lents.png\" alt=\"Plugins lents\" width=\"1137\" height=\"363\"><figcaption class=\"wp-caption-text\">Plugins lents<\/figcaption><\/figure>\n<p>Imm\u00e9diatement vous pouvez voir que le plugin adinjector consomme plus de 15 fois plus de temps que le plugin le plus lent suivant.<\/p>\n<p>Quand vous voyez des donn\u00e9es de ce type, il peut \u00eatre tentant de rejeter imm\u00e9diatement la faute sur le plugin en disant qu&rsquo;il est mal cod\u00e9 ou d&rsquo;une mani\u00e8re ou d&rsquo;une autre inefficace. Bien que ce soit parfois le cas, ce n&rsquo;est pas <i>toujours<\/i> le cas. Une mauvaise configuration des plugins, la lenteur de la base de donn\u00e9es ou des ressources externes lentes \u00e0 r\u00e9agir peuvent entra\u00eener une perte de temps consid\u00e9rable pour un plugin.<\/p>\n<p>Ainsi, lorsque vous voyez un plugin qui r\u00e9pond lentement, c&rsquo;est une bonne id\u00e9e de v\u00e9rifier plusieurs autres \u00e9crans dans New Relic pour trouver des informations suppl\u00e9mentaires. Les transactions, les bases de donn\u00e9es et les ressources externes doivent toutes \u00eatre v\u00e9rifi\u00e9es avant de d\u00e9cider que la d\u00e9sactivation du plugin est la meilleure ou la seule fa\u00e7on de progresser.<\/p>\n<h4>Lenteur globale caus\u00e9e par une base de donn\u00e9es submerg\u00e9e<\/h4>\n<p>Une base de donn\u00e9es mal optimis\u00e9e peut entra\u00eener une lenteur g\u00e9n\u00e9rale sur un site WordPress. Tout \u00e0 l&rsquo;heure, nous avons pass\u00e9 en revue beaucoup de choses diff\u00e9rentes que vous pouvez faire pour r\u00e9gler ce probl\u00e8me. Dans New Relic, cette lenteur li\u00e9e \u00e0 la base de donn\u00e9es appara\u00eetra tr\u00e8s probablement \u00e0 deux endroits :<\/p>\n<ul>\n<li>Tout d&rsquo;abord, vous verrez une quantit\u00e9 d\u00e9mesur\u00e9e d&rsquo;activit\u00e9s MySQL dans l&rsquo;aper\u00e7u.<\/li>\n<li>Deuxi\u00e8mement, vous verrez une ou plusieurs tables de la base de donn\u00e9es qui consomment beaucoup de temps dans l&rsquo;onglet bases de donn\u00e9es.<\/li>\n<\/ul>\n<p>En commen\u00e7ant par l&rsquo;\u00e9cran de synth\u00e8se, un site avec une base de donn\u00e9es en difficult\u00e9 pourrait ressembler \u00e0 ceci :<\/p>\n<figure style=\"width: 970px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/09\/transactions-web-pa-heure.png\" alt=\"Transactions Web pa heure\" width=\"970\" height=\"421\"><figcaption class=\"wp-caption-text\">Transactions Web par heure<\/figcaption><\/figure>\n<p>Pour avoir une meilleure id\u00e9e de la table de base de donn\u00e9es ou de la requ\u00eate \u00e0 l&rsquo;origine du probl\u00e8me, allez \u00e0 l&rsquo;onglet des bases de donn\u00e9es.<\/p>\n<figure style=\"width: 1134px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/09\/presentation-de-mysql.png\" alt=\"Pr\u00e9sentation de MySQL\" width=\"1134\" height=\"356\"><figcaption class=\"wp-caption-text\">Pr\u00e9sentation de MySQL<\/figcaption><\/figure>\n<p>L&rsquo;onglet Bases de donn\u00e9es indique la table et le type de requ\u00eate qui consomme le plus de temps. Si vous s\u00e9lectionnez l&rsquo;une des entr\u00e9es de la liste, vous pouvez voir plus de d\u00e9tails, y compris des exemples de requ\u00eates.<\/p>\n<figure style=\"width: 1143px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/09\/requete-lente.png\" alt=\"Requ\u00eate lente - table wp_options\" width=\"1143\" height=\"462\"><figcaption class=\"wp-caption-text\">Requ\u00eate lente &#8211; table wp_options<\/figcaption><\/figure>\n<p>Dans ce cas, les donn\u00e9es pointent du doigt les donn\u00e9es charg\u00e9es automatiquement dans la table <code>wp_options<\/code>. Souvenez-vous, on en a d\u00e9j\u00e0 parl\u00e9. Bien s\u00fbr, une analyse rapide de la table <code>wp_options<\/code> confirme que pr\u00e8s de 250 Mo de donn\u00e9es sont charg\u00e9es automatiquement \u00e0 partir de cette table, faisant de ce site un candidat \u00e9vident pour la maintenance et l&rsquo;optimisation de bases de donn\u00e9es.<\/p>\n<p>N&rsquo;oubliez pas de consulter notre tutoriel d\u00e9taill\u00e9 sur la <a href=\"https:\/\/kinsta.com\/fr\/blog\/performances-wordpress-new-relic\/\" target=\"_blank\" rel=\"noopener noreferrer\">fa\u00e7on d&rsquo;utiliser New Relic<\/a> pour d\u00e9boguer les probl\u00e8mes de performances sur votre site WordPress.<\/p>\n<h3>Utilisez le plugin gratuit Query Monitor<\/h3>\n<p>Vous pouvez \u00e9galement utiliser le plugin WordPress gratuit <a href=\"https:\/\/wordpress.org\/plugins\/query-monitor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Query Monitor<\/a>. Utilisez-le pour identifier et d\u00e9boguer les requ\u00eates lentes des bases de donn\u00e9es, les <a href=\"https:\/\/kinsta.com\/fr\/blog\/admin-ajax\/\" target=\"_blank\" rel=\"noopener noreferrer\">appels AJAX<\/a>, les requ\u00eates REST API, et bien plus encore. De plus, le plugin rapporte les d\u00e9tails du site Web tels que les d\u00e9pendances de script et les hooks WordPress qui se d\u00e9clenchent pendant la g\u00e9n\u00e9ration des pages, les d\u00e9tails de l&rsquo;environnement d&rsquo;h\u00e9bergement, les balises de requ\u00eate conditionnelles rencontr\u00e9es par la page courante, et beaucoup plus.<\/p>\n<figure style=\"width: 2039px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/08\/recquetes-wordpress.png\" alt=\"Requ\u00eates WordPress dans le plugin Query Monitor\" width=\"2039\" height=\"1150\"><figcaption class=\"wp-caption-text\">Requ\u00eates WordPress dans le plugin Query Monitor<\/figcaption><\/figure>\n<p>Le plugin a \u00e9t\u00e9 d\u00e9velopp\u00e9 par <a href=\"https:\/\/johnblackbourn.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">John Blackbourn<\/a>, un committer du c\u0153ur de WordPress qui est actuellement d\u00e9veloppeur chez Human Made et qui \u00e9tait auparavant employ\u00e9 par WordPress.com VIP &#8211; en d&rsquo;autres termes, quelqu&rsquo;un qui conna\u00eet bien WordPress. Query Monitor a \u00e9t\u00e9 <a href=\"https:\/\/wptavern.com\/query-monitor-a-remarkably-comprehensive-debugging-plugin-for-wordpress\" target=\"_blank\" rel=\"noopener noreferrer\">ajout\u00e9 au r\u00e9pertoire des plugins WordPress en 2013<\/a> et compte actuellement plus de 10 000 installations actives &#8211; une somme impressionnante pour un plugin de d\u00e9veloppement. L&rsquo;\u00e9valuation de cinq \u00e9toiles sur cinq du plugin par les utilisateurs aide \u00e0 expliquer sa popularit\u00e9 aupr\u00e8s des d\u00e9veloppeurs.<\/p>\n<p>Consultez notre tutoriel complet sur l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/query-monitor\/\" target=\"_blank\" rel=\"noopener noreferrer\">utilisation de Query Monitor<\/a>.<\/p>\n<h3 id=\"wordpress-staging\">Utilisation des sites de staging sans toucher \u00e0 la production<\/h3>\n<p>Nous ne savons pas ce que nous ferions sans les environnements de d\u00e9veloppement (staging). Ces outils peuvent \u00eatre d&rsquo;une valeur inestimable lorsqu&rsquo;il s&rsquo;agit de d\u00e9panner les probl\u00e8mes de performances. Heureusement, Kinsta dispose d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/environnement-staging\/\" target=\"_blank\" rel=\"noopener noreferrer\">environnements de staging<\/a> activables en un clic. Si votre h\u00e9bergeur WordPress n&rsquo;offre pas d&rsquo;environnements de staging, vous pouvez aussi utiliser un plugin comme <a href=\"https:\/\/wordpress.org\/plugins\/wp-staging\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Staging<\/a>, bien que ce ne soit pas aussi facile.<\/p>\n<figure style=\"width: 1670px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/environnement-staging-wordpress-2-1.png\" alt=\"Environnement de staging WordPress\" width=\"1670\" height=\"735\"><figcaption class=\"wp-caption-text\">Environnement de staging WordPress<\/figcaption><\/figure>\n<p>Une fois que vous avez un site de d\u00e9veloppement op\u00e9rationnel, la premi\u00e8re chose que vous pouvez faire est de <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-plugins-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9sactiver tous vos plugins<\/a>. Puisqu&rsquo;il s&rsquo;agit d&rsquo;une copie de votre site en production, vous n&rsquo;avez pas \u00e0 vous soucier de casser quoi que ce soit. C&rsquo;est de loin l&rsquo;un des moyens les plus faciles de r\u00e9duire les probl\u00e8mes. Il vous suffit d&rsquo;aller dans Plugins, de les s\u00e9lectionner tous et de choisir \u00ab\u00a0D\u00e9sactiver\u00a0\u00bb parmi les options en masse.<\/p>\n<figure style=\"width: 1589px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/03\/desactiver-tous-les-plugins-wordpress.png\" alt=\"D\u00e9sactiver tous les plugins WordPress\" width=\"1589\" height=\"766\"><figcaption class=\"wp-caption-text\">D\u00e9sactiver tous les plugins WordPress<\/figcaption><\/figure>\n<p>Apr\u00e8s avoir fait cela, vous pouvez surveiller les temps de r\u00e9ponse dans New Relic ou Query Monitor et voir ce qui se passe. Dans cet exemple ci-dessous, les temps de r\u00e9ponse sont imm\u00e9diatement revenus \u00e0 la normale sur le site, nous savions donc que c&rsquo;\u00e9tait l&rsquo;un des plugins qui causait un probl\u00e8me. Vous pouvez ensuite les r\u00e9activer un par un, en r\u00e9p\u00e9tant le m\u00eame processus jusqu&rsquo;\u00e0 ce que vous trouviez le coupable.<\/p>\n<figure style=\"width: 1557px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/03\/temps-de-reponse-normaux.png\" alt=\"Temps de r\u00e9ponse normaux\" width=\"1557\" height=\"796\"><figcaption class=\"wp-caption-text\">Temps de r\u00e9ponse normaux<\/figcaption><\/figure>\n<p>Voici un exemple de ce qui s&rsquo;est pass\u00e9 lorsque nous avons activ\u00e9 le plugin qui causait le probl\u00e8me. Les temps de chargement (temps de transaction Web) ont imm\u00e9diatement augment\u00e9.<\/p>\n<figure style=\"width: 1568px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/03\/encore-de-longs-temps-de-reponse.png\" alt=\"Encore de longs temps de r\u00e9ponse\" width=\"1568\" height=\"748\"><figcaption class=\"wp-caption-text\">Encore de longs temps de r\u00e9ponse<\/figcaption><\/figure>\n<p>Que faire apr\u00e8s avoir trouv\u00e9 le plugin qui cause la lenteur ? Voici ce que nous vous conseillons :<\/p>\n<ol>\n<li>Mettez \u00e0 jour vos plugins et th\u00e8mes avec la derni\u00e8re version si vous ne l&rsquo;avez pas d\u00e9j\u00e0 fait.<\/li>\n<li>Contactez le d\u00e9veloppeur du plugin ou du th\u00e8me et demandez-lui de l&rsquo;aide.<\/li>\n<li>Trouvez un plugin alternatif qui peut offrir la m\u00eame fonctionnalit\u00e9.<\/li>\n<li>Peut-\u00eatre que votre version de PHP cause un probl\u00e8me.\u00a0Changez votre moteur PHP pour une version inf\u00e9rieure et voyez si le plugin ou le th\u00e8me fonctionne.<\/li>\n<\/ol>\n<p>Vous pouvez \u00e9galement engager un <a href=\"https:\/\/kinsta.com\/fr\/blog\/engager-developpeur-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9veloppeur WordPress<\/a> pour r\u00e9soudre le probl\u00e8me. Si c&rsquo;est li\u00e9 \u00e0 la performance, nous devons donner un message personnel \u00e0 Mike Andreason de\u00a0<a href=\"https:\/\/kinsta.com\/fr\/partenaires\/wp-bullet\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Bullet<\/a>. C&rsquo;est un d\u00e9veloppeur Codeable \u00e0 temps plein sp\u00e9cialis\u00e9 dans l&rsquo;optimisation des performances, qui a aid\u00e9 de nombreux clients ici chez Kinsta avec des installations complexes \u00e0 faire passer leur site \u00e0 un niveau sup\u00e9rieur.<\/p>\n<figure style=\"width: 1572px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/07\/avant-et-apres-wp-bullet.png\" alt=\"Avant et apr\u00e8s WP Bullet\" width=\"1572\" height=\"647\"><figcaption class=\"wp-caption-text\">Avant et apr\u00e8s WP Bullet<\/figcaption><\/figure>\n<h3>V\u00e9rifiez vos logs d&rsquo;erreurs<\/h3>\n<p>V\u00e9rifier les <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-logs-erreurs-acces\/\" target=\"_blank\" rel=\"noopener noreferrer\">logs d&rsquo;erreurs<\/a> n&rsquo;est jamais amusant, mais peut r\u00e9v\u00e9ler beaucoup de choses sur les probl\u00e8mes de performances avec les plugins WordPress. Si vous \u00eates un client Kinsta, vous pouvez facilement visualiser vos logs d&rsquo;erreurs, vos logs de cache et vos logs d&rsquo;acc\u00e8s directement depuis le tableau de bord MyKinsta.<\/p>\n<figure style=\"width: 1529px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/logs-erreurs-mykinsta-1-1.png\" alt=\"Logs des erreurs dans MyKinsta\" width=\"1529\" height=\"663\"><figcaption class=\"wp-caption-text\">Logs des erreurs dans MyKinsta<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement activer les logs d&rsquo;erreurs en ajoutant du code \u00e0 votre fichier\u00a0<code>wp-config.php<\/code>. Tout d&rsquo;abord, vous devrez vous connecter \u00e0 votre site via SFTP. T\u00e9l\u00e9chargez ensuite votre\u00a0<code>wp-config.php<\/code>\u00a0pour pouvoir l&rsquo;\u00e9diter. Note : Faites toujours une sauvegarde de ce fichier d&rsquo;abord !<\/p>\n<figure style=\"width: 1389px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/telecharger-wp-config.jpg\" alt=\"T\u00e9l\u00e9charger le fichier wp-config.php\" width=\"1389\" height=\"496\"><figcaption class=\"wp-caption-text\">T\u00e9l\u00e9charger le fichier wp-config.php<\/figcaption><\/figure>\n<p>Trouvez la ligne qui dit\u00a0<code>\/* That's all, stop editing! Happy blogging. *\/<\/code>\u00a0et juste avant, ajoutez ce qui suit (comme indiqu\u00e9 ci-dessous) :<\/p>\n<pre class=\" language-php\"><code class=\" language-php\"><span class=\"token function\">define <span class=\"token punctuation\">(  <span class=\"token string\">'WP_DEBUG' <span class=\"token punctuation\">,  <span class=\"token boolean\">true  <span class=\"token punctuation\">) <span class=\"token punctuation\">; <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/code><\/pre>\n<figure style=\"width: 1302px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2015\/08\/wp-debug.png\" alt=\"WP_DEBUG\" width=\"1302\" height=\"470\"><figcaption class=\"wp-caption-text\">WP_DEBUG<\/figcaption><\/figure>\n<p>Si le code ci-dessus existe d\u00e9j\u00e0 dans votre fichier\u00a0<code>wp-config.php<\/code>\u00a0mais est r\u00e9gl\u00e9 sur \u00ab\u00a0false\u00a0\u00bb, changez-le simplement en \u00ab\u00a0true\u00a0\u00bb. Ceci activera le mode de d\u00e9bogage. Remarque : Vous verrez peut-\u00eatre \u00e9galement des avertissements ou des erreurs dans votre administration WordPress.<\/p>\n<p>Vous pouvez alors activer le journal de d\u00e9bogage pour envoyer toutes les erreurs \u00e0 un fichier en ajoutant le code suivant juste apr\u00e8s la ligne WP_DEBUG (comme indiqu\u00e9 ci-dessous) :<\/p>\n<pre class=\" language-php\"><code class=\" language-php\"><span class=\"token function\">define <span class=\"token punctuation\">(  <span class=\"token string\">'WP_DEBUG_LOG' <span class=\"token punctuation\">,  <span class=\"token boolean\">true  <span class=\"token punctuation\">) <span class=\"token punctuation\">; <\/span><\/span><\/span><\/span><\/span><\/span><\/span><\/code><\/pre>\n<figure style=\"width: 1277px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2015\/08\/wp-debug-log.png\" alt=\"WP_DEBUG_LOG\" width=\"1277\" height=\"473\"><figcaption class=\"wp-caption-text\">WP_DEBUG_LOG<\/figcaption><\/figure>\n<p>Sauvegardez vos modifications et envoyez-les sur votre serveur. Les erreurs seront alors enregistr\u00e9es dans le fichier\u00a0<code>debug.log<\/code>\u00a0dans votre dossier\u00a0<code>\/wp-content\/<\/code>.\u00a0Si pour une raison quelconque vous ne voyez pas ce fichier, vous pouvez toujours en cr\u00e9er un.<\/p>\n<h3>Utiliser MyKinsta Analytics<\/h3>\n<p>Si vous \u00eates un client Kinsta, vous pouvez tirer parti des informations sur les performances que nous avons int\u00e9gr\u00e9es dans notre <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/statistiques-wordpress-mykinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">outil MyKinsta Analytics<\/a>.<\/p>\n<p>Sous la section de surveillance des performances, vous pouvez voir votre temps de r\u00e9ponse moyen PHP + MySQL, le d\u00e9bit PHP, l&rsquo;utilisation d&rsquo;AJAX, le top des temps de Upstream moyen et maximaux.<\/p>\n<h4>Temps de r\u00e9ponse moyen PHP + MySQL<\/h4>\n<p>Chaque fois que vous visitez votre site WordPress, PHP et MySQL sont utilis\u00e9s pour compiler et interroger les donn\u00e9es que vous voyez sur cette page. Ce graphique vous montre le temps de r\u00e9ponse moyen du moteur PHP et du moteur MySQL pour chaque requ\u00eate dynamique sans cache. Conna\u00eetre ces temps de r\u00e9ponse peut vous aider \u00e0 d\u00e9panner la lenteur.<\/p>\n<figure style=\"width: 1374px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/08\/performance-php-mysql.png\" alt=\"Performance - Temps de r\u00e9ponse moyen PHP + MySQL\" width=\"1374\" height=\"559\"><figcaption class=\"wp-caption-text\">Performances &#8211; Temps de r\u00e9ponse moyen PHP + MySQL<\/figcaption><\/figure>\n<h4>D\u00e9bit PHP<\/h4>\n<p><a href=\"https:\/\/loadfocus.com\/blog\/2013\/07\/04\/what-is-throughput-in-performance-testing\/\" target=\"_blank\" rel=\"noopener noreferrer\">Le d\u00e9bit<\/a> indique le nombre de transactions par seconde qu&rsquo;une application peut traiter, et dans ce rapport, il fait r\u00e9f\u00e9rence au d\u00e9bit PHP de votre site WordPress. En d&rsquo;autres termes, il vous indique combien de fois une ressource PHP a \u00e9t\u00e9 demand\u00e9e.<\/p>\n<figure style=\"width: 1378px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/08\/performance-debit-php.png\" alt=\"Performance - D\u00e9bit PHP\" width=\"1378\" height=\"561\"><figcaption class=\"wp-caption-text\">Performances &#8211; D\u00e9bit PHP<\/figcaption><\/figure>\n<h4>Utilisation d&rsquo;AJAX<\/h4>\n<p><a href=\"http:\/\/www.seguetech.com\/ajax-technology\/\" target=\"_blank\" rel=\"noopener noreferrer\">AJAX<\/a> est un script c\u00f4t\u00e9 client qui communique vers et depuis un serveur\/une base de donn\u00e9es sans avoir besoin d&rsquo;un retour en arri\u00e8re ou d&rsquo;un rafra\u00eechissement complet de la page. Quand il s&rsquo;agit de WordPress, beaucoup d&rsquo;entre vous l&rsquo;ont probablement vu dans les tests de vitesse. Les deux principaux probl\u00e8mes avec AJAX incluent les plugins qui provoquent des pics et des probl\u00e8mes de CPU au niveau du back-end.<\/p>\n<figure style=\"width: 1696px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/03\/utilisation-admin-ajax.png\" alt=\"Utilisation d'Admin-AJAX\" width=\"1696\" height=\"543\"><figcaption class=\"wp-caption-text\">Utilisation d&rsquo;Admin-AJAX<\/figcaption><\/figure>\n<p>N&rsquo;oubliez pas de consulter notre article d\u00e9taill\u00e9 sur le diagnostic de l&rsquo;utilisation \u00e9lev\u00e9e d&rsquo;Admin-AJAX sur votre site WordPress.<\/p>\n<p>Le rapport d&rsquo;utilisation d&rsquo;AJAX dans MyKinsta analytics peut \u00eatre un excellent moyen de vous aider \u00e0 d\u00e9panner ces types de probl\u00e8mes car vous pouvez voir s&rsquo;il y a certains pics AJAX pendant certaines p\u00e9riodes. Ce graphique montre le nombre de requ\u00eates admin-ajax. Vous pouvez alors utiliser certains des conseils dans l\u2019article que nous avons mentionn\u00e9 ci-dessus pour voir d&rsquo;o\u00f9 cela peut venir.<\/p>\n<figure style=\"width: 1620px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/utilisation-ajax.png\" alt=\"Utilisation d'AJAX\" width=\"1620\" height=\"762\"><figcaption class=\"wp-caption-text\">Utilisation d&rsquo;AJAX<\/figcaption><\/figure>\n<h4>Top des temps de r\u00e9ponse moyens PHP + MySQL<\/h4>\n<p>Cette liste montre le top des temps de r\u00e9ponse moyens de PHP et MySQL. Ces nombres peuvent \u00eatre des pics ponctuels, il est donc conseill\u00e9 de comparer cette liste avec le \u00ab\u00a0Top des temps maximum de Upstream\u00a0\u00bb.<\/p>\n<figure style=\"width: 1376px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/temps-response-php-mysql.png\" alt=\"Temps de r\u00e9ponse moyen sup\u00e9rieur PHP + MySQL\" width=\"1376\" height=\"1412\"><figcaption class=\"wp-caption-text\">Top des temps de r\u00e9ponse moyens de PHP + MySQL<\/figcaption><\/figure>\n<h4>Top des temps maximum de Upstream<\/h4>\n<p>Le top des temps maximum de Upstream est le temps total n\u00e9cessaire \u00e0 Nginx (et aux serveurs en amont) pour traiter une requ\u00eate et envoyer une r\u00e9ponse. Le temps est mesur\u00e9 en secondes, avec une r\u00e9solution en millisecondes. En savoir plus sur les <a href=\"https:\/\/www.scalyr.com\/community\/guides\/an-in-depth-guide-to-nginx-metrics\" target=\"_blank\" rel=\"noopener noreferrer\">mesures Nginx<\/a>.<\/p>\n<figure style=\"width: 1426px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/temps-maximum-en-amont.png\" alt=\"Temps maximum en amont\" width=\"1426\" height=\"1388\"><figcaption class=\"wp-caption-text\">Top des temps maximum de Upstream<\/figcaption><\/figure>\n<h3>Votre site pourrait \u00eatre pirat\u00e9<\/h3>\n<p>Si vous rencontrez des probl\u00e8mes de performances, il se peut tr\u00e8s bien que votre site soit pirat\u00e9, infect\u00e9 par des malwares ou victime d&rsquo;une <a href=\"https:\/\/kinsta.com\/fr\/blog\/attaque-ddos\/\" target=\"_blank\" rel=\"noopener noreferrer\">attaque DDoS<\/a>. Cela peut avoir un impact sur la vitesse de votre site et m\u00eame sur la r\u00e9activit\u00e9 de votre tableau de bord d&rsquo;administration WordPress. Dans ces cas, nous recommandons ce qui suit :<\/p>\n<ol>\n<li>Impl\u00e9menter un serveur proxy et WAF tel que Cloudflare ou Sucuri.<\/li>\n<li>Bloquer les mauvaises adresses IP en utilisant les services ci-dessus ou si vous \u00eates un client Kinsta vous pouvez \u00e9galement <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/gestion-site\/bloquer-adresse-ip\/\" target=\"_blank\" rel=\"noopener noreferrer\">bloquer les adresses IP<\/a> depuis notre tableau de bord MyKinsta.<\/li>\n<li>Vous pouvez \u00e9galement impl\u00e9menter le <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/outils-mykinsta\/geolocalisation-ip\/\">blocage g\u00e9ographique<\/a>. Certains pays sont vraiment mauvais quand il s&rsquo;agit de la qualit\u00e9 du trafic qu&rsquo;ils g\u00e9n\u00e8rent. Si vous \u00eates attaqu\u00e9, vous devrez peut-\u00eatre bloquer le pays en entier, temporairement ou d\u00e9finitivement.<\/li>\n<\/ol>\n<h3>D\u00e9pannage avec les codes d&rsquo;erreur (codes d&rsquo;\u00e9tat HTTP)<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/codes-statut-http\/\" target=\"_blank\" rel=\"noopener noreferrer\">Les codes d&rsquo;\u00e9tat HTTP<\/a> sont comme une courte note du serveur Web qui est coll\u00e9e en haut d&rsquo;une page Web. \u00c7a ne fait pas partie de la page web. Il s&rsquo;agit plut\u00f4t d&rsquo;un message du serveur vous informant de l&rsquo;\u00e9volution de la situation lorsque le serveur a re\u00e7u la demande de consultation de la page. Ils peuvent \u00eatre d&rsquo;une valeur inestimable lorsqu&rsquo;il s&rsquo;agit de d\u00e9pannage !<\/p>\n<p>Bien qu&rsquo;il existe plus de 40 codes d&rsquo;\u00e9tat diff\u00e9rents, voici les plus courants auxquels les utilisateurs de WordPress sont confront\u00e9s.<\/p>\n<p><strong>429: \u201cToo many requests.\u201d<\/strong> G\u00e9n\u00e9r\u00e9e par le serveur lorsque l&rsquo;utilisateur a envoy\u00e9 trop de requ\u00eates dans un laps de temps donn\u00e9 (limitation de d\u00e9bit). Cela peut parfois se produire \u00e0 partir de robots ou de scripts qui tentent d&rsquo;acc\u00e9der \u00e0 votre site. Dans ce cas, vous pouvez essayer de <a href=\"https:\/\/kinsta.com\/fr\/blog\/url-connexion-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">changer votre URL de connexion WordPress<\/a>.<\/p>\n<figure style=\"width: 1313px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/08\/429-too-many-requests.png\" alt=\"429 Too many requests\" width=\"1313\" height=\"191\"><figcaption class=\"wp-caption-text\">429 Too many requests<\/figcaption><\/figure>\n<p><strong>500: \u201cThere was an error on the server and the request could not be completed.\u201d<\/strong> Un code g\u00e9n\u00e9rique qui signifie simplement \u00ab\u00a0erreur interne du serveur\u00a0\u00bb. Quelque chose a mal tourn\u00e9 sur le serveur, et la ressource demand\u00e9e n&rsquo;a pas \u00e9t\u00e9 livr\u00e9e. Ce code est g\u00e9n\u00e9ralement g\u00e9n\u00e9r\u00e9 par des plugins tiers, un PHP d\u00e9fectueux, ou m\u00eame une rupture de connexion \u00e0 la base de donn\u00e9es. Consultez nos tutoriels sur la fa\u00e7on de <a href=\"https:\/\/kinsta.com\/fr\/blog\/erreur-lors-de-la-connexion-a-la-base-de-donnees\/\" target=\"_blank\" rel=\"noopener noreferrer\">corriger l&rsquo;erreur d&rsquo;\u00e9tablissement d&rsquo;une connexion \u00e0 une base de donn\u00e9es<\/a> et d&rsquo;autres moyens de r\u00e9soudre une <a href=\"https:\/\/kinsta.com\/fr\/blog\/erreur-500-internal-server\/\" target=\"_blank\" rel=\"noopener noreferrer\">erreur 500<\/a> internal server.<\/p>\n<figure id=\"attachment_22137\" aria-describedby=\"caption-attachment-22137\" style=\"width: 1536px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-22137\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/erreur-lors-de-l-etablissement-dune-connexion-une-base-de-donnees-.png\" alt=\"Erreur lors de l'\u00e9tablissement d'une connexion \u00e0 une base de donn\u00e9es\" width=\"1536\" height=\"322\" srcset=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/erreur-lors-de-l-etablissement-dune-connexion-une-base-de-donnees-.png 1536w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/erreur-lors-de-l-etablissement-dune-connexion-une-base-de-donnees--300x63.png 300w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/erreur-lors-de-l-etablissement-dune-connexion-une-base-de-donnees--768x161.png 768w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/erreur-lors-de-l-etablissement-dune-connexion-une-base-de-donnees--1024x215.png 1024w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/erreur-lors-de-l-etablissement-dune-connexion-une-base-de-donnees--610x128.png 610w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><figcaption id=\"caption-attachment-22137\" class=\"wp-caption-text\">Erreur lors de l&rsquo;\u00e9tablissement d&rsquo;une connexion \u00e0 une base de donn\u00e9es<\/figcaption><\/figure>\n<p><strong>502 : \u201cBad Gateway.\u201d<\/strong> Ce code d&rsquo;erreur signifie g\u00e9n\u00e9ralement qu&rsquo;un serveur a re\u00e7u une r\u00e9ponse invalide d&rsquo;un autre serveur. Il arrive qu&rsquo;une requ\u00eate prenne trop de temps, qu&rsquo;elle soit annul\u00e9e ou supprim\u00e9e par le serveur et que la connexion \u00e0 la base de donn\u00e9es soit interrompue. Consultez notre tutoriel d\u00e9taill\u00e9 sur la mani\u00e8re de corriger l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/502-bad-gateway\/\" target=\"_blank\" rel=\"noopener noreferrer\">erreur 502 Bad Gateway<\/a>.<\/p>\n<figure style=\"width: 1424px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/09\/502-bad-gateway.png\" alt=\"502 Bad Gateway\" width=\"1424\" height=\"795\"><figcaption class=\"wp-caption-text\">502 Bad Gateway<\/figcaption><\/figure>\n<p><strong>503: \u201cThe server is unavailable to handle this request right now.\u201d<\/strong> La demande ne peut \u00eatre trait\u00e9e pour l&rsquo;instant. Ce code peut \u00eatre renvoy\u00e9 par un serveur surcharg\u00e9 qui n&rsquo;est pas en mesure de traiter des requ\u00eates suppl\u00e9mentaires.<\/p>\n<p><strong>504: \u201cThe server, acting as a gateway, timed out waiting for another server to respond.\u201d<\/strong> Ce code est retourn\u00e9 lorsqu&rsquo;il y a deux serveurs impliqu\u00e9s dans le traitement d&rsquo;une requ\u00eate, et que le premier serveur attend la r\u00e9ponse du second serveur. En savoir plus sur la <a href=\"https:\/\/kinsta.com\/fr\/blog\/erreur-504-gateway-timeout\/\" target=\"_blank\" rel=\"noopener noreferrer\">fa\u00e7on de corriger les erreurs 504<\/a>.<\/p>\n<figure style=\"width: 1695px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/10\/errour-504-gateway-timeout.png\" alt=\"Erreur 504 gateway timeout dans le navigateur\" width=\"1695\" height=\"1169\"><figcaption class=\"wp-caption-text\">Erreur 504 gateway timeout dans le navigateur<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement consulter ces codes de r\u00e9ponse HTTP dans notre outil MyKinsta Analytics. Notre rapport de r\u00e9partition des codes de r\u00e9ponse vous permet de voir un aper\u00e7u de la r\u00e9partition des codes d&rsquo;\u00e9tat HTTP servis pour les ressources demand\u00e9es.<\/p>\n<figure style=\"width: 1552px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/reparation-codes-d-ntervention.png\" alt=\"R\u00e9partition des codes d'intervention\" width=\"1552\" height=\"712\"><figcaption class=\"wp-caption-text\">R\u00e9partition des codes HTTP<\/figcaption><\/figure>\n<p>Le rapport des statistiques de r\u00e9ponse vous permet de voir le nombre total de redirections en cours, les erreurs, le taux de r\u00e9ussite et le taux d&rsquo;erreurs. Chaque site WordPress aura g\u00e9n\u00e9ralement un petit taux d&rsquo;erreur, ce qui est tout \u00e0 fait normal.<\/p>\n<figure style=\"width: 1346px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/statistiques-des-reponses.png\" alt=\"Statistiques des r\u00e9ponses\" width=\"1346\" height=\"562\"><figcaption class=\"wp-caption-text\">Statistiques des r\u00e9ponses<\/figcaption><\/figure>\n<p>Il existe ensuite des rapports de panne pour chaque type de code d&rsquo;erreur, tels que les erreurs 500, 400, les redirections, etc.<\/p>\n<figure style=\"width: 1496px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/500-code-d-erreur.png\" alt=\"500 code d'erreur\" width=\"1496\" height=\"623\"><figcaption class=\"wp-caption-text\">Code d&rsquo;erreur 500<\/figcaption><\/figure>\n<h2 id=\"back-end-optimization\">Conseils sur l&rsquo;optimisation du Back-End<\/h2>\n<p>Nous allons maintenant nous pencher sur les moyens d&rsquo;acc\u00e9l\u00e9rer WordPress en optimisant le back-end. Le back-end implique g\u00e9n\u00e9ralement tout ce qui est enti\u00e8rement g\u00e9r\u00e9 par le serveur, comme PHP, les en-t\u00eates de cache HTTP, la compression GZIP, etc.<\/p>\n<h3>Cr\u00e9er une page 404 l\u00e9g\u00e8re<\/h3>\n<p>Nous avons vu que les sites tr\u00e8s dynamiques g\u00e9n\u00e8rent g\u00e9n\u00e9ralement beaucoup d&rsquo;<strong>erreurs 404<\/strong>. Votre site Web peut en g\u00e9n\u00e9rer plus que vous ne le pensez ! Notre outil d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/statistiques-wordpress-mykinsta\/\" target=\"_blank\" rel=\"noopener noreferrer\">analyse MyKinsta<\/a> peut vous aider \u00e0 d\u00e9terminer la quantit\u00e9 exacte (voir ci-dessous).<\/p>\n<figure style=\"width: 1658px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/05\/erreurs-404.png\" alt=\"Erreurs 404\" width=\"1658\" height=\"512\"><figcaption class=\"wp-caption-text\">Erreurs 404<\/figcaption><\/figure>\n<p>La raison pour laquelle ces erreurs sont mauvaises est que de nombreuses pages 404 sont <strong>tr\u00e8s gourmandes en ressources<\/strong>. Pour un site WordPress tr\u00e8s dynamique, vous devrez \u00e9viter une page 404 lourde. Cr\u00e9ez un <a href=\"https:\/\/codex.wordpress.org\/Creating_an_Error_404_Page\" target=\"_blank\" rel=\"noopener noreferrer\">mod\u00e8le de 404 simple<\/a> qui \u00e9vite si possible d&rsquo;interroger la base de donn\u00e9es. Et bien s\u00fbr, passez un peu de temps \u00e0 corriger les erreurs 404, car ce n&rsquo;est pas seulement exigeant en ressources, c&rsquo;est tout simplement mauvais pour l&rsquo;exp\u00e9rience utilisateur.<\/p>\n<p>En plus d&rsquo;utiliser une page 404 l\u00e9g\u00e8re, nous recommandons \u00e9galement de mettre en \u0153uvre une r\u00e8gle de cache sp\u00e9ciale pour les pages 404. Chez Kinsta, nous mettons automatiquement en cache <a href=\"https:\/\/kinsta.com\/fr\/blog\/cache-wordpress\/#mettre-en-cache-les-pages-404\">les pages 404 pendant 15 minutes<\/a>. Si notre serveur web d\u00e9tecte qu&rsquo;une nouvelle page avec la m\u00eame URL qu&rsquo;une page 404 mise en cache a \u00e9t\u00e9 cr\u00e9\u00e9e, nous purgerons automatiquement le cache. Si votre site WordPress ne dispose pas de pages 404 pouvant \u00eatre mises en cache, nous vous recommandons de travailler avec votre h\u00e9bergeur pour ajouter cette fonctionnalit\u00e9 \u00e0 votre serveur web.<\/p>\n<h3>Augmenter le nombre de workers PHP<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/workers-php\/\" target=\"_blank\" rel=\"noopener noreferrer\">Les workers PHP<\/a> sont peut-\u00eatre un terme dont vous n&rsquo;avez jamais entendu parler, mais il y a de nombreux h\u00e9bergeurs, y compris Kinsta, qui g\u00e8rent la limitation des requ\u00eates (plut\u00f4t que de vous limiter par CPU ou RAM, ce qui est g\u00e9n\u00e9ralement le cas des fournisseurs d&rsquo;h\u00e9bergement mutualis\u00e9).<\/p>\n<p>Les workers PHP d\u00e9terminent <strong>combien de requ\u00eates simultan\u00e9es votre site peut traiter \u00e0 un moment donn\u00e9<\/strong>. En d&rsquo;autres termes, chaque requ\u00eate non mise en cache pour votre site Web est trait\u00e9e par un worker PHP. Par exemple, si vous avez 4 requ\u00eates qui arrivent sur votre site exactement en m\u00eame temps et que votre site a 2 workers PHP, deux de ces requ\u00eates seront trait\u00e9es tandis que les deux autres devront attendre que les deux premi\u00e8res aient fini de les traiter.<\/p>\n<p>Rappelez-vous que nous avons discut\u00e9 plus t\u00f4t que l&rsquo;un des plus gros probl\u00e8mes avec les sites WordPress d&rsquo;adh\u00e9sion est toutes ces demandes non mises en cache. C&rsquo;est pourquoi les workers PHP deviennent tr\u00e8s importants car ils doivent travailler pour chaque demande. Par cons\u00e9quent, ces sites auront g\u00e9n\u00e9ralement besoin de workers PHP suppl\u00e9mentaires pour s&rsquo;assurer que chaque demande est trait\u00e9e sans d\u00e9lai et trait\u00e9e avec succ\u00e8s.<\/p>\n<p>Que se passe-t-il si vous atteignez continuellement le maximum du nombre de vos workers PHP ? Fondamentalement, la file d&rsquo;attente commence \u00e0 repousser les demandes plus anciennes, ce qui pourrait entra\u00eener des erreurs 500 sur votre site. Chacun des <a href=\"https:\/\/kinsta.com\/fr\/plans\/\" target=\"_blank\" rel=\"noopener noreferrer\">plans d&rsquo;h\u00e9bergement<\/a> de Kinsta inclut un nombre pr\u00e9d\u00e9fini de workers PHP. Si vous avez de la difficult\u00e9 \u00e0 estimer les besoins de votre site, vous pouvez toujours discuter avec notre \u00e9quipe de vente ou de support.<\/p>\n<h3>Utiliser la compression GZIP<\/h3>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Gzip\" target=\"_blank\" rel=\"noopener noreferrer\">GZIP<\/a> est un format de fichier et une application logicielle utilis\u00e9s pour la compression et la d\u00e9compression de fichiers. La compression GZIP est activ\u00e9e c\u00f4t\u00e9 serveur et permet de r\u00e9duire davantage la taille de vos fichiers HTML, feuilles de style et JavaScript.<\/p>\n<p>Lorsqu&rsquo;un navigateur Web visite un site Web, il v\u00e9rifie si GZIP est activ\u00e9 sur le serveur Web en v\u00e9rifiant si l&rsquo;en-t\u00eate HTTP <code>content-encoding: gzip<\/code> existe. Si l&rsquo;en-t\u00eate est d\u00e9tect\u00e9, il sert les fichiers compress\u00e9s et plus petits. Sinon, il sert les fichiers non compress\u00e9s. Si vous n&rsquo;avez pas activ\u00e9 le GZIP, vous verrez tr\u00e8s probablement des avertissements et des erreurs dans les outils de test de vitesse tels que\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/google-pagespeed-insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google PageSpeed Insights<\/a>\u00a0et <a href=\"https:\/\/kinsta.com\/fr\/blog\/test-vitesse-gtmetrix\/\" target=\"_blank\" rel=\"noopener noreferrer\">GTmetrix<\/a>.<\/p>\n<figure style=\"width: 1575px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/content-encoding-gzip.png\" alt=\"content-encoding: gzip\" width=\"1575\" height=\"607\"><figcaption class=\"wp-caption-text\">content-encoding: gzip<\/figcaption><\/figure>\n<p>L&rsquo;activation de la <a href=\"https:\/\/kinsta.com\/fr\/blog\/activer-gzip-compression\/\" target=\"_blank\" rel=\"noopener noreferrer\">compression GZIP<\/a> peut aider \u00e0 r\u00e9duire la taille de votre page Web, ce qui peut r\u00e9duire consid\u00e9rablement le temps de t\u00e9l\u00e9chargement de la ressource, r\u00e9duire la consommation de donn\u00e9es par le client et am\u00e9liorer le temps de rendu initial de vos pages. C&rsquo;est la norme chez la plupart des h\u00e9bergeurs, mais plus rien ne nous surprend pour l&rsquo;instant.<\/p>\n<h3>Activer la protection Hotlink<\/h3>\n<p>Le concept de hotlinking est assez simple. Vous trouvez une image sur Internet quelque part et utilisez l&rsquo;URL de l&rsquo;image directement sur votre site. Cette image sera affich\u00e9e sur votre site Web, mais elle sera servie \u00e0 partir de l&#8217;emplacement original. C&rsquo;est tr\u00e8s pratique pour le hotlinker, mais c&rsquo;est en fait du vol car il utilise les ressources du site qui en est victime. C&rsquo;est comme si on prenait notre voiture et qu&rsquo;on s&rsquo;en allait avec l&rsquo;essence qu&rsquo;on siphonnait de la voiture de notre voisin.<\/p>\n\n<p>Le hotlinking peut repr\u00e9senter un <strong>\u00e9norme gaspillage de ressources pour le serveur cible<\/strong>. Imaginez si vous \u00eates sur un h\u00e9bergeur WordPress mutualis\u00e9 et que le Huffington Post utilise soudainement vos images. Vous pourriez passer de quelques centaines de requ\u00eates par heure sur votre site \u00e0 quelques centaines de milliers. Cela pourrait m\u00eame entra\u00eener la suspension de votre compte d&rsquo;h\u00e9bergement. C&rsquo;est une raison pour non seulement utiliser un <a href=\"https:\/\/kinsta.com\/fr\/blog\/hebergement-wordpress-infogere\/\" target=\"_blank\" rel=\"noopener noreferrer\">h\u00e9bergeur de haute performance<\/a> (qui peut g\u00e9rer des impr\u00e9vus comme celui-ci), mais aussi activer la protection hotlink, afin que cela ne se produise pas.<\/p>\n<p>Consultez notre tutoriel sur la <a href=\"https:\/\/kinsta.com\/fr\/blog\/hotlinking\/#prevent-hotlinking\" target=\"_blank\" rel=\"noopener noreferrer\">fa\u00e7on d&rsquo;\u00e9viter le hotlinking<\/a>.<\/p>\n<h3>Minimiser les redirections et les ajouter au niveau du serveur<\/h3>\n<p>Ne pas avoir <a href=\"https:\/\/kinsta.com\/fr\/blog\/err_too_many_redirects\/\">trop de redirections<\/a>, c\u2019est toujours quelque chose dont il faut faire attention. Des redirections simples comme une simple redirection 301, HTTP vers HTTPS, ou www vers non-www (vice versa) sont acceptables. Et souvent ces derni\u00e8res sont n\u00e9cessaires dans certaines parties de votre site Web. Cependant, chacune a un co\u00fbt sur la performance de votre site. Et si vous commencez \u00e0 empiler les redirections les unes sur les autres, il est important de r\u00e9aliser leur impact sur votre site. Cela s&rsquo;applique aux redirections de pages et d\u2019articles, aux redirections d&rsquo;images, \u00e0 tout.<\/p>\n<p>Une redirection g\u00e9n\u00e9rera un code d\u2019\u00e9tat 301 ou 302 dans l&rsquo;en-t\u00eate de r\u00e9ponse.<\/p>\n<figure style=\"width: 1578px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/09\/minimiser-redirections-301.png\" alt=\"Minimiser les redirections - 301\" width=\"1578\" height=\"430\"><figcaption class=\"wp-caption-text\">Minimiser les redirections &#8211; 301<\/figcaption><\/figure>\n<p>Dans quelle mesure les redirections ont-elles un impact sur votre site ? Faisons un petit test. Tout d&rsquo;abord, nous effectuons un\u00a0<a href=\"https:\/\/tools.pingdom.com\/#59baff78fd800000\" target=\"_blank\" rel=\"noopener noreferrer\">test de vitesse<\/a>\u00a0sur notre page Contactez-nous\u00a0<code>https:\/\/perfmatters.io\/contact\/<\/code>. Comme vous pouvez le voir ci-dessous, nous obtenons un temps de chargement total de 417 ms.<\/p>\n<figure style=\"width: 1470px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/09\/test-de-vitessse-sans-redirection.png\" alt=\"Test de vitesse de site Web sans redirection\" width=\"1470\" height=\"480\"><figcaption class=\"wp-caption-text\">Test de vitesse de site Web sans redirection<\/figcaption><\/figure>\n<p>Nous modifions ensuite l\u00e9g\u00e8rement l&rsquo;URL et effectuons un autre\u00a0<a href=\"https:\/\/tools.pingdom.com\/#59bafc3397400000\" target=\"_blank\" rel=\"noopener noreferrer\">test de vitesse<\/a>\u00a0pour voir l&rsquo;impact des redirections multiples.\u00a0<code>http:\/\/www.perfmatters.io\/contact<\/code>. Comme vous pouvez le voir, il faut maintenant 695 ms pour charger la m\u00eame page. C&rsquo;est une augmentation de 66%. Wow !<\/p>\n<figure style=\"width: 1476px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/09\/test-de-vitessse-avec-redirections-multiples.png\" alt=\"Test de vitesse de site Web avec redirections multiples\" width=\"1476\" height=\"500\"><figcaption class=\"wp-caption-text\">Test de vitesse de site Web avec redirections multiples<\/figcaption><\/figure>\n<p>L&rsquo;utilisation de plugins WordPress gratuits pour impl\u00e9menter des redirections peut parfois causer des probl\u00e8mes de performances car la plupart d&rsquo;entre eux utilisent la <a href=\"https:\/\/developer.wordpress.org\/reference\/functions\/wp_redirect\/\" target=\"_blank\" rel=\"noopener noreferrer\">fonction wp_redirect<\/a>, qui n\u00e9cessite une ex\u00e9cution de code et des ressources suppl\u00e9mentaires. Certains d&rsquo;entre eux ajoutent aussi des <a href=\"https:\/\/kinsta.com\/fr\/blog\/donnees-wp-options-automatiquement-chargees\/\" target=\"_blank\" rel=\"noopener noreferrer\">donn\u00e9es charg\u00e9es automatiquement<\/a> \u00e0 votre table wp_options, ce qui augmente le gonflement de la base de donn\u00e9es. Les ajouter au niveau du serveur est l&rsquo;endroit o\u00f9 cela devrait \u00eatre toujours fait. C&rsquo;est ce que nous vous permettons de faire chez MyKinsta avec notre <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/regles-redirection\/\">outil de r\u00e8gles de redirection<\/a>.<\/p>\n<figure style=\"width: 1815px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2017\/05\/ajouter-redirection-301.png\" alt=\"Ajouter une redirection 301\" width=\"1815\" height=\"596\"><figcaption class=\"wp-caption-text\">Ajouter une redirection 301<\/figcaption><\/figure>\n<p>Vous pouvez \u00e9galement voir une r\u00e9partition compl\u00e8te du nombre de redirections sur vos sites dans notre outil MyKinsta Analytics. Voir le nombre total de 301, 302 et 304.<\/p>\n<figure style=\"width: 1588px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/redirections.png\" alt=\"Redirections\" width=\"1588\" height=\"600\"><figcaption class=\"wp-caption-text\">Redirections<\/figcaption><\/figure>\n<p>Consultez notre article d\u00e9taill\u00e9 sur les <a href=\"https:\/\/kinsta.com\/fr\/blog\/redirection-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">redirections WordPress<\/a> et les meilleures pratiques pour des performances plus rapides.<\/p>\n<h3>Ne laissez pas les t\u00e2ches cron devenir incontr\u00f4lables<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/tache-cron-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Les t\u00e2ches CRON<\/a> (WP-Cron) sont utilis\u00e9es pour planifier des t\u00e2ches r\u00e9p\u00e9titives pour votre site WordPress. Cependant, avec le temps, elles peuvent devenir incontr\u00f4lables et causer des probl\u00e8mes de performances. Vous pouvez utiliser le plugin gratuit <a href=\"https:\/\/wordpress.org\/plugins\/wp-crontrol\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Control<\/a> pour v\u00e9rifier et g\u00e9rer toutes les t\u00e2ches Cron sur votre site.<\/p>\n<p>Nous avons \u00e9galement constat\u00e9 des probl\u00e8mes de performances avec le gestionnaire de Cron int\u00e9gr\u00e9 de WordPress : WP-Cron. Si un site n&rsquo;a pas assez de workers PHP, il arrive parfois que lorsqu&rsquo;une requ\u00eate arrive, WordPress g\u00e9n\u00e8re le cron, mais le cron doit attendre le worker, et donc il reste l\u00e0. Une meilleure approche est de <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-wp-cron\/\">d\u00e9sactiver WP-Cron<\/a> et d&rsquo;utiliser le cron syst\u00e8me \u00e0 la place. Ceci est m\u00eame recommand\u00e9 dans le manuel officiel <a href=\"https:\/\/developer.wordpress.org\/plugins\/cron\/hooking-wp-cron-into-the-system-task-scheduler\/\" target=\"_blank\" rel=\"noopener noreferrer\">du Plugin<\/a>.<\/p>\n<p>Pour d\u00e9sactiver WP-Cron, ajoutez ce qui suit \u00e0 votre fichier <code>wp-config.php<\/code> juste avant la ligne qui dit \u00ab\u00a0That\u2019s all, stop editing! Happy blogging.\u00a0\u00bb Note : Ceci le d\u00e9sactive pour qu&rsquo;il ne s&rsquo;ex\u00e9cute pas lors du chargement de la page, ou lorsque vous l&rsquo;appelez directement via <code>wp-cron.php<\/code>.<\/p>\n<pre><code class=\"language-php\">define('DISABLE_WP_CRON', true);<\/code><\/pre>\n<figure style=\"width: 1630px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/desactiver-wp-cron.png\" alt=\"D\u00e9sactiver WP-Cron\" width=\"1630\" height=\"734\"><figcaption class=\"wp-caption-text\">D\u00e9sactiver WP-Cron<\/figcaption><\/figure>\n<p>Vous devrez ensuite <a href=\"https:\/\/wordpress.stackexchange.com\/a\/253331\/28394\" target=\"_blank\" rel=\"noopener noreferrer\">planifier wp-cron.php \u00e0 partir de votre serveur<\/a>. Si vous \u00eates un client Kinsta, les crons du syst\u00e8me sont d\u00e9j\u00e0 activ\u00e9s et fonctionnent toutes les 15 minutes par d\u00e9faut. Vous pouvez \u00e9galement faire augmenter la fr\u00e9quence en vous adressant \u00e0 notre \u00e9quipe de support. Si vous \u00eates familier avec SSH, vous pouvez <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/gestion-site\/taches-cron\/\" target=\"_blank\" rel=\"noopener noreferrer\">g\u00e9rer les crons de serveur<\/a> depuis la ligne de commande.<\/p>\n<h3 id=\"add-expires-headers\">Ajout des en-t\u00eates Cache-Control et Expires Headers (d\u00e9termine la longueur du cache)<\/h3>\n<p>Chaque script de votre site WordPress doit \u00eatre accompagn\u00e9 d&rsquo;un <a href=\"https:\/\/devcenter.heroku.com\/articles\/increasing-application-performance-with-http-cache-headers#http-cache-headers\" target=\"_blank\" rel=\"noopener noreferrer\"> en-t\u00eate de cache HTTP<\/a> (ou devrait l&rsquo;\u00eatre). Ceci <strong>d\u00e9termine quand le cache d&rsquo;un fichier expire<\/strong>. Pour r\u00e9soudre ce probl\u00e8me, assurez-vous que votre h\u00e9bergeur WordPress poss\u00e8de les configurations pour les en-t\u00eates\u00a0<code>cache-control<\/code>\u00a0et\u00a0<code>expires<\/code>.\u00a0Si ce n&rsquo;est pas le cas, vous verrez tr\u00e8s probablement des avertissements sur la n\u00e9cessit\u00e9 d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/ajouter-expires-headers-wordpress\/\">ajouter des en-t\u00eates d&rsquo;expiration<\/a> ou d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/leverage-browser-caching\/\" target=\"_blank\" rel=\"noopener noreferrer\">utiliser la mise en cache du navigateur<\/a> dans les outils de test de vitesse.<\/p>\n<p>Alors que l&rsquo;en-t\u00eate\u00a0<code>cache-control<\/code> active la mise en cache c\u00f4t\u00e9 client et d\u00e9finit l&rsquo;\u00e2ge maximum d&rsquo;une ressource, l&rsquo;en-t\u00eate <code>expires<\/code> est utilis\u00e9 pour sp\u00e9cifier un moment pr\u00e9cis o\u00f9 la ressource n&rsquo;est plus valide. Bien que les deux en-t\u00eates puissent \u00eatre utilis\u00e9s ensemble, vous n&rsquo;avez pas n\u00e9cessairement besoin d&rsquo;ajouter les deux en-t\u00eates. cache-control est plus r\u00e9cent et est g\u00e9n\u00e9ralement la m\u00e9thode recommand\u00e9e.<\/p>\n<p>Kinsta ajoute automatiquement des en-t\u00eates de cache HTTP sur toutes les requ\u00eates du serveur, et si vous utilisez un CDN, ils ajouteront probablement ces en-t\u00eates pour vous \u00e9galement.<\/p>\n<figure style=\"width: 2026px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/09\/tetes-de-mise-en-cache.png\" alt=\"Tirer parti de la mise en cache du navigateur - en-t\u00eates de mise en cache\" width=\"2026\" height=\"808\"><figcaption class=\"wp-caption-text\">Tirer parti de la mise en cache du navigateur &#8211; en-t\u00eates de mise en cache<\/figcaption><\/figure>\n<p>S&rsquo;il manque ces en-t\u00eates \u00e0 votre serveur, vous pouvez les ajouter manuellement.<\/p>\n<h4>Ajout de l&rsquo;en-t\u00eate Cache-Control dans Nginx<\/h4>\n<p>Vous pouvez ajouter des en-t\u00eates\u00a0<code>cache-control<\/code> dans Nginx en ajoutant ce qui suit \u00e0 l&#8217;emplacement ou au bloc serveur de votre configuration du serveur.<\/p>\n<pre><code>location ~* \\.(js|css|png|jpg|jpeg|gif|svg|ico)$ {\n expires 30d;\n add_header Cache-Control \"public, no-transform\";\n}<\/code><\/pre>\n<h4>Ajout d&rsquo;un en-t\u00eate Expires dans Nginx<\/h4>\n<p>Vous pouvez ajouter des en-t\u00eates <code>expires<\/code> dans Nginx en ajoutant ce qui suit \u00e0 votre bloc serveur. Dans cet exemple, vous pouvez voir comment sp\u00e9cifier diff\u00e9rents temps d&rsquo;expiration en fonction des types de fichiers.<\/p>\n<pre><code>    location ~*  \\.(jpg|jpeg|gif|png|svg)$ {\n        expires 365d;\n    }\n\n    location ~*  \\.(pdf|css|html|js|swf)$ {\n        expires 2d;\n    }<\/code><\/pre>\n<h4>Ajout de l&rsquo;en-t\u00eate Cache-Control dans Apache<\/h4>\n<p>Vous pouvez ajouter des en-t\u00eates\u00a0<code>cache-control<\/code> dans\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-qu-apache\/\">Apache<\/a>\u00a0en ajoutant ce qui suit \u00e0 votre fichier <code>.htaccess<\/code>. Des bouts code peuvent \u00eatre ajout\u00e9s en haut ou en bas du fichier (avant # BEGIN WordPress ou apr\u00e8s # END WordPress).<\/p>\n<pre><code>&lt;filesMatch \".(ico|pdf|flv|jpg|jpeg|png|gif|svg|js|css|swf)$\"&gt;\nHeader set Cache-Control \"max-age=84600, public\"\n&lt;\/filesMatch&gt;<\/code><\/pre>\n<h4>Ajout d&rsquo;un en-t\u00eate Expires dans Apache<\/h4>\n<p>Vous pouvez ajouter les en-t\u00eates <code>expires<\/code> dans Apache en ajoutant ce qui suit \u00e0 votre fichier <code>.htaccess<\/code>.<\/p>\n<pre><code>## EXPIRES HEADER CACHING ##\n&lt;IfModule mod_expires.c&gt;\nExpiresActive On\nExpiresByType image\/jpg \"access 1 year\"\nExpiresByType image\/jpeg \"access 1 year\"\nExpiresByType image\/gif \"access 1 year\"\nExpiresByType image\/png \"access 1 year\"\nExpiresByType image\/svg \"access 1 year\"\nExpiresByType text\/css \"access 1 month\"\nExpiresByType application\/pdf \"access 1 month\"\nExpiresByType application\/javascript \"access 1 month\"\nExpiresByType application\/x-javascript \"access 1 month\"\nExpiresByType application\/x-shockwave-flash \"access 1 month\"\nExpiresByType image\/x-icon \"access 1 year\"\nExpiresDefault \"access 2 days\"\n&lt;\/IfModule&gt;\n## EXPIRES HEADER CACHING ##<\/code><\/pre>\n<p>Il est \u00e9galement important de noter que <strong>vous ne pouvez ajouter des en-t\u00eates de cache HTTP que sur les ressources de votre serveur<\/strong>. Si vous recevez un avertissement \u00e0 ce sujet, vous avez peut-\u00eatre besoin d&rsquo;exploiter la mise en cache du navigateur sur une requ\u00eate tierce, il n&rsquo;y a rien que vous puissiez faire, car vous n&rsquo;avez pas d\u2019acc\u00e8s sur leur serveur. Les coupables les plus courants sont le script Google Analytics et les pixels marketing, comme Facebook et Twitter.<\/p>\n<p>Si vous essayez de r\u00e9soudre ce probl\u00e8me avec le <a href=\"https:\/\/kinsta.com\/fr\/blog\/google-analytics-wordpress\/\">script Google Analytics<\/a>, vous pouvez l&rsquo;h\u00e9berger localement ou sur votre CDN (bien que cela ne soit pas officiellement support\u00e9) avec un plugin comme <a href=\"https:\/\/kinsta.com\/fr\/blog\/google-analytics-wordpress\/\">Perfmatters<\/a> ou <a href=\"https:\/\/kinsta.com\/fr\/blog\/kinsta-et-wp-rocket\/\">WP Rocket<\/a>.<\/p>\n<h3 id=\"add-expires-headers\">Ajout des en-t\u00eates Last-Modified et ETag (Validation du cache)<\/h3>\n<p>Ensuite, nous avons deux autres ensembles d&rsquo;en-t\u00eates, <code>last-modified<\/code> et <code>etag<\/code>.<\/p>\n<p>Tandis que les en-t\u00eates\u00a0<code>cache-control<\/code> et <code>expires<\/code>\u00a0aident le navigateur \u00e0 d\u00e9terminer<strong> si le fichier a chang\u00e9<\/strong> depuis la derni\u00e8re fois qu&rsquo;il a \u00e9t\u00e9 demand\u00e9 (ou plut\u00f4t, ils valident le cache). Les en-t\u00eates <code>last-modified<\/code> et <code>etag<\/code> <strong>valident et d\u00e9finissent tous les deux la longueur du cache<\/strong> et doivent \u00eatre inclus dans chaque r\u00e9ponse du serveur d&rsquo;origine. Si ceux-ci ne sont pas correctement r\u00e9gl\u00e9s, vous verrez peut-\u00eatre un avertissement \u201c<a href=\"https:\/\/kinsta.com\/fr\/blog\/specify-a-cache-validator\/\" target=\"_blank\" rel=\"noopener noreferrer\">Specify a cache validator<\/a>.\u201d<\/p>\n<figure style=\"width: 1570px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/en-tetes-http-et-etag.png\" alt=\"En-t\u00eates HTTP Last-Modified et ETag\" width=\"1570\" height=\"576\"><figcaption class=\"wp-caption-text\">En-t\u00eates HTTP Last-Modified et ETag<\/figcaption><\/figure>\n<p>Si les en-t\u00eates ne sont pas trouv\u00e9s, une nouvelle requ\u00eate pour la ressource sera g\u00e9n\u00e9r\u00e9e \u00e0 chaque fois, ce qui augmente la charge sur votre serveur. L&rsquo;utilisation d&rsquo;en-t\u00eates de mise en cache garantit que les requ\u00eates ult\u00e9rieures n&rsquo;ont pas \u00e0 \u00eatre charg\u00e9es \u00e0 partir du serveur, ce qui permet d&rsquo;\u00e9conomiser de la bande passante et d&rsquo;am\u00e9liorer les performances de l&rsquo;utilisateur.<\/p>\n<p>Kinsta ajoute automatiquement les en-t\u00eates ci-dessus sur toutes les requ\u00eates serveur, et si vous utilisez un CDN, ils ajouteront probablement ces en-t\u00eates pour vous \u00e9galement. Tout comme avec\u00a0<code>cache-control<\/code> et\u00a0<code>expires<\/code>, vous ne pouvez pas d\u00e9finir manuellement ces en-t\u00eates HTTP sur des ressources externes.<\/p>\n<h4>En-t\u00eate Last-Modified<\/h4>\n<p>L\u2019en-t\u00eate <strong>last-modified<\/strong> est g\u00e9n\u00e9ralement envoy\u00e9 automatiquement depuis le serveur. C&rsquo;est un en-t\u00eate que <strong>vous n&rsquo;aurez g\u00e9n\u00e9ralement pas besoin d&rsquo;ajouter manuellement<\/strong>. Il est envoy\u00e9 pour voir si le fichier dans le cache du navigateur a \u00e9t\u00e9 modifi\u00e9 depuis la derni\u00e8re fois qu&rsquo;il a \u00e9t\u00e9 demand\u00e9. Vous pouvez consulter la requ\u00eate d&rsquo;en-t\u00eate dans Pingdom ou utiliser Chrome DevTools pour voir la valeur du dernier en-t\u00eate modifi\u00e9.<\/p>\n<h4>En-t\u00eate Etag<\/h4>\n<p>L&rsquo;en-t\u00eate <strong>ETag<\/strong> est \u00e9galement tr\u00e8s similaire au dernier en-t\u00eate modifi\u00e9. Il sert \u00e9galement \u00e0 valider le cache d&rsquo;un fichier. Si vous utilisez Apache 2.4 ou sup\u00e9rieur, l&rsquo;en-t\u00eate ETag est d\u00e9j\u00e0 automatiquement ajout\u00e9 en utilisant la <a href=\"http:\/\/httpd.apache.org\/docs\/current\/mod\/core.html#fileetag\" target=\"_blank\" rel=\"noopener noreferrer\">directive FileETag<\/a>. Et en ce qui concerne Nginx, l&rsquo;en-t\u00eate ETag est activ\u00e9 par d\u00e9faut depuis 2016.<\/p>\n<p>Vous pouvez activer manuellement <a href=\"http:\/\/nginx.org\/en\/docs\/http\/ngx_http_core_module.html#etag\" target=\"_blank\" rel=\"noopener noreferrer\">l&rsquo;en-t\u00eate ETag<\/a> dans Nginx en utilisant le code suivant.<\/p>\n<pre><code>etag on<\/code><\/pre>\n<h3>Ajouter un en-t\u00eate Vary: Accept-Encoding<\/h3>\n<p>L\u2019en-t\u00eate <code>vary: Accept-Encoding<\/code> doit \u00eatre inclus dans chaque r\u00e9ponse du serveur d&rsquo;origine, car il indique au navigateur si le client peut ou non g\u00e9rer les versions compress\u00e9es du contenu. Si ce n&rsquo;est pas correctement r\u00e9gl\u00e9, vous verrez peut-\u00eatre un message d&rsquo;avertissement indiquant \u00ab\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/entete-specify-vary-accept-encoding\/\" target=\"_blank\" rel=\"noopener noreferrer\">Specify a Vary: Accept-Encoding Header<\/a>.\u00a0\u00bb<\/p>\n<p>Par exemple, disons que vous avez un vieux navigateur sans <a href=\"https:\/\/kinsta.com\/fr\/blog\/activer-gzip-compression\/\" target=\"_blank\" rel=\"noopener noreferrer\">compression gzip<\/a> et un <a href=\"https:\/\/kinsta.com\/fr\/parts-de-marche-des-navigateurs\/\">navigateur moderne<\/a> avec. Si vous n&rsquo;utilisez pas l\u2019en-t\u00eate <code>vary: Accept-Encoding<\/code> votre serveur Web ou CDN peut mettre en cache la version non compress\u00e9e et la transmettre par erreur au navigateur moderne, ce qui nuit \u00e0 la performance de votre site WordPress. En utilisant l&rsquo;en-t\u00eate, vous pouvez vous assurer que votre serveur web et\/ou CDN fournit la version appropri\u00e9e<\/p>\n<figure style=\"width: 1419px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/en-tete-http-vary-accept-encoding.png\" alt=\"En-t\u00eate HTTP vary: Accept-Encoding\" width=\"1419\" height=\"561\"><figcaption class=\"wp-caption-text\">En-t\u00eate HTTP vary: Accept-Encoding<\/figcaption><\/figure>\n<p>Kinsta ajoute automatiquement les en-t\u00eates ci-dessus sur toutes les requ\u00eates serveur, et si vous utilisez un CDN, ils ajouteront probablement ces en-t\u00eates pour vous \u00e9galement. Tout comme pour les autres en-t\u00eates de cache dont nous avons parl\u00e9 plus haut, vous ne pouvez pas d\u00e9finir manuellement cet en-t\u00eate sur des ressources externes.<\/p>\n<h4>Ajouter l\u2019en-t\u00eate vary: Accept-Encoding dans Apache<\/h4>\n<p>Vous pouvez ajouter l\u2019en-t\u00eate vary: Accept-Encoding dans Apache en ajoutant ce qui suit \u00e0 votre fichier <code>.htaccess<\/code>.<\/p>\n<pre><code>&lt;IfModule mod_headers.c&gt;\n &lt;FilesMatch \".(js|css|xml|gz|html)$\"&gt;\n Header append Vary: Accept-Encoding\n &lt;\/FilesMatch&gt;\n&lt;\/IfModule&gt;<\/code><\/pre>\n<h4>Ajouter l\u2019en-t\u00eate Vary: Accept-Encoding dans Nginx<\/h4>\n<p>Vous pouvez ajouter l\u2019en-t\u00eate Vary: Accept-Encoding dans Nginx en ajoutant le code suivant \u00e0 votre fichier de configuration. Tous les fichiers de configuration Nginx se trouvent dans le r\u00e9pertoire\u00a0<code>\/etc\/nginx\/<\/code>.\u00a0Le fichier de configuration principal est\u00a0<code>\/etc\/nginx\/nginx.conf<\/code>.<\/p>\n<pre><code>gzip_vary on<code><\/code><\/code><\/pre>\n<h3>Modifier la limite de m\u00e9moire de WordPress dans wp-config.php<\/h3>\n<p>Comme indiqu\u00e9 dans le <a href=\"https:\/\/codex.wordpress.org\/Editing_wp-config.php#Increasing_memory_allocated_to_PHP\" target=\"_blank\" rel=\"noopener noreferrer\">Codex WordPress<\/a>, avec WordPress Version 2.5, l&rsquo;option <code>WP_MEMORY_LIMIT<\/code> vous permet de sp\u00e9cifier la quantit\u00e9 maximale de m\u00e9moire qui peut \u00eatre utilis\u00e9e par PHP. Ce r\u00e9glage peut \u00eatre n\u00e9cessaire dans le cas o\u00f9 vous recevez un message tel que \u00a0\u00bb Allowed memory size of xxxxxx bytes exhausted\u00a0\u00bb.<\/p>\n<p>Par d\u00e9faut, WordPress tentera d&rsquo;augmenter la m\u00e9moire allou\u00e9e par PHP \u00e0 40 Mo pour un site unique et 64 Mo pour le multisite. Ils d\u00e9finissent les limites de m\u00e9moire dans le fichier <code>.\/wp-includes\/default-constants.php<\/code>, aux lignes 32 &#8211; 44 (<a href=\"https:\/\/github.com\/WordPress\/WordPress\/blob\/master\/wp-includes\/default-constants.php\">source<\/a>).<\/p>\n<p>Vous avez alors aussi le <code>memory_limit<\/code>\u00a0de PHP sur le serveur par votre h\u00e9bergeur. Ce sont deux choses diff\u00e9rentes. Chez Kinsta, nous fixons la <code>memory_limit<\/code>\u00a0par d\u00e9faut \u00e0 256M. Si vous rencontrez l&rsquo;erreur d&rsquo;\u00e9puisement de la m\u00e9moire, vous pouvez essayer d&rsquo;augmenter la limite de m\u00e9moire PHP dans WordPress.<\/p>\n<p>Ajoutez ce qui suit \u00e0 votre fichier <a href=\"https:\/\/kinsta.com\/fr\/blog\/wp-config-php\/\" target=\"_blank\" rel=\"noopener noreferrer\"><code>wp-config.php<\/code><\/a>, juste avant la ligne qui dit \u00ab\u00a0That\u2019s all, stop editing! Happy blogging.\u00a0\u00bb<\/p>\n<pre><code>define( 'WP_MEMORY_LIMIT', '256M' );<\/code><\/pre>\n<p>Jan Reilink a \u00e9galement un excellent article de blog qui d\u00e9crit plus en d\u00e9tails la <a href=\"https:\/\/www.saotn.org\/set-wp_memory_limit-value-correctly-in-wp-config-php\/\" target=\"_blank\" rel=\"noopener noreferrer\"> question de la limite de m\u00e9moire de WordPress<\/a>. Il donne \u00e9galement une variante du code que vous pourriez utiliser. Au lieu de r\u00e9gler la limite manuellement, vous pouvez la mettre \u00e0 la valeur\u00a0<code>memory_limit<\/code> de PHP.<\/p>\n<pre><code>define( 'WP_MEMORY_LIMIT', ini_get( 'memory_limit' ) );<\/code><\/pre>\n<h2 id=\"front-end-optimization\">Conseils sur l&rsquo;optimisation du Front-End et des services externes<\/h2>\n<p>Nous allons maintenant nous pencher sur les moyens d&rsquo;acc\u00e9l\u00e9rer WordPress en optimisant le front-end. Le front-end implique g\u00e9n\u00e9ralement tout ce qui est enti\u00e8rement g\u00e9r\u00e9 par le navigateur c\u00f4t\u00e9 client, tel que le CSS, le JavaScript, les images, etc. Cela inclut \u00e9galement l&rsquo;analyse des services externes que vous avez charg\u00e9s sur votre site et l&rsquo;impact qu&rsquo;ils ont sur votre temps de chargement global.<\/p>\n<p>Deux des objectifs les plus importants que vous devriez avoir quand il s&rsquo;agit d&rsquo;optimisation du front-end sont :<\/p>\n<ul>\n<li><strong>R\u00e9duire la taille globale de votre page Web.<\/strong> La taille de votre CSS, JavaScript, des images, est importante. Un site Web de 4 Mo va g\u00e9n\u00e9ralement se charger beaucoup plus lentement qu&rsquo;un site Web de 1 Mo. Cependant, Paul Calvano a un excellent article sur l&rsquo;<a href=\"https:\/\/paulcalvano.com\/index.php\/2018\/07\/02\/impact-of-page-weight-on-load-time\/\" target=\"_blank\" rel=\"noopener noreferrer\">impact du poids de la page sur le temps de chargement<\/a> et \u00e0 quel point il est important de s&rsquo;assurer que ce n&rsquo;est pas la seule chose que vous suivez, car cela peut parfois \u00eatre trompeur.<\/li>\n<li><strong>R\u00e9duire les requ\u00eates HTTP et les services externes.<\/strong> Avec HTTP\/2, plusieurs requ\u00eates et r\u00e9ponses peuvent maintenant \u00eatre envoy\u00e9es en m\u00eame temps en utilisant une seule connexion TCP. Bien que ce soit un excellent moyen d&rsquo;am\u00e9liorer les performances, la r\u00e9duction des requ\u00eates HTTP peut toujours aider \u00e0 acc\u00e9l\u00e9rer votre site WordPress. Cela comprend \u00e9galement la r\u00e9duction du nombre total de requ\u00eates et de services externes. Chacune d&rsquo;entre elles ajoute des d\u00e9lais suppl\u00e9mentaires tels que les <a href=\"https:\/\/kinsta.com\/fr\/blog\/reduire-recherches-dns\/\" target=\"_blank\" rel=\"noopener noreferrer\">recherches DNS<\/a>, les connexions TLS et la <a href=\"https:\/\/kinsta.com\/fr\/blog\/latence-du-reseau\/\" target=\"_blank\" rel=\"noopener noreferrer\">latence du r\u00e9seau<\/a>.<\/li>\n<\/ul>\n<h3>Tester la vitesse de votre site WordPress pour obtenir une base de r\u00e9f\u00e9rence<\/h3>\n<p>Quand il s&rsquo;agit d&rsquo;optimiser le front-end de votre site, il est toujours bon de commencer par un point de r\u00e9f\u00e9rence. Cela signifie g\u00e9n\u00e9ralement que vous devez effectuer un test de vitesse. Il y a une multitude de fa\u00e7ons de le faire, consultez notre liste de <a href=\"https:\/\/kinsta.com\/fr\/blog\/test-vitesse-site-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">15 outils de test de vitesse de site Web<\/a> impressionnants.<\/p>\n<figure style=\"width: 2170px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-de-vitesse-pingdom.png\" alt=\"Test de vitesse du site web avec Pingdom\" width=\"2170\" height=\"1442\"><\/a><figcaption class=\"wp-caption-text\">Test de vitesse du site web avec Pingdom<\/figcaption><\/figure>\n<p>Consultez nos guides d\u00e9taill\u00e9s sur l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/test-vitesse-pingdom\/\" target=\"_blank\" rel=\"noopener noreferrer\">utilisation de Pingdom<\/a> et de <a href=\"https:\/\/kinsta.com\/fr\/blog\/test-vitesse-gtmetrix\/\" target=\"_blank\" rel=\"noopener noreferrer\">GTmetrix<\/a>. Voici quelques points \u00e0 garder \u00e0 l&rsquo;esprit lors des tests de vitesse :<\/p>\n<h4>1. Choisir un outil et s&rsquo;y tenir<\/h4>\n<p>Nous sommes de grands fans de Pingdom, GTmetrix, WebPageTest, PageSpeed Insights, et Chrome DevTools. Cependant, ce n&rsquo;est pas tant l&rsquo;outil de test de vitesse que vous utilisez qui importe, c&rsquo;est votre coh\u00e9rence. Ils ont tous diff\u00e9rents moyens de mesurer et de quantifier la vitesse, alors choisissez un outil et suivez-le tout au long de vos tests et de vos optimisations. M\u00eame <a href=\"https:\/\/www.seroundtable.com\/google-says-pick-one-speed-testing-tool-26034.html\" target=\"_blank\" rel=\"noopener noreferrer\">Google dit d&rsquo;en choisir un<\/a>.<\/p>\n\n<h4>2. Ne soyez pas obs\u00e9d\u00e9s par un score parfait<\/h4>\n<p>Beaucoup d&rsquo;outils tels que <a href=\"https:\/\/kinsta.com\/fr\/blog\/google-pagespeed-insights\/\">Google PageSpeed Insights<\/a> ont tous un certain type de score de vitesse ou de performances. Il est important de se rappeler que le score n&rsquo;a pas toujours autant d&rsquo;importance que la vitesse de votre site Web et la performance per\u00e7ue par l&rsquo;utilisateur. Le score est l\u00e0 pour vous aider \u00e0 \u00e9valuer vos r\u00e9sultats. Mais l&rsquo;obsession d&rsquo;une note parfaite de 100\/100 ou d&rsquo;un A dans certains cas pourrait \u00eatre une perte de temps. Et les sites plus grands avec beaucoup de scripts et de publicit\u00e9s externes n&rsquo;obtiendront jamais un score parfait, ce qui est tout-\u00e0-fait correct.<\/p>\n<h4>3. L&#8217;emplacement de votre test est important<\/h4>\n<p>L&rsquo;endroit que vous choisissez pour le test de vitesse est important. Comme nous l&rsquo;avons mentionn\u00e9 dans une section pr\u00e9c\u00e9dente, la raison en est que tout cela est relatif \u00e0 l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/docs\/information-service\/emplacements-centre-de-donnees\/\">emplacement du centre de donn\u00e9es que vous avez choisi<\/a>. Le TTFB, la latence du r\u00e9seau, tout entre en jeu. Testez donc votre site \u00e0 la fois \u00e0 partir d&rsquo;un endroit proche de votre centre de donn\u00e9es et d&rsquo;un endroit \u00e9loign\u00e9. Cela vous aidera \u00e9galement \u00e0 voir l&rsquo;impact qu&rsquo;un CDN peut avoir sur votre site WordPress.<\/p>\n<h4>4. Tester plusieurs fois \u00e0 cause de la mise en cache<\/h4>\n<p>Comme nous l&rsquo;avons vu plus haut dans la <a href=\"#wordpress-cache\">section sur la mise en cache<\/a>, si le cache a \u00e9t\u00e9 r\u00e9cemment effac\u00e9 ou est expir\u00e9 sur votre h\u00e9bergeur WordPress ou CDN, il va enregistrer un \u00ab\u00a0MISS\u00a0\u00bb sur l&rsquo;en-t\u00eate HTTP. Cela signifie que votre site Web ou votre ressource n\u2019est pas servie \u00e0 partir du cache.<\/p>\n<figure style=\"width: 1486px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/en-tete-http-miss.png\" alt=\"En-t\u00eate HTTP MISS\" width=\"1486\" height=\"612\"><figcaption class=\"wp-caption-text\">En-t\u00eate HTTP MISS<\/figcaption><\/figure>\n<p>Pour voir correctement la vitesse de l&rsquo;ensemble de votre site, vous avez besoin de voir que tout \u00e0 \u00e9t\u00e9 charg\u00e9 depuis le cache, votre page initiale, et toutes les ressources doivent afficher un \u00ab\u00a0HIT\u00a0\u00bb. Cela n\u00e9cessite parfois l&rsquo;ex\u00e9cution de votre test de vitesse plusieurs fois. Vous pouvez alors prendre la moyenne.<\/p>\n<figure style=\"width: 1494px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/en-tete-http-hit.png\" alt=\"En-t\u00eate http HIT\" width=\"1494\" height=\"610\"><figcaption class=\"wp-caption-text\">En-t\u00eate HTTP HIT<\/figcaption><\/figure>\n<p>Passons maintenant \u00e0 quelques optimisations du front-end que vous pouvez faire sur votre site WordPress.<\/p>\n<h3>\u00c9liminer le JavaScript et le CSS bloquant le rendu<\/h3>\n<p>Un avertissement sur le blocage du rendu par le JavaScript et CSS peut appara\u00eetre lorsque vous avez des fichiers emp\u00eachant le chargement de la page aussi rapidement que possible. Les JS et CSS sp\u00e9cifiques sont parfois conditionnels, ce qui signifie qu&rsquo;ils ne sont pas tenus d&rsquo;afficher un contenu au-dessus de la ligne de flottaison. Vous pouvez les emp\u00eacher de devenir des bloqueurs de rendu en utilisant les attributs async et defer.<\/p>\n<figure style=\"width: 1588px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/eliminate-render-blocking-resources.png\" alt=\"Eliminate render-blocking resources\" width=\"1588\" height=\"290\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">Eliminer les ressources qui bloquent le rendu<\/figcaption><\/figure>\n<p>Regardez cette vid\u00e9o pour en savoir plus sur la fa\u00e7on d&rsquo;\u00e9liminer les ressources qui bloquent le rendu.<\/p>\n<p class=\"p1\"><kinsta-video src=\"https:\/\/www.youtube.com\/watch?v=ElpcjGBgTGk\"><\/kinsta-video><\/p>\n<p>Pour \u00e9liminer le JavaScript et CSS bloquant le rendu, vous devez faire ce qui suit :<\/p>\n<h4>Effacer le JS du chemin de rendu critique<\/h4>\n<p>Le d\u00e9placement de JavaScript hors du chemin de rendu critique se fait g\u00e9n\u00e9ralement en ajoutant l&rsquo;attribut\u00a0<code>defer<\/code>\u00a0ou\u00a0<code>async<\/code>\u00a0aux \u00e9l\u00e9ments HTML\u00a0<code>script<\/code>\u00a0qui appellent les ressources JavaScript.<\/p>\n<ul>\n<li>L&rsquo;<strong>attribut async<\/strong> indique au navigateur de commencer \u00e0 t\u00e9l\u00e9charger la ressource imm\u00e9diatement sans ralentir l&rsquo;analyse HTML. Une fois que la ressource est disponible, l&rsquo;analyse HTML est mise en pause pour que la ressource puisse \u00eatre charg\u00e9e.<\/li>\n<li>L&rsquo;<strong>attribut defer<\/strong> indique au navigateur de ne pas t\u00e9l\u00e9charger la ressource jusqu&rsquo;\u00e0 ce que l&rsquo;analyse HTML soit termin\u00e9e. Une fois que le navigateur a termin\u00e9 avec le HTML, il t\u00e9l\u00e9chargera et affichera tous les scripts diff\u00e9r\u00e9s dans l&rsquo;ordre dans lequel ils apparaissent dans le document.<\/li>\n<\/ul>\n<h4>Optimiser la livraison des ressources CSS<\/h4>\n<p>L&rsquo;optimisation de la livraison du CSS signifie essentiellement que vous devez trouver un moyen de ne pas bloquer le rendu \u00e0 cause du CSS.<\/p>\n<ul>\n<li>Identifiez les styles qui sont n\u00e9cessaires pour afficher le contenu au-dessus de la ligne de flottaison et <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/OptimizeCSSDelivery\" target=\"_blank\" rel=\"noopener noreferrer\">mettez ces styles en inline avec le HTML<\/a>.<\/li>\n<li>Utilisez le CSS conditionnel sur les appareils uniquement si n\u00e9cessaire.<\/li>\n<li>Chargez le CSS restant de mani\u00e8re asynchrone.<\/li>\n<\/ul>\n<p>Faire tout ce qui pr\u00e9c\u00e8de peut parfois \u00eatre un processus d\u00e9licat et n\u00e9cessite certainement quelques ajustements en fonction des scripts que vous avez charg\u00e9s sur votre site. Voici quelques plugins WordPress qui peuvent vous aider :<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener noreferrer\">Autoptimize<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/async-javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">Async JavaScript<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/hummingbird-performance\/\" target=\"_blank\" rel=\"noopener noreferrer\">Hummingbird<\/a><\/li>\n<\/ul>\n<p>Pour une explication plus d\u00e9taill\u00e9e, nous vous recommandons de consulter notre article sur l&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/eliminer-javascript-css-bloquant-rendu\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9limination du JavaScript et du CSS bloquant le rendu<\/a>.<\/p>\n<h3>Combiner les CSS et JavaScript externes dans WordPress<\/h3>\n<p>Le message d&rsquo;avertissement \u00ab\u00a0combine external CSS \u00bb est g\u00e9n\u00e9ralement affich\u00e9 lorsque vous utilisez un CDN parce que vous h\u00e9bergez vos fichiers CSS sur un domaine externe, tel que cdn.domaine.com. Dans le pass\u00e9, un moyen rapide de r\u00e9soudre ce probl\u00e8me \u00e9tait de concat\u00e9ner vos fichiers CSS, ou de les combiner pour qu&rsquo;ils se chargent en une seule requ\u00eate.<\/p>\n<p>Toutefois, si vous utilisez HTTPS avec un fournisseur qui prend en charge HTTP\/2, cet avertissement n&rsquo;est plus aussi pertinent qu&rsquo;avant. Avec HTTP\/2, plusieurs fichiers CSS peuvent maintenant \u00eatre charg\u00e9s en parall\u00e8le sur une seule connexion. Et plus de <a href=\"https:\/\/caniuse.com\/#search=http2\" target=\"_blank\" rel=\"noopener noreferrer\">86% des navigateurs supportent HTTP\/2<\/a>.<\/p>\n<p>Mais cela ne signifie pas n\u00e9cessairement que cette optimisation est compl\u00e8tement morte. Dans certains cas, nous avons vu que cela acc\u00e9l\u00e9rait encore les sites WordPress. Cela d\u00e9pend de la taille des fichiers et de leur nombre. Par cons\u00e9quent, c&rsquo;est une optimisation que nous vous recommandons de tester sur votre site.<\/p>\n<p>L&rsquo;une des fa\u00e7ons les plus simples de combiner vos fichiers CSS et JavaScript externes est d&rsquo;utiliser le plugin gratuit <a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener noreferrer\">Autoptimize<\/a>.\u00a0Apr\u00e8s les avoir combin\u00e9s, vous verrez un fichier \u00ab\u00a0autoptimize_xxxxxxx.css\u00a0\u00bb ou \u00ab\u00a0autoptimize_xxxxxxx.js\u00a0\u00bb. Il prend \u00e9galement en charge leur chargement \u00e0 partir de votre CDN. Vous pouvez \u00e9galement le faire avec le plugin <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a>.<\/p>\n<figure id=\"attachment_22164\" aria-describedby=\"caption-attachment-22164\" style=\"width: 1403px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-22164\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/fichiers-css-et-javascript-combines-.png\" alt=\"Fichiers CSS et Javascript combin\u00e9s\" width=\"1403\" height=\"508\" srcset=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/fichiers-css-et-javascript-combines-.png 1403w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/fichiers-css-et-javascript-combines--300x109.png 300w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/fichiers-css-et-javascript-combines--768x278.png 768w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/fichiers-css-et-javascript-combines--1024x371.png 1024w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/fichiers-css-et-javascript-combines--610x221.png 610w\" sizes=\"auto, (max-width: 1403px) 100vw, 1403px\" \/><figcaption id=\"caption-attachment-22164\" class=\"wp-caption-text\">Fichiers CSS et Javascript combin\u00e9s<\/figcaption><\/figure>\n<p>Jetez un coup d&rsquo;\u0153il \u00e0 notre article d\u00e9taill\u00e9 sur la fa\u00e7on de <a href=\"https:\/\/kinsta.com\/fr\/blog\/combine-external-css\/\" target=\"_blank\" rel=\"noopener noreferrer\">combiner les CSS et javascripts externes dans WordPress<\/a>.<\/p>\n<h3>Utilisation de la minification sur le HTML, CSS et JavaScript<\/h3>\n<p>Nous pouvons r\u00e9duire la quantit\u00e9 de donn\u00e9es que le navigateur doit t\u00e9l\u00e9charger en minifiant les ressources HTML, CSS et JavaScript. La minification est le processus qui consiste \u00e0 supprimer les caract\u00e8res inutiles comme les commentaires et les espaces du code source. Ces caract\u00e8res sont extr\u00eamement utiles en d\u00e9veloppement, mais ils sont inutiles pour le navigateur lors de l\u2019affichage de la page.<\/p>\n<h4>HTML non minifi\u00e9<\/h4>\n<p>Voici un exemple de code HTML non minifi\u00e9.<\/p>\n<figure style=\"width: 1760px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/html-non-minife.png\" alt=\"Code HTML non minifi\u00e9\" width=\"1760\" height=\"500\"><figcaption class=\"wp-caption-text\">Code HTML non minifi\u00e9<\/figcaption><\/figure>\n<h4>HTML minifi\u00e9<\/h4>\n<p>Voici un exemple de code HTML minifi\u00e9.<\/p>\n<figure style=\"width: 1398px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/html-minife.jpg\" alt=\"Code HTML minifi\u00e9\" width=\"1398\" height=\"362\"><figcaption class=\"wp-caption-text\">Code HTML minifi\u00e9<\/figcaption><\/figure>\n<p>Vous pouvez utiliser le plugin gratuit <a href=\"https:\/\/wp-rocket.me\/\">Autoptimize<\/a> ou <a href=\"https:\/\/wp-rocket.me\/\">WP Rocket<\/a> pour minifier facilement vos fichiers.<\/p>\n<p>Si vous \u00eates un <a href=\"https:\/\/kinsta.com\/fr\/tarifs\/?plan=visits-business1\">client Kinsta<\/a>, vous avez acc\u00e8s \u00e0 la <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/#code-minification-1\">fonction de minification du code<\/a> int\u00e9gr\u00e9e directement dans le <a href=\"https:\/\/kinsta.com\/fr\/mykinsta\/\">tableau de bord MyKinsta<\/a>. Cela permet aux clients d&rsquo;activer rapidement et facilement la minification automatique de CSS et de JavaScript en cliquant sur un bouton et d&rsquo;acc\u00e9l\u00e9rer efficacement votre site sans aucun effort.<\/p>\n<h3 id=\"use-cookie-free-domains\">Utiliser des domaines sans cookies<\/h3>\n<p>En g\u00e9n\u00e9ral, lorsque vous diffusez du contenu tel que des images, du JavaScript, CSS, il n&rsquo;y a aucune raison pour qu&rsquo;un <a href=\"https:\/\/en.wikipedia.org\/wiki\/HTTP_cookie\" target=\"_blank\" rel=\"noopener noreferrer\">cookie HTTP<\/a> l&rsquo;accompagne, car il cr\u00e9e des frais suppl\u00e9mentaires. Une fois que le serveur d\u00e9finit un cookie pour un domaine particulier, toutes les requ\u00eates HTTP ult\u00e9rieures pour ce domaine doivent inclure le cookie. Cet avertissement est g\u00e9n\u00e9ralement affich\u00e9 sur les sites ayant un grand nombre de requ\u00eates.<\/p>\n<p>Nous avons un article en profondeur sur la fa\u00e7on de traiter le contenu statique d&rsquo;un serveur suite \u00e0 un avertissement \u00ab\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/serve-static-content-from-a-cookieless-domain\/\" target=\"_blank\" rel=\"noopener noreferrer\">serve static content from a cookieless domain<\/a>\u00a0\u00bb. Bien souvent vous pouvez ignorer cet avertissement car les nouveaux protocoles tels que HTTP\/2 rendent cela moins important. Le co\u00fbt d&rsquo;une nouvelle connexion est g\u00e9n\u00e9ralement plus \u00e9lev\u00e9 que celui de la diffusion en continu sur la m\u00eame connexion.<\/p>\n<p>Une fa\u00e7on simple de corriger cet avertissement est d&rsquo;<a href=\"https:\/\/kinsta.com\/fr\/blog\/cdn-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">utiliser un fournisseur de CDN<\/a> qui peut ignorer les cookies et supprimer les cookies, ce qui emp\u00eachera compl\u00e8tement le client de recevoir l&rsquo;en-t\u00eate de r\u00e9ponse Set-Cookie. <a href=\"https:\/\/kinsta.com\/fr\/docs\/hebergement-wordpress\/cdn-wordpress\/kinsta-cdn\/\" target=\"_blank\" rel=\"noopener noreferrer\">KeyCDN<\/a> est l&rsquo;un des fournisseurs CDN qui offre cette fonctionnalit\u00e9. Par d\u00e9faut, vous pouvez voir que les deux options suivantes sont activ\u00e9es. C&rsquo;est une alternative facile sans avoir \u00e0 d\u00e9placer et configurer votre site pour fournir des ressources statiques \u00e0 partir d&rsquo;un sous-domaine s\u00e9par\u00e9.<\/p>\n<figure style=\"width: 1386px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/09\/strip-cookies-cdn.png\" alt=\"Strip Cookies CDN\" width=\"1386\" height=\"444\"><figcaption class=\"wp-caption-text\">Strip Cookies CDN<\/figcaption><\/figure>\n<p>Si vous utilisez Cloudflare, <a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/200169816-Can-I-serve-a-cookieless-domain-or-subdomain-through-CloudFlare-\" target=\"_blank\" rel=\"noopener noreferrer\">vous ne pouvez pas d\u00e9sactiver les cookies<\/a> sur les ressources diffus\u00e9es par leur r\u00e9seau. CloudFlare inclut son propre cookie de s\u00e9curit\u00e9 dans votre en-t\u00eate. Encore une fois, ces cookies sont tr\u00e8s petits et les r\u00e9percussions sur l\u2019affichage sont extr\u00eamement minimes. Mais si vous utilisez CloudFlare, il n&rsquo;y a aucun moyen de contourner cet avertissement.<\/p>\n<p>Une deuxi\u00e8me fa\u00e7on de contourner ce probl\u00e8me est de <a href=\"https:\/\/kinsta.com\/fr\/blog\/serve-static-content-from-a-cookieless-domain\/#re-configure-wordpress-site\">reconfigurer votre site WordPress<\/a> pour fournir les ressources statiques d&rsquo;un nouveau domaine ou sous-domaine.<\/p>\n<h3>D\u00e9sactiver les Embeds dans WordPress<\/h3>\n<p>Quand ils ont sorti <a href=\"https:\/\/codex.wordpress.org\/Version_4.4\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 4.4<\/a>, ils ont fusionn\u00e9 la fonction oEmbed dans le coeur. Cela permet aux utilisateurs d&rsquo;int\u00e9grer des vid\u00e9os YouTube, des tweets et de nombreuses autres ressources sur leurs sites simplement en collant une URL, que WordPress convertit automatiquement en embed et fournit un aper\u00e7u en direct dans l&rsquo;\u00e9diteur visuel. Avec la mise \u00e0 jour, WordPress lui-m\u00eame <a href=\"https:\/\/make.wordpress.org\/core\/2015\/10\/28\/new-embeds-feature-in-wordpress-4-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">est devenu un fournisseur oEmbed<\/a>.<\/p>\n<p>Cette fonction est utile pour beaucoup de gens, et vous voudrez peut-\u00eatre la garder activ\u00e9e. Cependant, cela signifie qu&rsquo;elle g\u00e9n\u00e8re \u00e9galement une requ\u00eate HTTP suppl\u00e9mentaire sur votre site WordPress pour charger le fichier <code>wp-embed.min.js<\/code>.\u00a0Et cela se charge \u00e0 l&rsquo;\u00e9chelle du site. Bien que ce fichier ne fasse que 1,7 Ko, les choses comme celles-ci s&rsquo;accumulent avec le temps. La requ\u00eate elle-m\u00eame est parfois plus importante que la taille du t\u00e9l\u00e9chargement de contenu.<\/p>\n<figure style=\"width: 1666px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/wp-embed.png\" alt=\"wp-embed.min.js fichier\" width=\"1666\" height=\"714\"><figcaption class=\"wp-caption-text\">Fichier wp-embed.min.js<\/figcaption><\/figure>\n<p>Vous pouvez facilement d\u00e9sactiver le chargement de ce fichier. Voici trois options diff\u00e9rentes :<\/p>\n<ul>\n<li>Option 1 &#8211; <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-embeds-wordpress\/#disable-embeds-plugin\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9sactiver les Embeds avec un plugin<\/a><\/li>\n<li>Option 2 &#8211;\u00a0<a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-embeds-wordpress\/#disable-embeds-code\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9sactiver les Embeds avec du code<\/a><\/li>\n<li>Option 3 &#8211; <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-embeds-wordpress\/#inline-embed-js\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9placer le JavaScript Inline<\/a><\/li>\n<\/ul>\n<h3>D\u00e9sactiver les Emojis dans WordPress<\/h3>\n<p>Semblable aux Embeds, dans\u00a0<a href=\"https:\/\/codex.wordpress.org\/Version_4.2\" target=\"_blank\" rel=\"noopener noreferrer\">WordPress 4.2<\/a>, ils ont ajout\u00e9 le support des emojis dans le coeur pour les navigateurs plus anciens. Le gros probl\u00e8me est qu&rsquo;il g\u00e9n\u00e8re une requ\u00eate HTTP suppl\u00e9mentaire sur votre site WordPress pour charger le fichier <code>wp-emoji-release.min.js<\/code>. Et cela se charge \u00e0 l&rsquo;\u00e9chelle du site. Bien que ce fichier ne fasse que 10,5 Ko, il est inutile si vous n&rsquo;utilisez pas d&rsquo;\u00e9mojis sur votre site.<\/p>\n<figure style=\"width: 1676px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/wp-emoji-release-file.png\" alt=\"wp-emoji-release.min.js\" width=\"1676\" height=\"782\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">Fichier wp-emoji-release.min.js<\/figcaption><\/figure>\n<p>Il y a plusieurs fa\u00e7ons de d\u00e9sactiver les Emojis dans WordPress. Vous pouvez le faire avec un plugin gratuit ou avec du code.<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-emojis-wordpress\/#disable-emojis-plugin\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9sactiver les Emojis avec un plugin<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-emojis-wordpress\/#disable-emojis-code\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9sactiver les Emojis avec du code<\/a><\/li>\n<\/ul>\n<h3>Comment acc\u00e9l\u00e9rer ou d\u00e9sactiver les commentaires WordPress<\/h3>\n<p>Une section de commentaires occup\u00e9e sur un site peut causer beaucoup de probl\u00e8mes de performances. Pensez simplement aux ressources qui sont n\u00e9cessaires pour que les commentaires fonctionnent :<\/p>\n<ul>\n<li>Une base de donn\u00e9es est interrog\u00e9e pour extraire les commentaires existants.<\/li>\n<li>Des entr\u00e9es de base de donn\u00e9es sont cr\u00e9\u00e9es pour chaque nouveau commentaire.<\/li>\n<li>Les commentaires et les m\u00e9tadonn\u00e9es de commentaires sont re\u00e7us et trait\u00e9s par le navigateur du visiteur.<\/li>\n<li>Les ressources externes, telles que les Gravatars, sont demand\u00e9es, t\u00e9l\u00e9charg\u00e9es et charg\u00e9es (n\u00e9cessitant une recherche DNS s\u00e9par\u00e9e).<\/li>\n<li>Dans de nombreux cas, de grandes ressources JavaScript et jQuery doivent \u00eatre t\u00e9l\u00e9charg\u00e9es et trait\u00e9es pour que le syst\u00e8me de commentaires fonctionne comme il se doit.<\/li>\n<\/ul>\n<p>Voici quatre options diff\u00e9rentes que vous pouvez choisir pour <a href=\"https:\/\/kinsta.com\/fr\/blog\/commentaires-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">acc\u00e9l\u00e9rer les commentaires WordPress<\/a> :<\/p>\n<h4>Option 1 &#8211; D\u00e9sactiver les commentaires<\/h4>\n<p>Si votre site ne re\u00e7oit pas beaucoup de commentaires et que vous pensez qu&rsquo;ils n&rsquo;ont aucune valeur ajout\u00e9e, il serait peut-\u00eatre pr\u00e9f\u00e9rable de <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-commentaires-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">d\u00e9sactiver compl\u00e8tement les commentaires<\/a>. Rappelez-vous que les commentaires peuvent avoir un impact sur votre r\u00e9f\u00e9rencement, car Google va les parcourir en tant que contenu suppl\u00e9mentaire sur la page, vous ne devriez donc approuver que les commentaires de haute qualit\u00e9. Jetez un coup d&rsquo;\u0153il \u00e0 ces trois fa\u00e7ons simples de d\u00e9sactiver les commentaires :<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-commentaires-wordpress\/#comment-dsactiver-les-commentaires-dans-wordpress-3-mthodes\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9sactiver les commentaires dans les options de WordPress<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-commentaires-wordpress\/#2-dsactiver-les-commentaires--laide-dune-extension-wordpress\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9sactiver les commentaires avec un plugin<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-commentaires-wordpress\/#3-dsactiver-les-commentaires-via-du-code-personnalis\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9sactiver les commentaires avec du code<\/a><\/li>\n<\/ul>\n<h4>Option 2 &#8211; Optimiser le syst\u00e8me de commentaires natif de WordPress<\/h4>\n<p>Votre deuxi\u00e8me option serait d&rsquo;optimiser le syst\u00e8me de commentaires WordPress natif. Une fa\u00e7on serait de r\u00e9duire le nombre de commentaires charg\u00e9s avec le chargement initial de la page.<\/p>\n<ol>\n<li>Allez dans Param\u00e8tres \u2192 Discussion dans la zone d&rsquo;administration de WordPress.<\/li>\n<li>Recherchez la section Autres r\u00e9glages des commentaires.<\/li>\n<li>Cochez la case \u00e0 c\u00f4t\u00e9 de Diviser les commentaires en pages avec et ajoutez une valeur pour le nombre de commentaires que vous voulez afficher au chargement initial de la page.<\/li>\n<\/ol>\n<figure style=\"width: 1922px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/divider-commentaires-en-pages.png\" alt=\"Diviser les commentaires en pages\" width=\"1922\" height=\"604\"><figcaption class=\"wp-caption-text\">Diviser les commentaires en pages<\/figcaption><\/figure>\n<p>Une autre option que vous avez est d&rsquo;utiliser des Gravatars h\u00e9berg\u00e9s sur votre CDN. C&rsquo;est l&rsquo;approche que nous adoptons chez Kinsta.<\/p>\n<p>Par d\u00e9faut, lorsque les commentaires WordPress sont charg\u00e9s, chaque Gravatar unique n\u00e9cessite une requ\u00eate HTTP. Ainsi, si une page est charg\u00e9e avec les commentaires de 50 commentateurs diff\u00e9rents, 50 requ\u00eates HTTP seront n\u00e9cessaires pour t\u00e9l\u00e9charger tous ces Gravatars. Comme vous pouvez l&rsquo;imaginer, cela peut avoir un impact sur la vitesse de votre page. Sans parler du fait que nous avons vu que la recherche DNS externe sur gravatar.com peut \u00eatre parfois lente et dans certains cas m\u00eame indisponible.<\/p>\n<p>Si vous regardez les Gravatars sur le blog de Kinsta, vous pouvez voir qu&rsquo;ils se chargent depuis Kinsta.com (y compris notre CDN). Voyez comment <a href=\"https:\/\/woorkup.com\/load-gravatars-from-cdn\/\" target=\"_blank\" rel=\"noopener noreferrer\">charger les gravatars \u00e0 partir de votre CDN<\/a>.<\/p>\n<figure style=\"width: 1412px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/hebergez-gravatar-localement.png\" alt=\"H\u00e9bergez Gravatar localement ou sur le CDN\" width=\"1412\" height=\"552\"><figcaption class=\"wp-caption-text\">H\u00e9bergez Gravatar localement ou sur le CDN<\/figcaption><\/figure>\n<h4>Option 3 &#8211; Utiliser un syst\u00e8me de commentaires tiers<\/h4>\n<p>Votre troisi\u00e8me option est d&rsquo;utiliser un syst\u00e8me de commentaires tiers. Si votre site est h\u00e9berg\u00e9 sur un serveur mutualis\u00e9 bon march\u00e9 et en manque de ressources, l&rsquo;utilisation d&rsquo;un <a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-commentaires-wordpress\/\" rel=\"noopener noreferrer\">syst\u00e8me de commentaires tiers<\/a> peut acc\u00e9l\u00e9rer les pages contenant beaucoup de commentaires. Ce sont les m\u00eames principes que l&rsquo;optimisation d&rsquo;images, d\u00e9charger le travail. Cependant, si vous \u00eates h\u00e9berg\u00e9 chez Kinsta ou un autre h\u00e9bergeur de qualit\u00e9, passer \u00e0 un h\u00e9bergeur tiers ne fera pas grand-chose pour aider \u00e0 la vitesse de chargement de votre site Web et cela pourrait m\u00eame le ralentir.<\/p>\n<figure style=\"width: 1653px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/02\/requetes-externes-disqus.png\" alt=\"Requ\u00eates externes Disqus\" width=\"1653\" height=\"734\"><figcaption class=\"wp-caption-text\">Requ\u00eates externes de Disqus<\/figcaption><\/figure>\n<p>Assurez-vous de toujours tester la vitesse du syst\u00e8me de commentaires tiers que vous essayez. Jetez un coup d&rsquo;oeil \u00e0 toutes les requ\u00eates s\u00e9par\u00e9es que <a href=\"https:\/\/kinsta.com\/fr\/blog\/publicites-disqus\/\">Disqus<\/a> g\u00e9n\u00e8re (comme montr\u00e9 ci-dessus). Bien que la plupart de ces requ\u00eates se chargent de mani\u00e8re asynchrone, vous remarquerez toujours un temps de chargement suppl\u00e9mentaire si vous utilisez Disqus.<\/p>\n<h4>Option 4 &#8211; Commentaires en Lazy Load<\/h4>\n<p>Votre quatri\u00e8me option est de charger les commentaires en Lazy Load pour qu&rsquo;ils ne ralentissent pas l\u2019affichage initial de la page. Voici quelques plugins que vous voudrez peut-\u00eatre consulter :<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/lazy-load-for-comments\/\" target=\"_blank\" rel=\"noopener noreferrer\">Lazy Load for comments<\/a> : Ce plugin vous permet de charger les commentaires WordPress natifs avec le Lazy Load.<\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/disqus-conditional-load\/\" target=\"_blank\" rel=\"noopener noreferrer\">Disqus Conditional Load<\/a> : Si vous voulez utiliser le syst\u00e8me de commentaires Disqus, il s&rsquo;agit d&rsquo;un plugin indispensable pour charger les commentaires avec le Lazy Load.<\/li>\n<\/ul>\n<h3>D\u00e9sactiver les flux RSS WordPress<\/h3>\n<p>Si vous n&rsquo;utilisez pas la partie blogging de WordPress sur votre site, vous pouvez d\u00e9sactiver les flux RSS WordPress. Bien que cela n&rsquo;aura pas un impact \u00e9norme sur la performance, tout aide. C&rsquo;est aussi une chose de moins dont vous devrez vous inqui\u00e9ter.<\/p>\n<p>D\u00e9couvrez ces deux fa\u00e7ons diff\u00e9rentes de d\u00e9sactiver les flux RSS dans WordPress :<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-flux-rss-wordpress\/#disable-rss-feed-plugin\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9sactiver le flux RSS avec un plugin<\/a><\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-flux-rss-wordpress\/#2-dsactiver-les-flux-rss-avec-du-code\" target=\"_blank\" rel=\"noopener noreferrer\">D\u00e9sactiver le flux RSS avec du code<\/a><\/li>\n<\/ul>\n<h3>Utiliser Prefetch et Preconnect<\/h3>\n<p>Les astuces et directives de ressources telles que <code>prefetch<\/code>\u00a0et <code>preconnect<\/code> peuvent \u00eatre un excellent moyen d&rsquo;acc\u00e9l\u00e9rer WordPress en arri\u00e8re plan. KeyCDN a un excellent article et une excellente vue d&rsquo;ensemble des <a href=\"https:\/\/www.keycdn.com\/blog\/resource-hints\" target=\"_blank\" rel=\"noopener noreferrer\">conseils de ressources<\/a>.<\/p>\n<h4>Pr\u00e9fetch<\/h4>\n<p><a href=\"https:\/\/www.w3.org\/TR\/resource-hints\/#dfn-dns-prefetch\" target=\"_blank\" rel=\"noopener noreferrer\">Le Prefetch DNS<\/a> vous permet de r\u00e9soudre les noms de domaine (effectuer une recherche DNS en arri\u00e8re-plan) avant qu&rsquo;un utilisateur ne clique sur un lien, ce qui \u00e0 son tour peut aider \u00e0 am\u00e9liorer les performances. Cela se fait en ajoutant une balise <code>rel=\u201cdns-prefetch\u201d<\/code>\u00a0dans l&rsquo;en-t\u00eate de votre site WordPress.<\/p>\n<pre><code>&lt;link rel=\"dns-prefetch\" href=\"\/\/domain.com\"&gt;<\/code><\/pre>\n<p>Certaines choses courantes pour lesquelles utiliser le Prefetch DNS est votre URL CDN, les polices Google, Google Analytics, etc.<\/p>\n<pre><code> &lt;link rel=\"dns-prefetch\" href=\"\/\/cdn.domain.com\/\"&gt;\n &lt;link rel=\"dns-prefetch\" href=\"\/\/fonts.googleapis.com\/\"&gt;\n &lt;link rel=\"dns-prefetch\" href=\"\/\/www.google-analytics.com\"&gt;<\/code><\/pre>\n<p>Prefetch est \u00e9galement <a href=\"http:\/\/caniuse.com\/#search=dns-prefetch\" target=\"_blank\" rel=\"noopener noreferrer\">support\u00e9<\/a> par la plupart des navigateurs modernes. Consultez notre tutoriel pour savoir comment <a href=\"https:\/\/kinsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\" target=\"_blank\" rel=\"noopener noreferrer\">ajouter du code \u00e0 votre en-t\u00eate WordPress<\/a>.<\/p>\n<p>Ou vous pouvez facilement impl\u00e9menter le Prefetch DNS en utilisant un plugin comme <a href=\"https:\/\/perfmatters.io\">Perfmatters<\/a>. Cliquez simplement sur l&rsquo;onglet \u00ab\u00a0Extras\u00a0\u00bb dans le plugin Perfmatters et ajoutez des domaines. Format :\u00a0<code>\/\/domaine.tld<\/code>\u00a0(un par ligne).<\/p>\n<figure style=\"width: 1716px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/prefetch.png\" alt=\"Prefetch\" width=\"1716\" height=\"874\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">Prefetch<\/figcaption><\/figure>\n<h4>Preconnect<\/h4>\n<p><a href=\"https:\/\/www.w3.org\/TR\/resource-hints\/#preconnect\" target=\"_blank\" rel=\"noopener noreferrer\">Preconnect<\/a> permet au navigateur d&rsquo;\u00e9tablir des connexions pr\u00e9coces avant une requ\u00eate HTTP, ce qui \u00e9limine la latence aller-retour et fait gagner du temps aux utilisateurs.<\/p>\n<blockquote><p>Preconnect est un outil important dans votre bo\u00eete \u00e0 outils d&rsquo;optimisation&#8230; il peut \u00e9liminer de nombreux allers et retours co\u00fbteux de votre chemin de requ\u00eate &#8211; dans certains cas, r\u00e9duisant la latence de requ\u00eate par centaines, voire par milliers de millisecondes. &#8211; lya Grigorik (<a href=\"https:\/\/www.igvita.com\/2015\/08\/17\/eliminating-roundtrips-with-preconnect\/\" target=\"_blank\" rel=\"noopener noreferrer\">source<\/a>)<\/p><\/blockquote>\n<p>Cela se fait en ajoutant une balise rel=\u201cpreconnect\u201d dans l&rsquo;en-t\u00eate de votre site WordPress.<\/p>\n<pre><code>&lt;link rel=\"preconnect\" href=\"\/\/domain.com\"&gt;<\/code><\/pre>\n<p>Voici quelques exemples de choses pour lesquelles vous voudrez peut-\u00eatre l&rsquo;utiliser, notamment votre URL CDN ou les polices Google.<\/p>\n<pre><code> &lt;link rel=\"preconnect\" href=\"https:\/\/cdn.domain.com\"&gt;\n &lt;link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\"&gt;<\/code><\/pre>\n<p>Preconnect est <a href=\"https:\/\/caniuse.com\/#search=preconnect\" target=\"_blank\" rel=\"noopener noreferrer\">support\u00e9<\/a> par la plupart des navigateurs modernes, \u00e0 l&rsquo;exception d&rsquo;Internet Explorer, Safari, IOS Safari et Opera Mini. Consultez notre tutoriel pour savoir comment <a href=\"https:\/\/kinsta.com\/fr\/blog\/ajouter-code-wordpress-header-footer\/\" target=\"_blank\" rel=\"noopener noreferrer\">ajouter du code \u00e0 votre en-t\u00eate WordPress<\/a>.<\/p>\n<p>Ou vous pouvez facilement impl\u00e9menter preconnect en utilisant un plugin comme <a href=\"https:\/\/perfmatters.io\">Perfmatters<\/a>. Cliquez simplement sur l&rsquo;onglet \u00ab\u00a0Extras\u00a0\u00bb dans le plugin Perfmatters et ajoutez des domaines. Format :\u00a0<code>scheme:\/\/domaine.tld<\/code>\u00a0(un par ligne).<\/p>\n<figure style=\"width: 1836px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/preconnect.png\" alt=\"Preconnect\" width=\"1836\" height=\"674\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">Preconnect<\/figcaption><\/figure>\n<h3>D\u00e9sactiver les scripts par page et par article<\/h3>\n<p>Une autre fa\u00e7on tr\u00e8s puissante d&rsquo;acc\u00e9l\u00e9rer WordPress est d&rsquo;analyser chaque requ\u00eate qui se charge sur vos pages et articles. Vous finirez tr\u00e8s probablement par trouver des scripts qui se chargent \u00e0 l&rsquo;\u00e9chelle du site et qui ne devraient pas l&rsquo;\u00eatre.<\/p>\n<p>Vous pouvez utiliser un plugin premium comme <a href=\"https:\/\/perfmatters.io\">Perfmatters<\/a> qui a une fonction \u00ab\u00a0Script Manager\u00a0\u00bb int\u00e9gr\u00e9e. Cela vous permet de d\u00e9sactiver les scripts (CSS et JavaScript) par page et par article, ou m\u00eame \u00e0 l&rsquo;\u00e9chelle du site en un seul clic. Encore une fois, ce plugin est d\u00e9velopp\u00e9 par un membre de l&rsquo;\u00e9quipe de Kinsta.<\/p>\n<p>Quelques exemples de ce \u00e0 quoi cela peut servir :<\/p>\n<ul>\n<li>Le populaire plugin Contact Form 7 se charge \u00e0 chaque page et \u00e0 chaque article. Vous pouvez facilement le d\u00e9sactiver partout d&rsquo;un seul clic et ne l&rsquo;activer que sur votre page de contact.<\/li>\n<li>Les plugins de partage de m\u00e9dias sociaux ne devraient \u00eatre charg\u00e9s que sur vos articles. Vous pouvez facilement les d\u00e9sactiver partout et les charger uniquement sur les types d\u2019articles, ou m\u00eame les types d\u2019articles personnalis\u00e9s.<\/li>\n<li>Le plugin Table des mati\u00e8res (TOC) se charge sur chaque page et article. Avec le gestionnaire de scripts, vous pouvez facilement contr\u00f4ler o\u00f9 vous voulez le charger.<\/li>\n<\/ul>\n<h4>Pourquoi certains plugins sont-ils cod\u00e9s de cette fa\u00e7on ?<\/h4>\n<p>Vous vous demandez peut-\u00eatre pourquoi tous les d\u00e9veloppeurs de plugins ne chargent pas leurs scripts uniquement lorsque le plugin est d\u00e9tect\u00e9 sur la page ? C&rsquo;est un peu plus compliqu\u00e9 que \u00e7a. Par exemple, si vous avez un plugin comme Contact Form 7, il a aussi des shortcodes qui vous permettent de le placer n&rsquo;importe o\u00f9. Cela inclut de le d\u00e9poser dans un widget. Avec WordPress, il est beaucoup plus difficile d&rsquo;interroger des donn\u00e9es \u00e0 partir de WordPress lorsque vous retirez des scripts plut\u00f4t que d&rsquo;interroger des donn\u00e9es \u00e0 partir des m\u00e9tadonn\u00e9es de l\u2019article ou de la page.<\/p>\n<p>Par cons\u00e9quent, cela est souvent d\u00fb \u00e0 des probl\u00e8mes d&rsquo;ergonomie. Moins ils ont de chance qu&rsquo;un plugin se casse, moins ils auront de tickets et de support. Cependant, avec beaucoup de plugins sur le march\u00e9, il existe des moyens de contourner ce probl\u00e8me et de coder pour la performance s&rsquo;ils le souhaitent. Malheureusement, le nombre de t\u00e9l\u00e9chargements et le nombre d&rsquo;utilisateurs font parfois du codage pour la facilit\u00e9 d&rsquo;utilisation une priorit\u00e9.<\/p>\n<h4>Visite du gestionnaire de scripts<\/h4>\n<p>Nous allons vous faire visiter le Script Manager. Apr\u00e8s l&rsquo;avoir activ\u00e9 dans votre barre d&rsquo;outils, vous verrez tous les scripts qui se chargent sur l&rsquo;URL courante, \u00e0 la fois les fichiers JavaScript et CSS. Vous disposez alors des options suivantes :<\/p>\n<ol>\n<li><strong>Statut On :<\/strong> (R\u00e9glage par d\u00e9faut)<\/li>\n<li><strong>Statut Off :<\/strong> D\u00e9sactiv\u00e9 Partout (vous pouvez alors choisir les types d\u2019articles sur lesquels vous voulez l&rsquo;activer, ainsi que l&rsquo;URL courante)<\/li>\n<li><strong>Statut Off :<\/strong> D\u00e9sactiv\u00e9 uniquement sur l&rsquo;URL courante (tr\u00e8s utile pour l&rsquo;utiliser sur votre page d&rsquo;accueil)<\/li>\n<li><strong>Statut Off\u00a0 :<\/strong> Exceptions (URL actuelle, type d\u2019article ou archive)<\/li>\n<\/ol>\n<figure style=\"width: 1936px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/gestionnaire-de-scripts-perfmatters.png\" alt=\"Gestionnaire de scripts Perfmatters\" width=\"1936\" height=\"1332\"><figcaption class=\"wp-caption-text\">Gestionnaire de scripts Perfmatters<\/figcaption><\/figure>\n<p>Tout est <strong>regroup\u00e9 par nom de plugin ou de th\u00e8me<\/strong>. Il est donc tr\u00e8s facile de d\u00e9sactiver un plugin entier \u00e0 la fois. G\u00e9n\u00e9ralement, un plugin WordPress aura \u00e0 la fois un fichier JavaScript et un fichier CSS. Un th\u00e8me WordPress peut avoir plus de 10 fichiers.<\/p>\n<p>Apr\u00e8s avoir s\u00e9lectionn\u00e9 et\/ou modifi\u00e9 les param\u00e8tres, assurez-vous d&rsquo;appuyer sur \u00ab\u00a0Enregistrer\u00a0\u00bb en bas de l&rsquo;\u00e9cran. Vous pouvez ensuite faire un test dans un outil de test de vitesse de site Web pour vous assurer que les scripts ne se chargent plus sur la page ou l\u2019article. N&rsquo;oubliez pas de vider votre cache d&rsquo;abord ! Et si quelque chose ne s&rsquo;affiche pas correctement sur votre site, vous pouvez toujours le r\u00e9activer dans les param\u00e8tres pour revenir \u00e0 la normale.<\/p>\n<p>Lors d&rsquo;un <a href=\"https:\/\/woorkup.com\/disable-scripts-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">test de vitesse par woorkup<\/a>, ils ont pu <strong>r\u00e9duire les temps de chargement totaux de 20,2%<\/strong>. Rien que sur leur page d&rsquo;accueil, ils ont pu r\u00e9duire le nombre de requ\u00eates HTTP de 46 \u00e0 30. Leur taille de page est \u00e9galement pass\u00e9e de 506,3 Ko \u00e0 451,6 Ko.<\/p>\n<p>Pour d&rsquo;autres fa\u00e7ons de d\u00e9sactiver les scripts, consultez notre blog pour savoir <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-plugins-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">comment d\u00e9sactiver le chargement des plugins WordPress<\/a>.<\/p>\n<h3>Analyser les performances de services tiers<\/h3>\n<p>Fondamentalement, tout ce que vous appelez de l&rsquo;ext\u00e9rieur \u00e0 partir de votre site a des cons\u00e9quences sur le temps de chargement. Ce qui aggrave encore ce probl\u00e8me, c&rsquo;est que certains d&rsquo;entre eux n\u2019ont des lenteurs que de fa\u00e7on intermittente, ce qui rend l&rsquo;identification de la question encore plus difficile.<\/p>\n<p>Un service externe tiers pourrait \u00eatre consid\u00e9r\u00e9 comme tout ce qui communique avec votre site WordPress depuis l&rsquo;ext\u00e9rieur de votre propre serveur. Voici quelques exemples courants que nous rencontrons r\u00e9guli\u00e8rement :<\/p>\n<ul>\n<li>Plateformes de m\u00e9dias sociaux comme Twitter, Facebook et Instagram (<a href=\"https:\/\/kinsta.com\/fr\/blog\/widgets-wordpress\/\" rel=\"noopener noreferrer\">widgets<\/a> ou pixels de conversion)<\/li>\n<li>R\u00e9seaux publicitaires tiers comme Google Adsense, Media.net, BuySellAds, Amazon Associates, etc.<\/li>\n<li>Analyse de sites Web et scripts de suivi tels que Google Analytics, Crazy Egg, Hotjar, AdRoll, etc.<\/li>\n<li>Outils de A\/B testing tels qu&rsquo;Optimizely, VWO, Unbounce<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-commentaires-wordpress\/\" rel=\"noopener noreferrer\">Syst\u00e8mes de commentaires WordPress<\/a> tels que Disqus, <a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-jetpack\/\">Jetpack<\/a>, commentaires Facebook<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/plugins-securite-wordpress\/\" rel=\"noopener noreferrer\">Outils de sauvegarde et de s\u00e9curit\u00e9<\/a> tels que VaultPress, Sucuri, CodeGuard<\/li>\n<li>Outils de partage tels que SumoMe, HelloBar<\/li>\n<li><a href=\"https:\/\/kinsta.com\/fr\/blog\/cdn-wordpress\/\" rel=\"noopener noreferrer\">R\u00e9seaux CDN<\/a> comme KeyCDN, Amazon CloudFront, CDN77,StackPath&#8230;<\/li>\n<li>Javascript h\u00e9berg\u00e9 en externe<\/li>\n<\/ul>\n<p>Quel est l&rsquo;impact de certains de ces trackers tiers sur les performances ? Dans notre propre <a href=\"https:\/\/kinsta.com\/fr\/blog\/performances-des-tierces-parties\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u00e9tude de cas<\/a>, nous avons constat\u00e9 que les scripts tiers <strong>augmentaient le temps de chargement des pages de 86,08 %<\/strong>.<\/p>\n<p>Ghostery a \u00e9galement <a href=\"https:\/\/www.ghostery.com\/lp\/trackertax\/\" target=\"_blank\" rel=\"noopener noreferrer\">mesur\u00e9 les 500 meilleurs domaines am\u00e9ricains<\/a> dans Alexa, et les r\u00e9sultats ont \u00e9t\u00e9 \u00e9tonnants, bien que pour nous, pas surprenant. Les sites Web \u00e9taient 2x plus lents quand aucun tracker n&rsquo;\u00e9tait bloqu\u00e9 du tout. Ce qui signifie que ces scripts de suivi tiers sont l&rsquo;un des principaux facteurs qui contribuent \u00e0 ralentir la vitesse de chargement des pages sur le Web.<\/p>\n<figure style=\"width: 1872px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/temps-de-chargement-avec-trackers.png\" alt=\"Temps de chargement avec les trackers (Source de l'image : Ghostery)\" width=\"1872\" height=\"806\"><figcaption class=\"wp-caption-text\">Temps de chargement avec les trackers (Source de l&rsquo;image : Ghostery)<\/figcaption><\/figure>\n<p>Vous devez \u00eatre tr\u00e8s prudent sur votre site WordPress. Un seul mauvais appel vers l&rsquo;API d&rsquo;un service tiers pourrait faire perdre de la vitesse \u00e0 tout votre site ! Oui, \u00e7a ne devrait pas marcher comme cela, mais dans bien des cas, oui. On l&rsquo;a vu plus de fois qu&rsquo;on ne peut compter.<\/p>\n<p>New Relic est un excellent moyen simple et efficace de surveiller vos services externes au fil du temps. Dans l&rsquo;exemple ci-dessous, nous pouvons voir des appels externes vers twitcount.com, graph.facebook.com et widgets.pinterest.com.<\/p>\n<figure style=\"width: 2048px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/10\/temps-de-response-des-servicer-externes-de-medias-sociaux.png\" alt=\"Temps de r\u00e9ponse des services externes de m\u00e9dias sociaux\" width=\"2048\" height=\"1084\"><figcaption class=\"wp-caption-text\">Temps de r\u00e9ponse des services externes de m\u00e9dias sociaux<\/figcaption><\/figure>\n<p>Il est important que chaque fois que vous ajoutez une nouvelle fonctionnalit\u00e9 ou un nouveau plugin \u00e0 votre site, vous enqu\u00eatiez sur les ressources externes qui le chargent. Moins il y en a, mieux c&rsquo;est !<\/p>\n<h2 id=\"mobile-first\">Toujours optimiser avec le Mobile-First en t\u00eate<\/h2>\n<p>Google a commenc\u00e9 \u00e0 d\u00e9ployer son <a href=\"https:\/\/kinsta.com\/fr\/blog\/index-google-mobile-first\/\" target=\"_blank\" rel=\"noopener noreferrer\">index mobile-first<\/a> le 26 mars 2018. Auparavant, les syst\u00e8mes de recherche, d&rsquo;indexation et de classement de Google utilisaient la version de bureau des sites Web. L&rsquo;indexation Mobile-first signifie que Googlebot utilisera d\u00e9sormais la version mobile de votre site WordPress pour l&rsquo;indexation et le classement. Cela permet d&rsquo;am\u00e9liorer l&rsquo;exp\u00e9rience de recherche pour les utilisateurs mobiles.<\/p>\n<p>Lorsqu&rsquo;il s&rsquo;agit d&rsquo;optimiser votre site pour le mobile-first, la <strong>vitesse est l&rsquo;un des facteurs les plus importants \u00e0 prendre en compte<\/strong>. La vitesse joue un r\u00f4le majeur dans tout, de la facilit\u00e9 d&rsquo;utilisation aux taux de rebond et \u00e0 d\u00e9terminer si les acheteurs potentiels reviendront ou non sur votre site. En fait, la <a href=\"https:\/\/developers.google.com\/web\/updates\/2018\/07\/search-ads-speed\">vitesse est maintenant un facteur de base<\/a> pour Google Search et les annonces pour les recherches mobiles.<\/p>\n<p>De mauvaises exp\u00e9riences mobiles conduiront la majorit\u00e9 des utilisateurs \u00e0 ne jamais revenir. Selon le dernier rapport sur la vitesse des pages Google, le temps moyen de chargement d&rsquo;un site mobile en 2018 \u00e9tait de <a href=\"https:\/\/www.thinkwithgoogle.com\/marketing-strategies\/app-and-mobile\/mobile-page-speed-new-industry-benchmarks\/\" target=\"_blank\" rel=\"noopener noreferrer\">15 secondes<\/a>. Pouvez-vous imaginer attendre aussi longtemps pour charger une seule page ? Incroyable.<\/p>\n<p>Les utilisateurs exigent (et m\u00e9ritent) mieux. Selon le m\u00eame rapport sur la vitesse des pages, <strong>53% des visiteurs de sites mobiles quittent des pages qui mettent plus de trois secondes \u00e0 se charger<\/strong>.<\/p>\n<p>Les exp\u00e9riences mobiles lentes ne tuent pas seulement les conversions. Elles vous emp\u00eachent d&rsquo;avoir une chance de convertir des prospects. Lorsque le temps de chargement des pages augmente de quelques secondes seulement, la probabilit\u00e9 que quelqu&rsquo;un rebondisse augmente de fa\u00e7on exponentielle. Voici quelques points \u00e0 prendre en compte lors de l&rsquo;optimisation pour le mobile.<\/p>\n<h3>V\u00e9rifiez votre trafic mobile<\/h3>\n<p>Il est toujours important de jeter un coup d&rsquo;\u0153il \u00e0 la quantit\u00e9 de trafic mobile que vous recevez, car cela pourrait modifier un peu vos priorit\u00e9s. Vous pouvez voir combien d&rsquo;appareils mobiles visitent votre site dans Google Analytics sous \u00ab\u00a0Audience \u2192 Mobile \u2192 Overview\u00a0\u00bb. Comme vous pouvez le voir sur ce site, plus de 67% de tout le trafic provient du mobile. C&rsquo;est beaucoup !<\/p>\n<figure style=\"width: 1522px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/traffic-mobile-google-analytics.png\" alt=\"Trafic mobile dans Google Analytics\" width=\"1522\" height=\"862\"><figcaption class=\"wp-caption-text\">Trafic mobile dans Google Analytics<\/figcaption><\/figure>\n<p>Si vous \u00eates un client Kinsta, vous pouvez \u00e9galement v\u00e9rifier votre trafic mobile par rapport au trafic de bureau dans MyKinsta Analytics. Comme vous pouvez le voir sur ce site, plus de 88% du trafic provient du bureau. Il est toujours important de v\u00e9rifier et non de supposer. Ce n&rsquo;est pas parce que tout le monde dit que les choses deviennent mobiles, que c&rsquo;est le cas pour votre site. Regardez les donn\u00e9es.<\/p>\n<figure style=\"width: 1664px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/mobile-vs-bureau.png\" alt=\"Mobile vs. Desktop - MyKinsta Analytics\" width=\"1664\" height=\"632\"><figcaption class=\"wp-caption-text\">Mobile vs. Desktop &#8211; MyKinsta Analytics<\/figcaption><\/figure>\n<h3>Assurez-vous que votre site est responsive<\/h3>\n<p>En 2019, votre site web a int\u00e9r\u00eat \u00e0 \u00eatre responsive ! Cela signifie qu&rsquo;il utilise des Media Queries pour r\u00e9duire automatiquement l&rsquo;\u00e9chelle des choses sur les appareils mobiles. Si vous ne l&rsquo;avez pas encore fait, vous \u00eates probablement d\u00e9j\u00e0 derri\u00e8re vos concurrents. Tous les th\u00e8mes WordPress que nous avons mentionn\u00e9s plus t\u00f4t dans cet article sont pleinement responsives et sont impressionnants sur tous les appareils.<\/p>\n<p>Utilisez l&rsquo;<a href=\"https:\/\/search.google.com\/test\/mobile-friendly\" target=\"_blank\" rel=\"noopener noreferrer\">outil Mobile-Friendly de Google<\/a> pour tester et v\u00e9rifier que votre site Web r\u00e9pond \u00e0 toutes les exigences.<\/p>\n<figure style=\"width: 1402px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/test-mobile-friendly.jpg\" alt=\"Test Mobile-Friendly\" width=\"1402\" height=\"1144\"><figcaption class=\"wp-caption-text\">Test Mobile-Friendly<\/figcaption><\/figure>\n<h3>V\u00e9rifiez deux fois pour vous assurer que le Srcset fonctionne<\/h3>\n<p>Dans le pass\u00e9, il \u00e9tait tr\u00e8s important que vous t\u00e9l\u00e9chargiez des images \u00e0 l&rsquo;\u00e9chelle et que vous ne laissiez pas le CSS les redimensionner. Cependant, ce n&rsquo;est plus aussi important puisque WordPress 4.4 supporte maintenant les\u00a0<a href=\"https:\/\/make.wordpress.org\/core\/2015\/11\/10\/responsive-images-in-wordpress-4-4\/\" target=\"_blank\" rel=\"noopener noreferrer\">images responsives<\/a>\u00a0(non r\u00e9duites par CSS). WordPress cr\u00e9e automatiquement plusieurs tailles de chaque image t\u00e9l\u00e9charg\u00e9e dans la m\u00e9diath\u00e8que. En incluant les tailles disponibles d&rsquo;une image dans un attribut <code>srcset<\/code>,\u00a0les navigateurs peuvent maintenant choisir de t\u00e9l\u00e9charger la taille la plus appropri\u00e9e et ignorer les autres. Voyez un exemple de ce \u00e0 quoi ressemble votre code ci-dessous.<\/p>\n<figure style=\"width: 1464px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2018\/11\/wordpress-srcset.png\" alt=\"WordPress srcset\" width=\"1464\" height=\"264\" data-must_clone=\"true\"><figcaption class=\"wp-caption-text\">Srcset WordPress<\/figcaption><\/figure>\n<p>En raison de tous les plugins et personnalisations d&rsquo;images tiers, il y a eu beaucoup de fois o\u00f9 nous avons vu que cela ne fonctionnait pas correctement. Par cons\u00e9quent, il est important de v\u00e9rifier que vos images re\u00e7oivent correctement l&rsquo;<code>srcset<\/code> ajout\u00e9 avec diff\u00e9rentes versions pour diff\u00e9rentes tailles d&rsquo;\u00e9cran. L&rsquo;optimisation des images est maintenant importante pour toujours.<\/p>\n<h3>Google AMP pourrait \u00eatre une solution pour vous<\/h3>\n<p><a href=\"https:\/\/blog.google\/products\/search\/introducing-accelerated-mobile-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google AMP<\/a> (Accelerated Mobile Pages Project) a \u00e9t\u00e9 lanc\u00e9 en octobre 2015. Le projet s&rsquo;appuie sur AMP HTML, un nouveau framework ouvert et enti\u00e8rement construit \u00e0 partir de technologies web existantes, qui permet aux sites web de construire des pages web l\u00e9g\u00e8res. Pour le dire simplement, il offre un moyen de proposer une version \u00e9pur\u00e9e de votre page Web actuelle.<\/p>\n<p>Nous avons une sorte de relation d&rsquo;amour et de haine avec Google AMP, et une grande partie de la communaut\u00e9 aussi. Nous l&rsquo;avons test\u00e9 nous-m\u00eames et nous n&rsquo;avons pas vu de bons r\u00e9sultats. Cependant, cela ne veut pas dire que vous n\u2019en verrez pas. Chaque site web est diff\u00e9rent, et Google AMP est constamment am\u00e9lior\u00e9.<\/p>\n<p>Vous pouvez rapidement d\u00e9marrer avec Google AMP sur votre site WordPress avec l&rsquo;un des plugins suivants :<\/p>\n<ul>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/amp\/\" target=\"_blank\" rel=\"noopener noreferrer\">AMP for WordPress<\/a><\/li>\n<li><a href=\"https:\/\/wordpress.org\/plugins\/accelerated-mobile-pages\/\" target=\"_blank\" rel=\"noopener noreferrer\">AMP for WP<\/a><\/li>\n<\/ul>\n<p>Consultez notre tutoriel d\u00e9taill\u00e9 sur la <a href=\"https:\/\/kinsta.com\/fr\/blog\/google-amp\/\" target=\"_blank\" rel=\"noopener noreferrer\">fa\u00e7on d&rsquo;installer Google AMP<\/a>. Et si vous en avez besoin, <a href=\"https:\/\/kinsta.com\/fr\/blog\/desactiver-google-amp\/\" target=\"_blank\" rel=\"noopener noreferrer\">comment d\u00e9sactiver Google AMP<\/a>. Ce n&rsquo;est pas seulement quelque chose que vous pouvez juste d\u00e9sactiver comme \u00e7a sans rien faire d\u2019autre.<\/p>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Comme vous pouvez probablement le voir, nous sommes obs\u00e9d\u00e9s par toutes les diff\u00e9rentes fa\u00e7ons dont vous pouvez acc\u00e9l\u00e9rer WordPress. Avoir un site rapide permet d&rsquo;augmenter votre classement, am\u00e9liore l&rsquo;exploration des moteurs de recherche, am\u00e9liore les taux de conversion, augmente le temps pass\u00e9 sur le site, et diminue votre taux de rebond. Sans parler du fait que tout le monde aime visiter un site Web rapide !<\/p>\n<p>Nous esp\u00e9rons que ce guide d&rsquo;optimisation pour la vitesse vous a \u00e9t\u00e9 utile et que vous avez pu en retirer quelques \u00e9l\u00e9ments et les appliquer \u00e0 votre site WordPress. Si c&rsquo;est le cas, veuillez prendre un moment pour le partager.<\/p>\n<p>Avons-nous manqu\u00e9 quelque chose d&rsquo;important ? Si c&rsquo;est le cas, nous aimerions en entendre parler. Faites-nous savoir vos conseils pour acc\u00e9l\u00e9rer WordPress ci-dessous dans les commentaires.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aujourd&rsquo;hui, nous partageons tout ce que nous savons sur la fa\u00e7on d&rsquo;acc\u00e9l\u00e9rer WordPress, plus de 15 ans d&rsquo;exp\u00e9rience et de dures le\u00e7ons que nous avons apprises, le tout dans un guide facile.<\/p>\n","protected":false},"author":38,"featured_media":37109,"template":"","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[34,63],"class_list":["post-21974","learn","type-learn","status-publish","has-post-thumbnail","hentry","tag-developpement-web","tag-performance"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment acc\u00e9l\u00e9rer votre site WordPress (Guide Ultime 2026 )<\/title>\n<meta name=\"description\" content=\"Aujourd&#039;hui, nous partageons tout ce que nous savons sur la fa\u00e7on d&#039;acc\u00e9l\u00e9rer WordPress, plus de 15 ans d&#039;exp\u00e9rience et de dures le\u00e7ons que nous avons apprises, le tout dans un guide facile.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment Acc\u00e9l\u00e9rer Votre Site WordPress (Guide Ultime 2026)\" \/>\n<meta property=\"og:description\" content=\"Aujourd&#039;hui, nous partageons tout ce que nous savons sur la fa\u00e7on d&#039;acc\u00e9l\u00e9rer WordPress, plus de 15 ans d&#039;exp\u00e9rience et de dures le\u00e7ons que nous avons apprises, le tout dans un guide facile.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-18T09:35:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/accelerer-wordpress-ebook.png\" \/>\n\t<meta property=\"og:image:width\" content=\"520\" \/>\n\t<meta property=\"og:image:height\" content=\"690\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Aujourd&#039;hui, nous partageons tout ce que nous savons sur la fa\u00e7on d&#039;acc\u00e9l\u00e9rer WordPress, plus de 15 ans d&#039;exp\u00e9rience et de dures le\u00e7ons que nous avons apprises, le tout dans un guide facile.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/accelerer-wordpress-ebook.png\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"155 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\",\"name\":\"Comment acc\u00e9l\u00e9rer votre site WordPress (Guide Ultime 2026 )\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/speed-up-wordpress-featured.jpg\",\"datePublished\":\"2018-11-28T14:20:53+00:00\",\"dateModified\":\"2023-09-18T09:35:25+00:00\",\"description\":\"Aujourd'hui, nous partageons tout ce que nous savons sur la fa\u00e7on d'acc\u00e9l\u00e9rer WordPress, plus de 15 ans d'exp\u00e9rience et de dures le\u00e7ons que nous avons apprises, le tout dans un guide facile.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/speed-up-wordpress-featured.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/speed-up-wordpress-featured.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apprendre\",\"item\":\"https:\/\/kinsta.com\/fr\/apprendre\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment Acc\u00e9l\u00e9rer Votre Site WordPress (Guide Ultime 2024)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Comment acc\u00e9l\u00e9rer votre site WordPress (Guide Ultime 2026 )","description":"Aujourd'hui, nous partageons tout ce que nous savons sur la fa\u00e7on d'acc\u00e9l\u00e9rer WordPress, plus de 15 ans d'exp\u00e9rience et de dures le\u00e7ons que nous avons apprises, le tout dans un guide facile.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment Acc\u00e9l\u00e9rer Votre Site WordPress (Guide Ultime 2026)","og_description":"Aujourd'hui, nous partageons tout ce que nous savons sur la fa\u00e7on d'acc\u00e9l\u00e9rer WordPress, plus de 15 ans d'exp\u00e9rience et de dures le\u00e7ons que nous avons apprises, le tout dans un guide facile.","og_url":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_modified_time":"2023-09-18T09:35:25+00:00","og_image":[{"width":520,"height":690,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/accelerer-wordpress-ebook.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_description":"Aujourd'hui, nous partageons tout ce que nous savons sur la fa\u00e7on d'acc\u00e9l\u00e9rer WordPress, plus de 15 ans d'exp\u00e9rience et de dures le\u00e7ons que nous avons apprises, le tout dans un guide facile.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/accelerer-wordpress-ebook.png","twitter_site":"@kinsta_fr","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"155 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/","url":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/","name":"Comment acc\u00e9l\u00e9rer votre site WordPress (Guide Ultime 2026 )","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/speed-up-wordpress-featured.jpg","datePublished":"2018-11-28T14:20:53+00:00","dateModified":"2023-09-18T09:35:25+00:00","description":"Aujourd'hui, nous partageons tout ce que nous savons sur la fa\u00e7on d'acc\u00e9l\u00e9rer WordPress, plus de 15 ans d'exp\u00e9rience et de dures le\u00e7ons que nous avons apprises, le tout dans un guide facile.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/speed-up-wordpress-featured.jpg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2018\/11\/speed-up-wordpress-featured.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/apprendre\/accelerer-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Apprendre","item":"https:\/\/kinsta.com\/fr\/apprendre\/"},{"@type":"ListItem","position":3,"name":"Comment Acc\u00e9l\u00e9rer Votre Site WordPress (Guide Ultime 2024)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/learn\/21974","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/learn"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/learn"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/38"}],"version-history":[{"count":21,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/learn\/21974\/revisions"}],"predecessor-version":[{"id":72893,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/learn\/21974\/revisions\/72893"}],"alternate":[{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/fr"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/it"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/es"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/dk"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/pt"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/jp"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/nl"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/21974\/translations\/en"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/37109"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=21974"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=21974"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}