Optimiser la vitesse de WordPress. Le guide ultime !
Votre site Web WordPress est-il lent ou pas assez rapide ? Voulez-vous améliorer énormément la vitesse de votre site web et faire en sorte que votre TTFB soit inférieur à celui de vos concurrents ? Dans ce cas, ce manuel est le guide idéal pour mettre votre site Web à niveau !
Table des matières :
- Pourquoi la vitesse de votre site web est-elle importante
- Vérifiez la vitesse de votre site web
- Qu’est-ce qui rend votre site web lent
- Importance d’un hébergement WordPress rapide comme l’éclair
- Comment rendre mon site web plus rapide?
Pourquoi la vitesse de votre site web est-elle importante ?
Ces dernières années, nos vies ont considérablement augmenté en termes de charge, de vitesse et de stress. Nous voulons tous faire un maximum de choses en un minimum de temps !
Des études ont également montré que la durée moyenne d’attention est passée de 12 secondes à 5 secondes en moyenne.
Cela signifie qu’un visiteur de votre site web perd son attention après seulement 5 secondes d’attente. Si votre site web se charge en moins de 5 secondes, il y a de fortes chances que le visiteur n’attende même pas qu’il se charge et qu’il quitte votre site avant qu’il ne soit chargé.
Des études menées par le secteur des grandes technologies montrent même qu’un retard d’une seconde dans le chargement de votre site Web entraîne une baisse des conversions d’au moins 7 %, une diminution de 11 % du nombre de pages consultées et, en outre, une baisse de 16 % de la satisfaction des clients. Il est donc important de maintenir la vitesse de votre site Web aussi élevée que possible !
Ces dernières années, il est également devenu extrêmement important d’avoir une vitesse élevée en matière de référencement. Les moteurs de recherche tels que Google ont déjà pénalisé les sites web lents, en les plaçant plus bas dans les résultats de recherche que leurs concurrents plus rapides. Leur raisonnement est le suivant : lorsque quelqu’un recherche des informations, ils veulent offrir le meilleur résultat possible pour cette recherche.
Cela signifie qu’un site web qui se charge plus lentement et qui provoque de l’irritation, de l’ennui ou l’abandon du visiteur n’est pas un bon résultat pour la requête de recherche saisie.
Vérifiez la vitesse de votre site web
Pour effectuer une bonne mesure de référence, il est important d’effectuer une bonne mesure fiable de la vitesse de votre site web avant d’optimiser quoi que ce soit.
Vous saurez ainsi à quelle vitesse votre site se charge, où se situent les principaux problèmes de vitesse et, par conséquent, les possibilités d’optimisation.
Vous avez peut-être l’impression que votre site est déjà rapide et vous pensez donc que tout va bien, mais attention ! Il s’agit d’une erreur courante, car les navigateurs mettent votre site en cache (le stockent dans une mémoire locale très rapide) et s’assurent que si vous le visitez plus souvent, il se charge très rapidement. Si vous le chargez depuis un nouvel emplacement sur un nouvel appareil, vous constaterez qu’il est toujours considérablement plus lent. Par conséquent, effectuez toujours une mesure indépendante de la vitesse de votre site web.
Mesure indépendante de la vitesse
Pour effectuer une mesure indépendante de la vitesse de votre site web, utilisez l’outil [GTMetrix] (https://gtmetrix.com ).
Cet outil va parcourir votre site web et vérifier la vitesse sur tous les points. Grâce à la méthode de la cascade, vous pouvez facilement voir quels éléments se chargent lentement et il vous donnera même des conseils sur la façon de vous améliorer pour obtenir un meilleur score. Nous en reparlerons plus tard !
Un bon site web doit être entièrement chargé en moins de 2 secondes. Bien sûr, plus c’est rapide, mieux c’est ! Si votre concurrent charge son site en 0,5 seconde et que vous le chargez en 2 secondes, il aura toujours un avantage sur les visiteurs et sur les moteurs de recherche comme Google, BING et autres.
Pourquoi votre site web est-il lent ?
Maintenant que vous avez effectué le test de vitesse du site Web, vous allez vérifier ce qui rend votre site lent et ce que vous pouvez faire pour l’accélérer.
Le rapport GTMetrix vous donnera toutes les informations et les conseils sur ce que vous pouvez faire pour l’améliorer et ce qui est vraiment nécessaire. Je vous explique ci-dessous ce qu’il faut rechercher :
TTFB - Temps jusqu’au premier octet
C’est le temps qu’il faut au serveur pour rendre le premier octet et le présenter à votre navigateur internet. Ainsi, lorsque vous ouvrez un site web, le serveur web exécute et rend les scripts et une fois que c’est fait, votre navigateur en est informé et il commence à télécharger le site web et à l’afficher sur votre écran.
Plus le TTFB est faible, plus le site web apparaîtra rapidement sur votre écran et plus le temps de chargement total de votre site web sera faible.
La TTFB peut être abaissée de plusieurs façons, mais le plus important est d’avoir le serveur le plus rapide possible ou un pack hebergement web extrêmement rapide sur lequel vous hébergez votre site web.
Taille de la page de votre site web
Si votre site Web a un contenu très volumineux ou lourd, comme de grandes images ou beaucoup de photos, de dossiers ou d’autres choses, le téléchargement de votre site Web sur votre navigateur prendra évidemment plus de temps.
En effet, le site est beaucoup plus volumineux qu’un site plus petit ou optimisé et il est donc logique que le téléchargement soit plus long.
Assurez-vous donc toujours que vos images sont optimisées aux bonnes dimensions et, surtout, qu’elles sont stockées localement sur votre serveur ou votre pack d’hébergement web.
Vous pouvez facilement optimiser les images de votre site Web à l’aide d’outils tels que Jpegoptim ou Optipng. Il existe également des plugins pour WordPress qui vous facilitent la tâche, tels que :
- Smush.
- Optimiseur d’image EWW
- Optimus
Vous installez ces plugins et, en quelques clics, vous pouvez scanner l’ensemble de votre site web et faire en sorte que toutes les images soient optimisées. Ensuite, vos images sont entièrement compressées et optimisées et la taille de votre site web sera considérablement réduite.
Configuration du site web
Un site web bien configuré est comme une machine bien huilée. Ils fonctionnent sans problème, réagissent de manière adéquate et sont extrêmement stables.
Il est donc très important que vous configuriez votre site web correctement et que vous vous assuriez qu’il fonctionne de manière optimale. Certains des éléments qu’il est important de vérifier sont les suivants :
- Les paramètres PHP
- La configuration du cache
- Les paramètres GZIP dans htaccess
- Mise à jour complète
Ces paramètres garantissent que votre site Web fonctionne correctement et que les bases d’une vitesse élevée ont été posées. Nous vous expliquerons plus loin dans cet article quels sont les paramètres idéaux !
Scripts externes ou CSS
Si votre site Web utilise des scripts ou des CSS externes, chaque fois que vous consultez une page, ils doivent être téléchargés depuis le serveur/emplacement externe.
Si ce serveur externe est lent à répondre ou ne fonctionne pas du tout, cela aura un effet majeur sur la vitesse et les performances de votre site web.
Par conséquent, essayez d’éviter autant que possible les scripts ou CSS externes et assurez-vous de stocker la plupart d’entre eux localement afin d’être autosuffisant et de ne pas dépendre d’autres emplacements souvent lents.
Plugins mauvais ou obsolètes
Tout comme une voiture, une pièce défectueuse ou obsolète peut causer des problèmes ou ralentir votre voiture. Par conséquent, assurez-vous toujours que votre site Web est construit avec les plugins les plus recommandés sur Internet et assurez-vous également que ces plugins sont entièrement mis à jour, de sorte qu’ils sont sûrs et fournissent également la vitesse la plus élevée pour votre site Web et n’ont plus aucun effet obstructif.
Importance d’un hébergement WordPress rapide comme l’éclair
Le TTFB (Time to first byte) vous permet d’avoir des visiteurs plus satisfaits et donc d’être mieux classé dans les moteurs de recherche tels que Google. Un fait important.
Le serveur ou le progiciel d’hébergement web sur lequel vous avez stocké votre site web, traite l’ensemble de votre site web à chaque consultation de page et présente ensuite le premier octet.
Maintenant, c’est comme avec une voiture de course. Plus le moteur de la voiture est rapide, plus elle peut aller vite. Dans ce cas, plus votre serveur ou votre pack d’hébergement WordPress est rapide, plus il peut traiter rapidement votre site web et plus vite il présentera ce premier octet.
C’est pourquoi il est si important de choisir un hébergement WordPress extrêmement rapide et d’avoir la base de votre site web en bon état.
Bien entendu, il est également important que votre site web soit entièrement optimisé et mis en cache, ce qui permet au serveur ou au pack d’hébergement web de traiter votre site encore plus rapidement. Nous vous expliquerons comment procéder plus loin dans cet article.
Disponibilité et assistance
Lorsque l’on recherche un hébergement WordPress rapide comme l’éclair, il est également important de s’intéresser au temps de fonctionnement et à l’assistance de l’hébergeur.
Vous voulez que votre site web soit disponible à tout moment et que, lorsque les internautes le recherchent, ils voient un site web fonctionnel et non une http 500 erreur ou une http 503 erreur .
Le soutien est également important. Si vous avez une question ou un problème que vous ne parvenez pas à résoudre sur votre site web, vous espérez pouvoir demander à un expert de vous aider à résoudre le problème. Il est donc également très important, lors de la recherche d’un fournisseur d’hébergement web, de regarder les avis sur le fournisseur d’hébergement ainsi que l’aspect général et les heures d’ouverture.
Comment rendre mon site web plus rapide ?
Maintenant, nous arrivons au vrai travail. Vous avez effectué une mesure de référence chez GTMetrix et vous savez ce qu’est votre BTT et où se situent les points sensibles de votre site web.
Nous allons maintenant optimiser votre site web et faire en sorte qu’il soit nettement plus rapide que ceux de vos concurrents, sans codes difficiles et en suivant des étapes simples !
Accélération des étapes du site web
- Mettez à jour votre site web, vos plugins et vos thèmes
- Installez le plugin de mise en cache de WordPress
- Installer le CDN Cloudflare
- Optimiser les paramètres PHP
- Optimisez toutes les images de votre site web
- Nettoyez votre site web
- Optimiser la base de données
- Utiliser le chargement paresseux
- Désactiver le hotlinking
- Ne montrer que des résumés ou des introductions
Mettez à jour votre site web, vos plugins et vos thèmes.
Tout d’abord, il est important de disposer d’une bonne base. Assurez-vous que votre site web est entièrement à jour et que tous les plugins et thèmes sont mis à jour à la dernière version.
De cette façon, tous les problèmes de sécurité sont couverts et vous vous assurez également que tout est équipé des derniers correctifs de vitesse et que votre site Web peut fonctionner à la vitesse maximale.
Installer le plugin de mise en cache de WordPress
Nous en arrivons maintenant à une étape importante qui permettra à votre site Web de gagner énormément en vitesse, à savoir la mise en cache.
La mise en cache est une technique qui permet à votre site web de ne plus avoir à être entièrement rendu / traité. Il fait une copie d’une version déjà traitée de la page et la stocke dans la mémoire rapide.
La prochaine fois que vous consulterez une page, le serveur ne traitera pas l’ensemble du site, mais chargera la page qu’il a déjà mise en cache. Cela permet de gagner beaucoup de temps et de rendre votre site web considérablement plus rapide !
Nous recommandons ce plugin pour la mise en cache de WordPress :
- WP Super cache
Vous pouvez installer ce plugin dans le wp-admin de votre site Web WordPress. Dès que l’installation est terminée, la partie la plus importante va commencer : la configuration.
Configuration de WP Super cache
Pour lancer la configuration après l’installation, allez dans le menu des paramètres de WordPress et cliquez sur WP Super Cache.
Une nouvelle page avec des onglets s’ouvre. Le premier onglet s’appelle : “Easy”. Ci-dessous, j’indique par onglet ce que vous devez régler pour avoir une configuration optimale de WP Supercache.
Réglages de WP Super Cache par onglet
Tab Easy :
- Activation de la mise en cache
- Laissez le reste de la page par défaut
Onglet Avancé :
- Activer la mise en cache
- La méthode de cache est définie comme experte
- Activer la mise en cache pour tous les utilisateurs
- Désactiver les pages en cache avec des paramètres GET
- Vérifier les pages compressées
- Désactiver la reconstruction du cache
- Vérifier les en-têtes HTTP du cache
- Vérifiez le cache du navigateur 304
- Désactiver l’anonymat des utilisateurs connus
- Vérifiez la prise en charge des appareils mobiles
- Décochez le verrouillage grossier des fichiers
- Cliquez maintenant sur le bouton “Mettre à jour le statut”.
- Définir le délai d’attente du cache à 0 seconde
- Cliquez sur Modifier la date d’expiration
Onglet CDN :
- Laissez tout par défaut si vous n’utilisez pas de CDN.
Onglet “Contenu” :
- Ici vous voyez les statistiques du cache. Vous ne pouvez et ne devez rien configurer ici.
Onglet de préchargement :
- Définissez le temps de préchargement des fichiers du cache à 720 minutes afin de recharger le cache toutes les 12 heures.
- Cliquez sur Enregistrer les paramètres
- Cliquez sur “reload cache now” pour que la page soit immédiatement mise en cache.
Le plugin WP Super cache est maintenant configuré de manière optimale et commencera immédiatement à mettre en cache toutes les pages de votre site Web.
Vous pouvez suivre ce processus en direct sur la page Préchargement, mais vous pouvez également voir sur la page Contenu combien de pages au total ont déjà été mises en cache !
Installation d’un CDN Cloudflare
Pour être sûr que votre site Web WordPress se charge très rapidement pour tout le monde, nous allons nous assurer que vous installez un CDN.
Qu’est-ce qu’un CDN ?
L’abréviation CDN signifie : Content Delivery Network. Ce mot signifie que le contenu de votre site web est diffusé par le réseau de distribution, mais qu’est-ce qu’il a de si spécial ?
Un CDN utilise un réseau spécial, un réseau unicast. Ce réseau est si intelligent qu’il garantit qu’un visiteur est toujours dirigé vers le serveur qui a le temps de chargement le plus court.
Ainsi, si vous visitez votre site web hébergé aux Pays-Bas alors que vous vous trouvez aux États-Unis, le CDN veillera à ce que le contenu qu’il a trouvé soit chargé depuis les États-Unis et non depuis les Pays-Bas. Votre site web se chargera ainsi beaucoup plus rapidement, car il ne devra pas télécharger tout le contenu depuis les Pays-Bas, mais le fera très rapidement depuis le pays où vous vous trouvez.
Activation d’un CDN WordPress
Maintenant que vous savez ce qu’est un CDN et surtout quelle est la puissance d’un CDN, nous allons installer un CDN gratuit sur votre site web.
-
Pour ce faire, rendez-vous tout d’abord sur le site Web de [Cloudflare] (https://www.cloudflare.com/plans/free/ ) où vous pouvez créer un compte.
-
Après vous être connecté et avoir vérifié votre adresse électronique, allez dans la rubrique Sites web et ajoutez votre site web actuel.
-
Vous arrivez ensuite aux plans, ou paquets CDN. En bas, sélectionnez le plan GRATUIT, pour pouvoir utiliser Cloudflare gratuitement.
-
Sur la page suivante, Cloudflare récupère et vérifie vos enregistrements DNS. Dans la plupart des cas, vous pouvez simplement passer à la page suivante.
-
L’étape suivante consiste à changer les serveurs de noms de votre nom de domaine pour ceux de Cloudflare. Ils vous indiqueront exactement ce que vous devez modifier et quelles nouvelles valeurs vous devez saisir.
-
Maintenant que vous avez effectué ces changements, votre nom de domaine va commencer à pointer vers les serveurs de Cloudflare. Ils se chargent de la mise en cache de votre contenu et de l’exploitation du CDN, mais veillent également à ce que votre site soit protégé contre les attaques DDoS et autres problèmes de sécurité.
Le site web sera automatiquement compressé et toutes les demandes SSL seront optimisées. En bref, une grande amélioration et c’est complètement gratuit !