Jeweb.xyz
WordPress

Diminuer le temps de chargement de son site WordPress

Diminuer le temps de chargement de son site WordPress

Le temps de chargement d’un site est un critère important pour ses visiteurs. Quand on cherche une information sur internet on veut la trouver rapidement. La vitesse de chargement est également un critère de référencement naturel pris en compte par Google. Alors, dans cet article nous allons voir comment on peut réduire le temps de chargement d’un site WordPress

Tester le temps de chargement de son site

Certains outils permettent de tester gratuitement la rapidité d’un site web. Ils permettent d’avoir un aperçu du temps de chargement mais surtout ils donnent quelques suggestions d’amélioration.

C’est par exemple le cas de PageSpeed Insights un outil proposé par Google lui-même. En analysant un site à l’aide de cet outil Google nous donne une note sur 100 en fonction du temps de chargement. Bien entendu, plus la note élevé, plus c’est bon signe.

À vrai dire Google donne même deux notes, une pour le temps de chargement sur mobile et l’autre sur ordi. Et il ajoute une liste de suggestions d’amélioration qui peuvent déjà donner des bonnes pistes à explorer pour améliorer la vitesse d’un site.

PageSpeed Insight - Outil de test de vitesse de chargement par Google

Il va falloir améliorer ces résultats…

Trois autres outils de tests de rapidité sont mentionnés très régulièrement, il s’agit de GTMetrixWebPageTest et Pingdom Website Speed Test. Si vous les utilisé pensez à sélectionner un serveur proche de l’endroit où est hébergé votre site.

Réduire le temps de chargement d’un site WordPress

Supprimer certains plugins

Quand je vois un site WordPress qui se charge lentement, la première chose que je regarde ce sont les plugins. Les plugins ont un impact sur le temps de chargement, donc il faut régulièrement vérifier leur utilité et supprimer ceux qui ne servent à rien.

Certains plugins sont particulièrement longs à charger. Il faut essayer de les repérer et de voir si il n’y a pas moyen de s’en passer, ou de les remplacer par un plugin plus performant. Souvent les plugins qui ralentissent le plus les sites WordPress sont des plugins liés aux réseaux sociaux, à la publicité, à l’affichage de statistiques, etc… En fait ce sont des plugins qui font appel à des ressources externes. On ne peut pas toujours se passer de ce genre de plugins, mais on peut essayer de trouver mieux.

Il existe un plugin qui permet de tester le temps de chargement des autres plugins. C’est P3 (Plugin Performance Profiler). Mais ces durant ces derniers mois ce plugin semble être devenu moins performant.

P3, un plugin WordPress pour tester la rapidité des autres plugins

Utiliser un plugin de mise en cache

Après une première visite sur un site, le cache de notre navigateur peut garder en mémoire certains éléments présents sur toutes les pages d’un site (logo, menu principal, etc..). Ainsi le navigateur peut charger plus rapidement ces mêmes éléments lors des prochaines visites. Et pour profiter de cet avantage il faut activer la mise en cache sur son site. C’est un critère qui sera apprécié par les visiteurs qui consulteront plusieurs pages d’un même site et/ou qui reviendront le visiter plus tard.

Pour demander au navigateur de mettre en cache un site on peut tout simplement utiliser un plugin WordPress. Les plugins de mise en cache sont nombreux, mais deux d’entre-eux ont l’air de sortir du lot. L’un est gratuit, il s’agit du plugin WP Super Cache. Et l’autre est un plugin premium, à partir de 39$, il s’agit de WP Rocket.

Bien entendu si je vous parle de WP Rocket, qui est payant, c’est par ce qu’il est plus performant que WP Super Cache et que tous les autres plugins gratuits similaires.

Tableau comparatif des plugins de mise en cache

Pour voir entièrement le tableau comparatif ci-dessus cliquez sur ce lien : https://wp-rocket.me/fr/fonctionnalites/.

Si vous ne souhaitez pas acheter le plugin WP Rocket, alors il faut choisir WP Super Cache. Il a l’avantage d’être gratuit tout en étant relativement performant. Pour configurer WP Super Cache je vous conseil de jeter un œil au tutoriel suivant : https://www.notuxedo.com/wp-super-cache-wordpress/.

Ces deux plugins vous permettront également de diminuer le poids des fichiers HTML, CSS et JavaScript de votre site. Ce qui vous permettra là aussi de diminuer le temps de chargement. WP Rocket propose pas mal d’options intéressantes, mais il faut penser à bien sauvegarder son site avant de jouer avec ce plugin et prendre le temps de lire sa documentation en ligne.

Réduire le temps de chargement des images

Les images ont un impact négatif sur le temps de chargement d’un site. On ne peut pas faire un site en image, ça serait trop triste, mais on peut au moins essayer d’optimiser ça.

Dans un premier temps on peut commencer par simplement réduire le poids des images que l’on utilise. Premièrement en choisissant les bons formats. Moi j’ai tendance à utiliser beaucoup d’images au format « .png », mais le mieux c’est de convertir un maximum d’images au format « .jpg ». Le JPG fait perdre un peu de qualité aux images, mais c’est un format plus léger.

Pour diminuer le poids des images on peut également réduire leurs dimensions. Il est possible également de compresser les images. Soit grâce à des outils comme Photoshop, soit via des outils en ligne comme TinyPNG.

Un plugin qui m’a permis de diviser par 2 le poids de mes images

