Comment améliorer les performances de votre site Web avec W3 Total Cache et un CDN

Si je fais une pause de trois minutes avant de répondre à une question que vous me posez, combien de temps faudra-t-il avant que vous en ayez marre de notre conversation? C'est exactement comme cela que vous devriez regarder la vitesse de votre site web. Cet article vous aidera à augmenter la vitesse de votre site et à éviter d'obliger vos visiteurs à attendre.

Il y a beaucoup de raisons pour lesquelles la vitesse compte autant. L'une est évidemment l'expérience utilisateur. Vous l'avez probablement déjà expérimenté vous-même - en effectuant une requête Google, en visitant un site qui promet une réponse, puis en attendant plus d'une minute, le chargement de la page mal optimisée.

Cependant, cela dépasse la simple expérience utilisateur. Google évalue la qualité de votre site en fonction du temps de chargement de votre page. Si Google juge que le site est de qualité médiocre parce que le chargement de vos pages est lent, il finira par nuire considérablement à votre site: vous figurerez plus bas dans les listes de recherche et moins de personnes visiteront votre site Web..

Donc, prendre le temps de bien entretenir et d’optimiser votre site Web aura d’énormes avantages à long terme. Dans cet article, je vais vous expliquer comment modifier les paramètres de W3 Total Cache pour WordPress pour accélérer votre site Web. James a décrit la configuration de base de W3 Total Cache. Comment configurer les différents paramètres du plug-in W3 Total Cache pour votre blog Wordpress Comment configurer les différents paramètres du plug-in W3 Total Cache pour votre blog Wordpress Il y a quelques instants, j'ai évoqué les avantages de l'installation du plug-in W3TC. sur votre blog Wordpress afin d'accélérer la mise en cache, mais certains lecteurs étaient naturellement un peu méfiants à propos de… Lire la suite, il y a quelques années, mais dans cet article, je vais aller beaucoup plus en détail, y compris la mise en place d'une livraison de contenu Un réseau qui va encore augmenter la vitesse de votre site et améliorer l'expérience utilisateur.

Optimisation du cache total W3 pour WordPress

Lorsque vous peaufinez les paramètres de votre panneau d’administration WP et de votre panneau de configuration d’hébergement Web, il est toujours bon de commencer par sauvegarder votre site. Il existe de nombreuses façons de le faire, en utilisant des plugins tels que UpdraftPlus, que Kev a récemment commenté Comment sauvegarder et restaurer facilement votre site WordPress avec UpdraftPlus. Comment sauvegarder et restaurer facilement votre site WordPress avec UpdraftPlus En savoir plus, ou le plugin WordPress Backup, qui J'ai examiné Comment faire une sauvegarde à distance automatisée de votre blog Wordpress Comment faire une sauvegarde à distance automatisée de votre blog Wordpress Ce week-end, mon site Web a été piraté pour la première fois. Je pensais que c'était un événement qui allait arriver, mais je me sentais toujours un peu choqué. J'ai eu de la chance que je… Lire la suite. Si vous ne souhaitez pas utiliser de plug-in, utilisez simplement la ligne de commande SSH. Comment sauvegarder votre site Web à l'aide de la ligne de commande SSH Comment faire pour sauvegarder votre site Web à l'aide de la ligne de commande SSH La sauvegarde de votre site Web ou de votre blog peut être une tâche coûteuse et ardue. variété de plugins, ou des plans supplémentaires de votre fournisseur d'hébergement - mais ce n'est pas forcément le cas. Si vous avez une approche SSH… Lire la suite, ou vous pouvez utiliser une application de serveur Web telle que MySQLDumper Comment sauvegarder régulièrement votre grande base de données MySQL avec MySQLDumper Comment sauvegarder régulièrement votre grande base de données MySQL avec MySQLDumper Alors que je regarde grandir mon propre blog Wordpress À la fois les messages et les commentaires des utilisateurs, je commence à regarder ma base de données croissante avec un œil méfiant. Que se passe-t-il si le serveur tombe en panne, se fait pirater ou… En savoir plus pour faire le travail.

Une fois cela fait, il est temps de faire un test de vitesse rapide pour votre site. Dave LeClair a récemment examiné PageSpeed ​​Insights, qui reste l'outil que la plupart des webmasters se tournent vers le premier pour vérifier les performances de leur site. Dans mon cas, PageSpeed ​​m'a montré que j'avais beaucoup de travail à faire pour améliorer les performances de mon site..

Il est toujours bon de disposer de quelques points de repère indépendants. Je me suis donc également tourné vers Pingdom pour lancer un test de vitesse sur mon blog. Encore une fois, la performance était assez horrible.

