Tutoriel : comment améliorer la vitesse et les performances d’un site ?

Tutoriel : comment améliorer la vitesse et les performances d’un site ?

Vos visiteurs et vous même trouvez que votre site Internet est trop lent à charger ? Cela peut arriver et les causes peuvent être nombreuses. C’est pourquoi nous allons vous présenter un certain nombre d’étapes simples à réaliser afin d’optimiser la vitesse et les performances de votre site Internet sur WordPress.

Nous allons nous attarder sur WordPress car c’est le CMS le plus utilisé actuellement lorsqu’il s’agit de créer un site web mais sachez que la plupart de nos conseils s’appliquent parfaitement à d’autres CMS comme Joomla, Drupal, etc.

© Presse-Citron

Pourquoi la vitesse d’un site WordPress (ou autre) est importante ?

L’optimisation de la vitesse d’un site que ce soit sur WordPress ou tout autre CMS est quelque chose d’extrêmement important.

C’est en effet un facteur qui va influer sur deux aspects en particulier :

Pour revenir sur le premier aspect, sachez qu’un visiteur qui doit attendre plusieurs secondes avant qu’un site charge complètement va avoir tendance à repartir plus rapidement, à consulter moins de pages, et surtout à convertir moins bien.

Un visiteur s’attend à ce que la vitesse de votre site WordPress lui permette d’accéder à une page en moins de 2 secondes. Si ce n’est pas le cas, dans plus de 40% des cas, ce dernier va simplement refermer votre site et aller voir ailleurs.

En plus de cela, et comme précisé plus haut, le fait de ne pas chercher à optimiser le temps de chargement de votre site va influencer de manière négative son référencement.

Google va encore accentuer la prise en compte du critère de vitesse pour son référencement. Il ne faut donc absolument pas négliger cela. Plus votre site est lent, plus il aura de chances d’être mal considéré par le moteur de recherche.

Si par contre vous prenez le temps d’optimiser et améliorer la vitesse de votre site WordPress, l’effet sera inverse et vous aurez de grandes chances d’améliorer le référencement de votre plateforme et donc d’attirer encore plus de visiteurs (cf notre tutoriel sur WordPress et le SEO).

Guide complet pour améliorer les performances et la vitesse d’un site WordPress

Maintenant que vous savez pourquoi il est plus qu’important d’améliorer la vitesse de votre site, nous allons pouvoir vous détailler la démarche d’optimisation à suivre.

En mettant en place la plupart voire tous les points listés à la suite, vous allez obligatoirement accélérer la vitesse de votre site WordPress.

Choisissez un hébergeur web performant : c’est le plus important !

Choisir un hébergement web rapide est la chose qui va avoir le plus d’influence sur les performances générales de votre site WordPress.

Pour cette raison il est important de prendre le temps d’analyser le marché et d’opter pour un hébergement web de qualité… quitte à payer un peu plus cher.

Si vous voulez améliorer la vitesse de votre site WordPress, nous vous conseillons d’opter pour les meilleurs hébergeurs WordPress.

Nous pouvons vous recommander tout particulièrement les hébergeurs Hostinger et PlanetHoster.

Avantages de l’hébergement WordPress de Hostinger © Presse-citron

Après de nombreux tests réalisés sur notre site de test, nous avons pu déterminer qu’ils étaient les hébergeurs les plus performants en 2022.

Et vous connaissez la meilleure ? Leurs offres restent malgré tout abordables. En optant pour ces deux hébergeurs, vous allez améliorer la vitesse de votre site WordPress sans vous ruiner.

Cela sera encore plus le cas si vous utilisez notre code promo Hostinger (-10% sur tous les hébergements) ou notre coupon PlanetHoster (-25% sur ses hébergements).

Si vous avez envie de changer d’hébergement web dès à présent, sachez que Hostinger et PlanetHoster proposent de transférer votre site gratuitement.

Utilisez un plugin de cache

La deuxième chose à faire pour optimiser la vitesse et les temps de chargement de votre site est d’installer un plugin WordPress permettant de gérer le cache.

En utilisant un plugin de gestion de cache vous allez généralement pouvoir augmenter sa vitesse de 2 à 5 fois.

Il existe énormément de plugins de gestion de cache sur WordPress. Après en avoir testé un très grand nombre, nous vous recommandons tout particulièrement d’opter pour :