Il existe également des plugins WordPress qui s’occupent de compresser les images à notre place. Le meilleur que j’ai trouvé est le plugin imagify. Plugin qui a été conçu par les créateurs de WP Rocket dont je vous ai parlé précédemment.

Compresser les images avec le plugin Imagify

Ce plugin propose une version gratuite, mais limitée en nombre de « crédits » (on utilise des crédits à chaque compression). Je viens de tester à l’instant même ce plugin. Dans le cas de Jeweb.xyz la version gratuite à très largement suffit à compresser toutes mes images (103 au total). Et je pense que je n’aurais pas besoin de souscrire à la version payante avant un bon bout de temps.

Concernant le résultat… c’est balèze. Au total, la compression des images de mon blog à réduit leur poids total de 58%, et concernant la qualité des images elle reste toujours correcte. De toute façon, Imagify permet de restaurer les images si on n’est pas satisfait de la qualité obtenue. Et propose aussi plusieurs qualité de compression (Normal, Agressif et Ultra).

58% de poids en moins grâce à Imagify

Génial non ? 😀 Et il me reste assez de crédits pour pouvoir compresser 100 images de plus. Et il me semble que chaque mois les crédits sont rechargés… à vérifier.

Pour utiliser ce plugin téléchargez le directement depuis votre manager WordPress. (« Extensions > Ajouter > Rechercher : Imagify ») Ensuite il vous suffira de renseigner votre adresse email et vous recevrez alors une clef d’activaion par email directement. Concernant les réglages, vous verrez ils sont assez simples. Moi j’ai laissé les réglages par défaut. 🙂

Le « Lazy-loading »

En ce qui concerne le chargement des images, il existe une solution d’optimisation particulièrement efficace : le lazy- loading. Le lazy-loading permet de charger les images d’un site quand celles-ci sont visibles par les internautes. C’est à dire qu’au lieu de charger toutes les images d’une page d’un seul coup, celles-ci vont plutôt se charger une par une au moment où les visiteurs arriveront à leur niveau.

Cette technique peut vraiment faire une grosse différence dans le temps chargement d’un site. Pour mettre en place un « lazy load » on peut encore une fois utiliser le plugin WP Rocket qui le propose dans ses options de base. Par défaut cette option n’est pas activée.

LazyLoad par WP Rocket

Si vous n’avez pas acheté le plugin WP Rocket pas de soucis il existe plusieurs plugins gratuits qui propose ce service. Dont un plugin créé par la même qui société qui a créé WP Rocket, il s’agit de Rocket Lazy Load.

Rocket Lazy Load pour charger les images en différé

Supprimer les révisions des pages

Sur WordPress, à chaque fois que l’on modifie une page l’ancienne version est conservée dans la base de données. Grâce à ça on peut facilement revenir en arrière, revenir à une version précédente d’un article, d’une page, si l’on n’est pas satisfait de la dernière modification que l’on a apporté.

Le problème c’est que les révisions peuvent devenir très nombreuses et occuper beaucoup d’espace dans la base de données. Et cela peut impacter négativement le temps de chargement d’un site. Pour régler ce problème, on peut dans un premier temps faire du nettoyage et supprimer toutes les révisions que l’on a accumulé au fil du temps.

Pour faire ce nettoyage on peut encore une fois utiliser le plugin premium WP Rocket.

Effacer les révisions avec WP Rocket

Mais il existe également un plugin gratuit qui permet de faire la même chose. Il s’agit du plugin WP Optimize.

Plugin WordPress pour nettoyer la base de données

Limiter ou désactiver les révisions

Pour plus de simplicité on peut également désactiver les révisions, ou bien les limiter à un certain nombre par page/article. Pour cela il faut suffit d’ajouter une ligne de code dans le fichier wp-config.php du site concerné. Fichier accessible à l’aide d’un client FTP comme celui proposé par le logiciel FileZilla, ainsi que les identifiants de connexion que l’on a reçu par email lorsque l’on a pris un hébergement pour le site concerné.

Accéder au fichier wp-config.php d'un site WordPress

Là encore pensez à sauvegarder votre site si vous avez peur de faire une connerie.

Si on veut désactiver les révisions, il faut insérer ce code :

define('WP_POST_REVISIONS', false);

Ou alors, si on souhaite seulement limiter le nombre de révisions il faut installer le code suivant, accompagné du nombre de révisions que l’on souhaite garder, « 2 » dans cet exemple :

define('WP_POST_REVISIONS', 2);

Pour que cette modification fonctionne correctement, insérez la ligne de code au dessus de la ligne : « /** Chemin absolu vers le dossier de WordPress. */ ». Comme ceci :

Insérer la ligne de code dans wp-config.php pour désactiver les révisions

Conclusion : un site WordPress qui se charge plus rapidement

Et voila c’est ici que se termine cet article. En ce qui concerne Jeweb.xyz les différentes solutions présentes dans cet article ont permis de réduire son temps de chargement :

Temps de chargement réduit après les améliorations

Pour gagner autant de points aussi facilement j’ai utilisé le plugin WP Rocket. Ça m’a donc coûté des sous, mais au moins maintenant je suis tranquille. On peut quand même obtenir un très bon résultat avec les plugins gratuits. Bon après je n’ai pas réussi à obtenir un 100/100, mais je suis plutôt content du résultat quand même. 😀

Si cet article vous a été utile, n’hésitez pas à le partager sur les réseaux sociaux, ou à vous abonner à la page Facebook de Jeweb pour être tenu informé lors de la publication de nouveaux contenus.

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.