Pingdom a signalé que mon site est plus lent que 72% de tous les autres sites Web testés chez Pingdom. C'est assez triste!

J'avais installé W3 Total Cache il y a plusieurs années et l'avais configuré avec les paramètres de base décrits par James dans son message (mentionné ci-dessus), mais je n'ai jamais pris le temps de passer à travers et d'apprendre le plugin et comment l'optimiser..

Paramètres de cache total idéal W3

Comme James a mentionné, vous devriez toujours au moins permettre Cache de page, en haut de la page des paramètres de W3 Total Cache, et sélectionnez “Disque (amélioré)” de la méthode de cache de page. Ce paramètre créera des pages en cache statiques pour chaque page de votre site qui sera chargée du lecteur. Ainsi, lors de la prochaine visite de la page, celle-ci ne sera pas chargée dynamiquement à chaque fois..

Ce seul changement peut considérablement améliorer les performances de votre site. La seconde est la Cache du navigateur paramètre, que vous verrez plus bas dans la page des paramètres. Que fait ce réglage? Essentiellement, il indique au navigateur de télécharger les images, CSS, JavaScript et tous les autres fichiers statiques de la page dans un dossier temporaire afin que les pages suivantes utilisent ces mêmes fichiers statiques à partir de la mémoire cache du navigateur plutôt que de les télécharger à nouveau à partir de votre site Web. temps. Pour l'activer, cliquez sur “Activer” dans la section Cache du navigateur.

Puis clique “Cache du navigateur” sous le cache total W3 “Performance” section du panneau d'administration. En général, j'active tout sauf la mise en cache des erreurs 404. L'important est de s'assurer que les trois premiers éléments sont activés par défaut.

Avec W3 Total Cache configuré, il est temps de faire un autre test de performance pour voir comment les choses se sont améliorées.

Benchmark après la configuration du cache total W3

En exécutant PageSpeed ​​Insights, j'ai découvert que le score pour Mobile et Desktop augmentait de 10 points et que Desktop dépassait la zone de lecture..

Pingdom a révélé la plus forte augmentation. La performance est passée de 72% Ralentissez que la plupart des autres sites, jusqu'à 52% plus rapide que la plupart des autres sites!

C'est une amélioration considérable, grâce à W3 Total Cache, mais vous pouvez faire encore davantage pour optimiser les performances de votre site Web..

Votre serveur Web doit compresser le contenu

Un article rédigé par les ingénieurs de Google chez Google Developers explique à quel point il est important de compresser le contenu Web pour conserver la bande passante Internet. En fait, leur article commence par la déclaration dramatique, “Chaque jour, plus de 99 années humaines sont gaspillées à cause d'un contenu non compressé.”

Si vous ne voulez pas contribuer à faire perdre du temps à vos lecteurs, vous voudrez peut-être explorer votre compte d'hébergement Web pour trouver l'un des outils marqués comme “Optimiser le site” dans le CPanel. Ici, vous constaterez que la valeur par défaut est: “désactivé”. Allez-y et changez cela en “Compresser tout le contenu” et cliquez “Mettre à jour les paramètres”.

Cela nécessitera une charge légèrement supérieure sur le processeur du serveur Web, mais le compromis en bande passante enregistrée en vaut la peine. Gardez simplement un œil attentif sur votre serveur (ou informez votre hôte de ce que vous faites) juste pour vous assurer que l'augmentation de la charge du processeur n'est pas trop importante.

En effectuant un autre test de signet, je remarque que ce changement a amélioré mes performances de 5% supplémentaires..

Bien sûr, il y a encore beaucoup à faire. Plus précisément, vous pouvez vous inscrire à un service Content Delivery Network (CDN)..

Pourquoi utiliser un CDN améliore les performances

Un réseau de distribution de contenu est un service qui a des serveurs situés partout dans le monde. Lorsque vous vous inscrivez à un service CDN, le contenu statique tel que les images, les fichiers CSS et JavaScript est mis en cache sur plusieurs serveurs Web du monde entier. Lorsqu'un utilisateur visite votre site Web, le service CDN redirige les visiteurs vers le serveur Web le plus proche de leur position géographique..

Cela signifie que si vous avez un compte d’hébergement Web avec siège et un centre de données à Houston, au Texas, un lecteur australien n’attendra pas le chargement d’une connexion entre son navigateur et le serveur Web au Texas; un serveur CDN 3 façons d'accélérer votre site avec le cloud 3 méthodes d'accélérer votre site avec le cloud Le cloud est la solution à tous les problèmes du monde, semble-t-il - une technologie à la mode qui propulse l'informatique à son point de départ cela a commencé - avec un modèle de client léger et… Read More leur fournira le contenu en une fraction du temps.