Peu importe votre choix, sachez que ces extensions WordPress vont vous donner la possibilité d’optimiser au maximum la vitesse de chargement de votre site.

Vous allez pouvoir influer sur des paramètres comme le cache, l’optimisation du code CSS, JS, l’optimisation des images, et plus encore.

Nous vous recommandons cependant d’opter pour le plugin LiteSpeed Cache car il est pour nous le plus plugin de cache le plus complet et surtout le plus efficace lorsqu’il s’agit d’améliorer la vitesse d’un site WordPress.

Tutoriel : comment améliorer la vitesse et les performances d’un site ?

Si vous ne voulez pas payer pour l’obtenir, sachez que l’hébergeur Hostinger le propose gratuitement avec ses hébergements.

Visiter le site de Hostinger

Optimisez vos images pour améliorer la vitesse de votre site

Votre site Internet contient un grand nombre d’images ? Si c’est le cas, il va falloir penser à les optimiser afin de réduire leur taille.

Les images sont dans beaucoup de cas la cause n°1 des lenteurs détectées sur un site WordPress.

Avant de mettre en ligne sur votre site une photo ou une image, veillez à les retoucher sur un éditeur (Photoshop, etc) afin de réduire leur taille et format.

Nous vous conseillons de n’utiliser que des images au format .JPEG ou .PNG.

Une fois que vous aurez réduit la taille de votre image (en pixels) ainsi que le format, sachez que vous pourrez encore pousser plus loin l’optimisation.

Pour ce faire, vous allez encore une fois pouvoir vous appuyer sur des extensions (cf notre classement des meilleurs plugins WordPress).

Certains plugins de cache incluent cette fonctionnalité. Si ce n’est pas le cas de l’extension que vous utilisez, alors vous pouvez utiliser le plugin Smush.

C’est une extension gratuite et disponible sur WordPress qui va compresser la taille de vos images de manière automatique (dès que vous allez les mettre en ligne sur votre site). Vous n’aurez donc rien de spécial à faire.

Le plugin Smush va réduire de plusieurs centaines de mégaoctets la taille de vos images. Et qui dit réduction du poids d’un fichier, dit grande amélioration du temps de chargement de votre site !

Voici la preuve en image :

© Presse-Citron

Utilisez un CDN (Content Delivery Network)

Si votre site Internet a pour but de viser des utilisateurs localisés un peu partout dans le monde, il est important d’utiliser un CDN. On vous explique.

Votre site va par exemple être hébergé dans un datacenter en France. C’est en tout cas l’option recommandée si vous visez des utilisateurs français. Dans ce cas précis si quelqu’un localisé aux États-Unis tente d’accéder à votre site, il risque de devoir faire face à des vitesses plutôt lentes.

C’est normal puisque les données vont devoir parcourir une plus grande distance (USA > France > USA).

Pour remédier à cela et ainsi améliorer la vitesse de votre site WordPress, il faut configurer et utiliser un CDN.

Pour ceux qui ne savent pas ce qu’est un CDN (Content Delivery Network), c’est un réseau de serveurs répartis à travers le monde qui vont tous stocker des fichiers/images de votre site web.

Grâce à cela dès qu’un visiteur localisé à l’autre bout du monde va tenter d’accéder à votre site, votre CDN va déterminer quel est son serveur le plus proche du visiteur en question et charger votre site à partir de celui-ci.

Explication du fonctionnement d’un CDN © Cloudflare

Tout cela va drastiquement réduire le temps de chargement de votre site Internet et donc en améliorer les performances.

Nous pouvons vous recommander d’utiliser les CDN suivants :

Optez pour un thème WordPress optimisé d’un point de vue performances

L’optimisation de la vitesse d’un site WordPress se joue à absolument tous les niveaux. Même en ce qui concerne le choix du thème WordPress.

Il faut absolument privilégier des thèmes légers, bien optimisés et qui ne génèrent pas plusieurs centaines de requêtes différentes.

Évitez dans la mesure du possible les thèmes complexes, surchargés en animations et autres fonctionnalités peu utiles.

Comme nous avons pu le prouver dans notre comparatif des meilleurs thèmes WordPress gratuits, il est parfaitement possible de trouver des thèmes optimisés pour la vitesse sans se ruiner.

Histoire de vous aiguiller au mieux, voici quelques noms à considérer :

