Si vous voulez que votre site devienne un des pr\u00e9f\u00e9r\u00e9s de Google, qu\u2019il se classe bien sur le SERP et ait un bon taux de conversion de vos utilisateurs, vous devez<\/em> vous poser ces questions.<\/p>\n\n\n\n Dans cette section du blog, nous allons r\u00e9pondre \u00e0 toutes ces questions. Voici un guide sur la vitesse d\u2019une page web pour les sites WordPress<\/strong>.<\/p>\n\n\n\n\n\n\n\n Nous allons nous concentrer ici sur le concept de mise en cache sous ses diff\u00e9rentes formes.<\/p>\n\n\n\n Ce n\u2019est pas un choix au hasard. Les sites web modernes sont des structures complexes bourr\u00e9es d\u2019\u00e9l\u00e9ments dynamiques, de banni\u00e8res imageslarge, de vid\u00e9os de fond, de polices de caract\u00e8re et de pages produits attrayantes. Tous ces \u00e9l\u00e9ments de style (qui doivent \u00eatre utilis\u00e9s avec mod\u00e9ration) sont sujets \u00e0 faire grimper le temps de chargement de votre site.<\/p>\n\n\n\n Ils deviennent des poids qui rendent le chargement de vos pages beaucoup plus long, et cela joue sur la patience de vos utilisateurs.<\/p>\n\n\n\n Un syst\u00e8me de mise en cache aide \u00e0 garder vos utilisateurs sur le site, augmente le taux de conversion, et vous fera aimer de Google, qui consid\u00e8re que le temps de chargement est l\u2019une des donn\u00e9es SEO les plus importantes.<\/p>\n\n\n\n Nous allons voir comment tout cela fonctionne ci-dessous.<\/p>\n\n\n\n Le temps de chargement est compris entre le moment o\u00f9 un utilisateur commence \u00e0 naviguer vers une page web, jusqu\u2019au moment o\u00f9 le contenu de la page a fini de charger et est navigable.<\/p>\n\n\n\n Si vous vous occupez d\u2019un site web et que vous cherchez \u00e0 obtenir des r\u00e9sultats, qu\u2019ils soient financiers, d\u2019engagement ou de notori\u00e9t\u00e9, il est crucial de prendre en compte les principes de vitesse d\u2019une page web.<\/p>\n\n\n\n D\u2019apr\u00e8s le rapport d\u2019Akamai sur l\u2019\u00e9tat des performances de ventes en 2017<\/a>, certaines d\u00e9couvertes sp\u00e9cifiques prouvent que les performances d\u2019un site web sont capitales pour attirer le public :<\/p>\n\n\n\n Et ce n\u2019est pas tout. Google a annonc\u00e9 le passage \u00e0 l\u2019indexation mobile-first<\/a>. Les d\u00e9veloppeurs et designers ont donc tout int\u00e9r\u00eat \u00e0 r\u00e9gler en priorit\u00e9 les probl\u00e8mes des pages de sites mobiles qui ont un temps de chargement \u00e9lev\u00e9.<\/p>\n\n\n\n Chaque fois que vous cliquez sur un lien, que vous tapez une URL dans la barre d\u2019un navigateur ou que vous actualisez une page, vous enclenchez une s\u00e9rie d\u2019actions en arri\u00e8re-plan de votre site.<\/p>\n\n\n\n Vous ne le remarquez probablement pas, mais il y a environ 20 actions diff\u00e9rentes qui participent \u00e0 ce processus.<\/p>\n\n\n\n Il est essentiel de comprendre ce qui se passe en coulisses de votre site WordPress lorsque les utilisateurs cherchent \u00e0 visiter une page.<\/p>\n\n\n\n Vous devez savoir pourquoi votre site WordPress prend beaucoup de temps \u00e0 se charger<\/strong>, et comment r\u00e9gler ces probl\u00e8mes de vitesse. Vous aurez non seulement une vision d\u2019ensemble technique de la vitesse, mais vous apprendrez \u00e9galement comment la mesurer avec les meilleurs outils de test de vitesse.<\/p>\n\n\n\n Vous d\u00e9couvrirez aussi les 7 erreurs les plus communes qui font baisser les performances de votre site web.<\/p>\n\n\n\n Une bonne partie de la vitesse de votre site WordPress d\u00e9pend de votre serveur.<\/p>\n\n\n\n C\u2019est pourquoi choisir un fournisseur d\u2019h\u00e9bergement fiable est l\u2019une des am\u00e9liorations les plus effectives que vous pouvez apporter \u00e0 votre site.<\/p>\n\n\n\n Pourquoi ?<\/p>\n\n\n\n Les solutions en avant-plan que vous mettez en place pour augmenter la vitesse de votre site n\u2019auront un v\u00e9ritable effet que si elles sont trait\u00e9es par un serveur de r\u00e9ponse rapide et efficace.<\/p>\n\n\n\n Le temps de r\u00e9ponse serveur se mesure gr\u00e2ce au Time To First Byte (TTFB)<\/strong>. C\u2019est le temps dont le navigateur a besoin pour \u00e9tablir une connexion avec le serveur et charger le contenu d\u2019une page web.<\/p>\n\n\n\n Apprendre \u00e0 r\u00e9duire le Time To First Byte<\/a> est l\u2019un des fondements d\u2019un site web sain et performant.<\/p>\n\n\n\n Notre guide, Comment r\u00e9duire le Time to First Byte et charger votre site WordPress plus rapidemen<\/a>t, vous aidera \u00e0 comprendre le temps de r\u00e9ponse serveur et vous donnera 6 astuces pour le r\u00e9duire.<\/p>\n\n\n\n WordPress est un CMS utilisant une base de donn\u00e9es pour fonctionner. En simple, cela signifie que pour fonctionner, et pour que vos lecteurs aient acc\u00e8s \u00e0 votre site web (les pages, articles, cat\u00e9gories et \u00e9tiquettes), de nombreuses requ\u00eates doivent \u00eatre envoy\u00e9es \u00e0 la base de donn\u00e9es.<\/p>\n\n\n\n Chaque requ\u00eate est g\u00e9r\u00e9e par des milliers de lignes de code PHP qui sont au coeur du fonctionnement.<\/p>\n\n\n\n Cela fonctionne tr\u00e8s bien, \u00e0 un d\u00e9tail pr\u00e8s : pour r\u00e9pondre \u00e0 chaque requ\u00eate que le navigateur envoie \u00e0 votre site, votre serveur doit beaucoup travailler. Un grand nombre de ressources est n\u00e9cessaire pour le fonctionnement de chaque site.<\/p>\n\n\n\n Plus le contenu et le nombre de vos visiteurs augmente, plus votre serveur devra travailler.<\/p>\n\n\n\n C\u2019est l\u00e0 que la mise en cache entre en sc\u00e8ne !<\/p>\n\n\n\n Il n\u2019y a pas une seule d\u00e9finition de la mise en cache. De nombreux syst\u00e8mes de mise en cache sont souvent n\u00e9cessaires pour obtenir de votre site des performances optimales.<\/p>\n\n\n\n Voici une liste des diff\u00e9rents types de mise en cache :<\/p>\n\n\n\n A travers ce guide, nous allons voir les diff\u00e9rences entre tous ces types de mise en cache et comment les utiliser sur votre site WordPress.<\/p>\n\n\n\n Un CDN (Content Delivery Network<\/em>) est une cl\u00e9 importante derri\u00e8re chaque site qui fonctionne bien. Gr\u00e2ce \u00e0 lui, vous pouvez compter sur un r\u00e9seau mondial de serveurs edge qui agiront comme un pont entre le serveur d\u2019origine de votre site et l\u2019endroit dans le monde o\u00f9 se trouve votre visiteur.<\/p>\n\n\n\n Lorsque le contenu statique de votre site passe par les serveurs edge pour la premi\u00e8re fois, ceux-ci sauvegardent une copie de son contenu. Par la suite, toutes les images, le CSS et les fichiers JavaScript de vos pages seront directement envoy\u00e9s aux utilisateurs par ces serveurs, g\u00e9n\u00e9rant ainsi une exp\u00e9rience bien plus rapide de votre site.<\/p>\n\n\n\n L\u2019avantage d\u2019un CDN, c\u2019est que chaque requ\u00eate faite par l\u2019utilisateur sera envoy\u00e9 depuis le serveur le plus proche possible de cet utilisateur. Le r\u00e9seau de serveurs \u00e9tant large, votre contenu sera disponible rapidement, m\u00eame pour les utilisateurs qui sont g\u00e9ographiquement tr\u00e8s \u00e9loign\u00e9s de votre serveur d\u2019origine.<\/p>\n\n\n\n Dans notre guide, vous d\u00e9couvrirez tout ce qu\u2019il faut savoir sur les CDN, comment ils fonctionnent et pourquoi vous devriez en mettre un en place pour votre site web.<\/p>\n\n\n\n Cloudflare est un proxy invers\u00e9, et un CDN. Il procure ses services \u00e0 12 millions de domaines via 155 data centers r\u00e9partis \u00e0 travers le monde.<\/p>\n\n\n\n Cloudflare a \u00e9t\u00e9 lanc\u00e9 en 2008 et s\u2019est impos\u00e9 depuis comme une solution essentielle et facile \u00e0 mettre en place pour tous les sites web qui s\u2019adressent \u00e0 un public international.<\/p>\n\n\n\n Notre guide explique tout ce qu\u2019il faut savoir \u00e0 propos de Cloudflare<\/a>, et vous aidera \u00e0 d\u00e9terminer s\u2019il pourrait \u00eatre utile \u00e0 votre site (la plupart du temps, il l\u2019est !).<\/p>\n\n\n\n Qui dit proxy invers\u00e9 HTTP dit acc\u00e9l\u00e9rateurs frontaux qui vont am\u00e9liorer les performances de votre serveur, et par cons\u00e9quent, celles de votre site.<\/p>\n\n\n\n Varnish est sans conteste l\u2019un des proxy invers\u00e9 HTTP les plus populaires. Ce n\u2019est pas un outil qui s\u2019utilise seul car il s\u2019appuie sur un serveur web d\u00e9di\u00e9 pour fonctionner<\/strong> comme NGINX ou Apache.<\/p>\n\n\n\n Comme Varnish met en cache \u00e0 la fois le contenu statique et dynamique, c\u2019est une solution formidable pour augmenter la vitesse de votre site web.<\/p>\n\n\n\n D\u00e9couvrez comment Varnish fonctionne et les b\u00e9n\u00e9fices que la mise en cache de Varnish apporte, gr\u00e2ce \u00e0 notre guide d\u00e9di\u00e9.<\/p>\n\n\n\n Memcached est l\u2019un des syst\u00e8mes de mise en cache en distribution open source les plus populaires. Il fonctionne comme les autres syst\u00e8mes de mise en cache, mais la base de donn\u00e9es est au coeur du processus.<\/p>\n\n\n\n Il all\u00e8ge la charge des applications web dynamiques sur la base de donn\u00e9es, et est donc particuli\u00e8rement utile pour les sites imposants comme les boutiques de e-commerce, ou les sites avec adh\u00e9sion.<\/p>\n\n\n\n Allez voir notre guide pour en savoir plus sur la mise en cache d\u2019objet et Memcached, et d\u00e9couvrir comment ils peuvent am\u00e9liorer les performances de votre site WordPress.<\/p>\n\n\n\n Pour mettre en place une premi\u00e8re couche de mise en cache sur votre site, il suffit parfois d\u2019un seul clic, gr\u00e2ce \u00e0 un plugin de mise en cache statique.<\/p>\n\n\n\n Les plugins de mise en cache statique se concentrent sur la mise en cache des ressources statiques de votre site, comme les images, le CSS, le JavaScript et les fichiers HTML.<\/p>\n\n\n\n Le r\u00e9pertoire de WordPress est bourr\u00e9 de solutions gratuites pour la mise en cache statique.<\/p>\n\n\n\n Certaines de ces solutions sont tr\u00e8s populaires, comme W3 Total Cache, WP Super Cache, ou Fastest Cache.<\/p>\n\n\n\n Et puis il y a les solutions premium comme WP Rocket.<\/p>\n\n\n\n Premium n\u2019est pas un mot utilis\u00e9 au hasard ici. Vous devez payer pour utiliser le plugin, mais en retour, vous b\u00e9n\u00e9ficiez d\u2019un service premium.<\/p>\n\n\n\n Un plugin premium, qui plus est un plugin de mise en cache premium, devrait toujours offrir des performances remarquables, une documentation compl\u00e8te et un support technique exemplaire.<\/p>\n\n\n\n Comme vous l\u2019avez probablement d\u00e9j\u00e0 compris, la mise en cache est un univers complexe qui implique plusieurs \u00e9l\u00e9ments de votre site : son code statique et dynamique, le serveur, la base de donn\u00e9es, et le navigateur que vos visiteurs utilisent.<\/p>\n\n\n\n Ces \u00e9l\u00e9ments fonctionnent ensemble, mais ils interf\u00e8rent aussi parfois les uns avec les autres, ce qui peut cr\u00e9er des probl\u00e8mes ou des bugs. La garantie d\u2019un support technique premium devient alors tr\u00e8s appr\u00e9ciable.<\/p>\n\n\n\n Gr\u00e2ce \u00e0 une mise en place tr\u00e8s simple, des performances \u00e9patantes et un service technique rapide et efficace, WP Rocket est l\u2019un des plugins de mise en cache les plus populaires chez les utilisateurs de WordPress.<\/p>\n\n\n\n Dans un sondage r\u00e9cent<\/a>, nous avons demand\u00e9 \u00e0 nos client de lister les trois raisons principales pour lesquelles ils utilisent WP Rocket :<\/p>\n\n\n\n Configurer WP Rocket est d\u2019une simplicit\u00e9 absolue compar\u00e9 aux autres plugins de mise en cache sur le march\u00e9.<\/p>\n\n\n\n De plus, d\u00e8s son activation, WP Rocket active automatiquement 80 % des meilleures pratiques en mati\u00e8re de performance web. <\/strong><\/p>\n\n\n\n Qu\u2019est ce que \u00e7a veut dire ?<\/em><\/p>\n\n\n\n Apr\u00e8s avoir install\u00e9 et activ\u00e9 WP Rocket, et sans m\u00eame avoir commenc\u00e9 \u00e0 personnaliser les r\u00e9glages, votre site web pourra imm\u00e9diatement b\u00e9n\u00e9ficier des avantages suivants :<\/p>\n\n\n\n Arriv\u00e9 l\u00e0, vous pourrez d\u00e9j\u00e0 lancer un test de vitesse sur votre site et vous attendre \u00e0 une belle surprise, car il est fort probable que vous voyiez une augmentation de la vitesse de votre site.<\/p>\n\n\n\n Vous remarquerez aussi que certaines fonctionnalit\u00e9s sont activ\u00e9es par d\u00e9faut, il ne vous reste plus qu\u2019\u00e0 en profiter et laisser WP Rocket faire le travail.<\/p>\n\n\n\n Parmi ces fonctionnalit\u00e9s, vous trouverez :<\/p>\n\n\n\n Vous pourriez donc simplement profiter du gain de vitesse que votre site WordPress vient de gagner, et fermer l\u2019administration de votre site.<\/p>\n\n\n\n WP Rocket continuera de fonctionner pour vous, rafra\u00eechira le cache si n\u00e9cessaire et le recr\u00e9era automatiquement.<\/p>\n\n\n\n Si vous pr\u00e9f\u00e9rez ajuster vous m\u00eame les fonctionnalit\u00e9s plut\u00f4t que de garder les r\u00e9glages par d\u00e9faut, vous pouvez explorer les options avanc\u00e9es de WP Rocket.<\/p>\n\n\n\n Il y a plusieurs options \u00e0 essayer. Gardez \u00e0 l\u2019esprit que certaines d\u2019entre elles doivent \u00eatre manipul\u00e9es avec pr\u00e9cautions<\/a>.<\/p>\n\n\n\n WP Rocket est un plugin de mise en cache unique d\u00e9di\u00e9 \u00e0 rendre votre site plus rapide et puissant via la minification CSS et JavaScript, la concat\u00e9nation, LazyLoad pour les images<\/a>, l\u2019optimisation de la base de donn\u00e9es, des r\u00e9glages de CDN et une foule d\u2019options qui s\u2019ajoutent en un clic.<\/p>\n\n\n\n Essayez WP Rocket aujourd\u2019hui<\/a>. Vous pourrez b\u00e9n\u00e9ficier d\u2019une p\u00e9riode d\u2019essai de 14 jours<\/a> pour voir par vous m\u00eame si WP Rocket est la meilleure solution pour les performances de votre site (nous sommes pr\u00eats \u00e0 parier que oui !) <\/em><\/p>\n","protected":false},"excerpt":{"rendered":" La vitesse est la cl\u00e9. N\u2019importe qui travaillant sur l\u2019optimisation de performances web conna\u00eet ce principe simple (en apparence). Avec quoi d\u00e9finir la vitesse d\u2019une page web, comment la mesurer, et quels sont les secrets des sites web rapides ? Si vous voulez que votre site devienne un des pr\u00e9f\u00e9r\u00e9s de Google, qu\u2019il se classe […]<\/p>\n","protected":false},"author":9832,"featured_media":1483329,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"kia_subtitle":"","footnotes":""},"categories":[73],"tags":[],"class_list":["post-1545527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cache-wordpress"],"acf":[],"yoast_head":"\nD\u00e9buter avec la mise en cache<\/h2>\n\n\n\n
![\"Site](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/wp-rocket-site-cache-browser-cache-server-cache-difference-1024x428.png\")
Les probl\u00e8mes d\u2019un site WordPress lent<\/h2>\n\n\n\n
Le temps de chargement<\/h3>\n\n\n\n
Le temps de r\u00e9ponse serveur<\/h3>\n\n\n\n
![\"Testing](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/test-dns-server-response-time-1024x428.png\")
Syst\u00e8mes de mise en cache pour votre site WordPress<\/h2>\n\n\n\n
Qu\u2019est ce qu\u2019un CDN ?<\/h3>\n\n\n\n
Qu\u2019est ce que Cloudflare ?<\/h3>\n\n\n\n
![\"Should](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/should-you-use-cloudflare-1024x428.png\")
Qu\u2019est ce que Varnish ?<\/h3>\n\n\n\n
![\"Varnish](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/Varnish-Cache-How-Does-It-Work-1024x428.png\")
Qu\u2019est ce que Memcached ?<\/h3>\n\n\n\n
![\"Memcached:](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/What-Is-Memcached-1024x428.jpg\")
WP Rocket : un plugin de mise en cache qui peut \u00e0 lui seul faire fuser votre site WordPress<\/h2>\n\n\n\n
WP Rocket, tout en un !<\/h3>\n\n\n\n
![\"Getting](\"https:\/\/wp-rocket.me\/wp-content\/uploads\/1\/wp-rocket-tutorial-videos.jpg\")