W3 Total Cache vous permet de configurer un CDN sur la page des paramètres principaux dans la section Réseau de distribution de contenu.

Dans mon cas, je me suis inscrit pour un compte MaxCDN. Ce ne sont pas des comptes gratuits, mais ils sont assez abordables. Pour une largeur de bande mensuelle d'environ 500 Go de largeur de site Web par mois, vous envisagez de dépenser environ 40 USD par mois, tandis que la mise à niveau vers un compte professionnel 1 To coûte environ 80 USD par mois. Vous aurez besoin de mettre en place un “Zone de traction” dans votre compte CDN.

Si cette option existe, activez toujours Compression pour réduire la bande passante utilisée.

Une fois que votre zone Pull est en place, le service vous fournira l’URL du CDN dont vous aurez besoin pour configurer le CDN dans W3 Total Cache..

À l'aide de l'URL du CDN de votre compte CDN, retournez dans WP-Admin sous WordPress et accédez au menu Configuration du CDN. Tapez l'URL dans le champ pour “Remplacez le nom d'hôte du site par:”

Si vous utilisez la dernière version de W3 Total Cache, cette section peut paraître un peu différente. Vous trouverez un “Autoriser” bouton que vous pouvez utiliser pour obtenir directement une clé API. Vous avez également la possibilité d'ajouter plusieurs sous-domaines de votre site qui seront mis en file d'attente à l'aide de l'URL du CDN unique, mais vous devrez ajouter le CNAME, puis ceux-ci dans votre propre compte d'hébergement de domaine - mais cela dépasse le cadre de la présente. article. Ce qui précède est une configuration simple pour un blog sans sous-domaines.

Ne pas enlever ça si vous vous souciez du référencement! Bien que l'ajout d'un CNAME dans les paramètres CDN et sous votre compte d'hébergement de domaine ne soit pas nécessaire pour utiliser un CDN, vous souhaitez en tirer parti pour que les fichiers image hébergés apparaissent sous votre nom de domaine existant plutôt qu’un autre domaine CDN. Si vous ne le faites pas correctement, vos pages indexées et vos impressions dans les moteurs de recherche risquent de se perdre de manière significative.!

Enregistrez tous les paramètres, effacez votre cache. S'il est configuré correctement, vous constaterez que le CDN est activé.

Une fois que cela est activé correctement, continuez et exécutez un autre test de performance. Cette fois-ci, il y a eu une très belle augmentation - une augmentation de 7% de la vitesse grâce à la mise en cache de CDN.

Cette augmentation des performances peut en réalité être encore plus significative pour les personnes qui habitent plus loin du centre de données de votre hébergeur. Depuis que je suis aux États-Unis, j’ai vu une augmentation de 7% de la performance, mais il se peut que quelqu'un en Europe ou en Asie constate une augmentation de la performance à deux chiffres en visitant votre site maintenant. Il n'y a pas de meilleur moyen de servir votre public international mieux que cela.

Une dernière chose, mais très importante, à garder à l’esprit lorsque vous utilisez un service CDN comme celui-ci, c’est que bon nombre de vos contenus, notamment vos fichiers image, seront diffusés à partir d’un domaine différent. La dernière chose que vous souhaitiez est que Googlebot analyse cet autre domaine, l'identifie comme contenu dupliqué de votre site d'origine, puis supprime votre autorité de classement en fonction de ces fausses informations. Pour éviter cela, vous devez empêcher les robots d'analyser la version CDN de vos pages et fichiers. Les services CDN offrent une zone de référencement dans laquelle vous pouvez l'activer, telle que MaxCDN dans les paramètres de référencement, dans laquelle Robots.txt peut être activé et l'entrée Disallow robots.txt configurée..

Comme vous pouvez le constater, il existe de nombreuses façons d’améliorer les performances de votre site Web. W3 Total Cache ou d'autres plugins de mise en cache WordPress vous aideront certainement à le faire, mais ne pensez pas que tout se passera pour vous. En plus d'installer un plug-in de mise en cache, vous devez vous assurer de bien compresser les fichiers sur votre serveur Web. vous utilisez un CDN; et vous explorez les suggestions proposées par l'outil Google Pagespeeed pour améliorer constamment votre site. C'est un travail qui ne finit jamais vraiment, mais l'effort en vaut la peine.

En savoir plus sur: Blogging, CDN, Web Design, Développement Web, Outils pour les webmasters, Plugins Wordpress.