Optimisez votre base de données WordPress

L’optimisation de la base de données WordPress est quelque chose à faire absolument si vous voulez améliorer la vitesse de votre site.

Pour y arriver vous n’avez pas forcément besoin d’avoir des connaissances pointues en base de données.

Vous allez tout à fait pouvoir réaliser cette optimisation au travers de plugins.

L’extension de cache LiteSpeed que nous avons pu vous recommander un peu plus haut propose une telle chose.

Optimisation de base de données via le plugin LiteSpeed Cache © Presse-Citron

Grâce à elle vous allez pouvoir nettoyer votre base de données, nettoyer les données minifiées/combinées, mais aussi vider le cache du site.

Sinon parmi les très nombreux plugins d’optimisation WordPress, nous pouvons aussi vous conseiller WP-Optimize. Il est 100% gratuit.

Ce qui est aussi le cas de LiteSpeed Cache dans le cas où vous opteriez pour l’un des hébergements proposés par Hostinger.

Visiter le site de Hostinger

Sachez en tout cas que peu importe le plugin que vous allez choisir, le fait d’optimiser votre base de données WordPress va grandement améliorer la vitesse et les performances de votre site web.

N’utilisez pas trop de plugins et utilisez les plus rapides

Le fait d’utiliser trop de plugins peut ralentir votre site Internet et donc impacter sa vitesse.

Maintenant cette affirmation est très souvent vraie dans le cas où vous n’utiliseriez pas des plugins développés proprement et surtout optimisés.

Prenez donc bien le temps de comparer les plugins qui peuvent répondre à vos besoins et lisez les avis si vous le pouvez.

Ainsi vous allez pouvoir constater rapidement si un problème de lenteur va se poser ou non avec tel ou tel plugin.

N’hésitez pas non plus à installer un plugin, à le configurer, puis à réaliser un test de vitesse pour votre site. Comparez les résultats de vos tests avant et après installation du plugin en question et tirez vos propres conclusions.

Ne téléchargez pas de vidéos directement sur votre site

Une erreur que l’on retrouve souvent sur les sites Internet concerne l’ajout de vidéos et de fichiers audios.

Vous avez sûrement déjà remarqué que WordPress vous donne la possibilité de télécharger et mettre en ligne des vidéos. Ne le faites pas !

Copiez simplement l’URL de la vidéo YouTube (ou toute autre plateforme de streaming) dans votre éditeur d’article et de page. WordPress va s’occuper du reste.

Sachez cependant que le système proposé par WordPress n’est pas parfait.

Si vous voulez encore un peu plus optimiser la vitesse de votre site et surtout l’expérience utilisateur, vous allez pouvoir utiliser un plugin.

Nous vous recommandons dans ce cas précis d’utiliser l’extension appelée “Lazy Load for Videos”. Il va vous aider à améliorer encore un peu plus les performances de votre plateforme.

Faites usage du “Lazy Load” pour optimiser la vitesse de votre site WordPress

Cela nous amène à la dernière partie de notre guide vous expliquant comment optimiser la vitesse d’un site WordPress.

Si vous êtes amené à insérer un grand nombre d’images et de vidéo sur les articles de votre site, il peut être intéressant de mettre en place le Lazy Load (chargement fainéant ou différé en français).

En quoi cela consiste ? Eh bien le système de Lazy Load va permettre de ne pas charger toutes les images d’une page de votre site à son ouverture.

Le chargement des images et vidéos s’effectuera au fur et à mesure que vos visiteurs vont parcourir les pages de votre site.

Cela aura pour effet de limiter la quantité d’images chargées (puisque vous ne chargerez que ce qui est nécessaire) et donc d’améliorer la vitesse de chargement de votre site.

Certains plugins de mise en cache proposent cette option de Lazy Load. C’est par exemple le cas de LiteSpeed Cache qui, pour rappel, est disponible gratuitement avec les hébergements de Hostinger.

Visiter le site de Hostinger

Action de l’option Lazy Load de LiteSpeed Cache © Presse-Citron

Comment mesurer la vitesse et les performances de votre site ?

Après avoir suivi l’ensemble des étapes listées précédemment, les performances de votre site WordPress vont forcément s’être améliorées.

Pour confirmer cela, il va falloir tester la vitesse de votre site. De nombreux sites existent dans ce cadre là.

Nous vous recommandons tout particulièrement d’utiliser :

Ce sont deux outils totalement gratuits qui vont vous donner la possibilité de tester et d’évaluer la vitesse de votre site. Et cela à partir de plusieurs localisations (en Europe, aux États-Unis, en Asie, etc).

De cette manière vous pourrez connaitre en quelques secondes à peine l’expérience de navigation que votre site va offrir à ses visiteurs à travers le monde.

Voici un aperçu des résultats que vous allez obtenir :

Test de vitesse réalisé sur GTMetrix © Presse-citron

Test de vitesse réalisé sur Pingdom © Presse-citron

Prêtez une attention toute particulière au temps de chargement de votre site. Si il est de l’ordre de plusieurs secondes, c’est le signe qu’il va falloir optimiser la vitesse de votre site.

Et si vous avez déjà des résultats comme nous avons pu obtenir sur les screenshots ci-dessus, alors c’est que votre site WordPress (ou autre) est déjà rapide et qu’il ne reste plus grand chose à faire.

Conclusion

Comme vous avez pu le constater tout au long de notre guide, il y a énormément de choses qui entrent en compte au moment d’optimiser et d’accélérer la vitesse d’un site.

L’aspect le plus important à ce niveau reste malgré tout la qualité de votre hébergement. Sans un hébergeur web performant, vous aurez beau tout mettre en place, votre site restera lent.

C’est pourquoi il ne faut surtout pas lésiner sur les moyens au moment de souscrire à un hébergement web.

Pour mettre toutes les chances de votre côté nous vous conseillons vivement les hébergements de Hostinger.

Ils sont optimisés pour des CMS comme WordPress et vont vous permettre de profiter gratuitement d’un plugin de gestion de cache normalement payant (LiteSpeed Cache).

Visiter le site de Hostinger

Pour rappel ce dernier va vous aider dans l’amélioration de la gestion du cache de votre site, l’optimisation des images, la mise en place du Lazy Load… et plus encore !

FAQ sur l’amélioration de la vitesse d’un site Internet

Qu’est-ce qu’un site web rapide ?

Un site Internet que nous jugeons être rapide devra charger en intégralité en moins d’une seconde. C’est pour nous la définition d’un site Internet avec une vitesse satisfaisante. Si votre site met actuellement plus de 3 secondes à charger, nous vous recommandons de venir faire un tour sur notre tuto complet afin de mieux comprendre comment vous pourriez améliorer cela !

Quel est le facteur n°1 pour améliorer la vitesse d’un site ?

Il n’y a pas de vérité générale. Maintenant, très souvent, la lenteur d’un site peut être causée par l’hébergeur web. Si celui-ci vous propose un plan d’hébergement à la puissance et/ou aux fonctionnalités limitées, les lenteurs peuvent venir de lui. Cela peut aussi venir de la gestion du cache de votre site (qui est inexistante ou mal configurée). Nous vous conseillons donc d’opter pour un hébergeur web performant (Hostinger est notre recommandation actuellement) et d’un système de gestion de cache efficace afin d’optimiser la vitesse de votre site.

Pourquoi mon site est lent ?

La cause de ces lenteurs peut s’expliquer de différentes manières. Regardez du côté de votre hébergeur web, de votre plugin de gestion de cache, des images hébergées sur votre site, ou encore du nombre de plugins installés. Pour retrouver encore plus de pistes, nous vous conseillons de venir lire notre guide détaillé. Vous aurez ainsi tous les éléments en main afin de déterminer la cause des lenteurs qui touchent votre site.

Comment tester la vitesse d’un site web ?

Il existe pas mal de plateformes qui permettent de tester la vitesse (et donc le temps de chargement) de votre site Internet. Les plus populaires et celles que nous recommandons d’utiliser sont les suivantes : GTMetrix et Pingdom. GTMetrix reste notre plateforme favorite car elle va vous permettre d’obtenir une évaluation vraiment poussée concernant la cause des lenteurs que votre site peut rencontrer. De plus, vous allez avoir la possibilité de choisir la localisation physique depuis laquelle ces tests devront être réalisés (ce qui permet de vous adapter à la clientèle visée – si jamais vous veniez à ne pas être situé dans le pays que vous souhaitez toucher avec votre site). Car oui, la distance est un facteur auquel il faut tenir compte afin d’optimiser la vitesse de votre site Internet.

Mots clés: