[Guide complet] Optimiser la vitesse de chargement d’un site WordPress

Andrei Iordache

Andrei Iordache

Développeur WordPress

🚀 J’aide les gens à être trouvés en ligne | Développement WordPress, Core Web Vitals, Sécurité&Maintenance

Améliorez les performances de votre WordPress en quelques étapes simples

Le CMS WordPress est une plateforme open source étonnante, mais ses performances peuvent parfois être décevantes. Que vous gériez un site d’entreprise ou simplement un blog personnel, l’optimisation de la vitesse de WordPress améliore le temps de chargement de votre site et garantit que vos visiteurs bénéficient de la meilleure expérience possible, aidant ainsi votre site Web à passer le cap de l’accessibilité. Core Web Vitals.

Avant de commencer, voici quelques étapes simples qui vous aideront à mieux optimiser votre site Web WordPress pour des performances optimales:

  1. Installez la dernière version de WordPress.
  2. Mettez à jour les plugins dans leur dernière version.
  3. Choisissez un hébergement rapide pour installer WordPress.
  4. Optimisez les images avant de les télécharger sur WordPress.
  5. Modifiez le fichier wp-config.php avec les paramètres recommandés.
  6. Créez un environnement d’essai pour tester les nouvelles mises à jour des plugins avant de les mettre en ligne sur le serveur de production.
  7. Maintenez tout à jour grâce aux derniers correctifs de sécurité et aux corrections de bogues proposés par les administrateurs de vos plugins et thèmes préférés, ou utilisez des outils comme Sucuri.

Ok, donc ce qui est écrit ci-dessus sont les étapes simples pour optimiser la vitesse du site de votre site WordPress. Vous êtes toujours curieux de savoir comment améliorer les performances de votre site ? Lisez l’article complet ci-dessous.

Comment augmenter la vitesse de votre site – Long guide

WordPress est le CMS le plus populaire sur internet aujourd’hui, représentant au moins 25% de tous les sites web en ligne. Qu’il s’agisse d’une page WordPress personnelle ou d’une boutique en ligne WooCommerce complète, WordPress est un choix judicieux en raison de son vaste choix de modèles, de son confort d’utilisation et de ses fonctions puissantes accessibles grâce aux milliers de plugins qui ont été préparés pour lui.

La réputation de WordPress est stupéfiante, et à ce titre, je traite chaque semaine un bon nombre de questions relatives à WordPress, du plus simple “Comment faire”, jusqu’au débogage plus avancé.

L’un des plus gros problèmes qui se posent d’un site à l’autre est le temps de chargement.

J’ai investi intensément dans le développement d’une infrastructure d’hébergement WordPress qui est aussi rapide que possible – Dernière version du stockage SSD, RAID 10, LiteSpeed WebServer, CloudLinux OS, Maria DB, Cloudflare + w/Railgun, et plus encore. En comparaison avec la plupart des hébergeurs WordPress du marché, ma plateforme pour WordPress est déjà ultra-rapide. Cependant, il y a encore des cas où certains de mes clients ont rencontré des problèmes de vitesse, généralement le résultat d’un trop grand nombre de plugins installés (plus nombreux, installés sans réelle utilité), de plugins gonflés, ou de thèmes non optimisés (oui, cela existe. Faites attention à l’endroit où vous achetez votre thème WordPress).

Avant de commencer, je vous recommande vivement de sauvegarder votre site WordPress !

 


Utilisez un thème WordPress léger et bien optimisé

Sur le marché des thèmes WordPress, vous pouvez trouver des milliers de modèles magnifiques et accrocheurs. La plupart d’entre eux sont mal codés et ralentiront votre site Web. Si vous tenez un blog basique de recettes de cookies, je vous suggère d’utiliser les thèmes WordPress par défaut. Si vous voulez avoir un look plus professionnel, installez un thème premium.


Supprimer les plugins inactifs et inutilisés

Une partie du processus d’accélération consiste à se débarrasser des plugins inactifs ou inutilisés. Vérifiez également si vos plugins actuels fonctionnent correctement et s’ils sont exempts d’erreurs. Tout le monde a tendance à avoir beaucoup de plugins installés sur son site Web. C’est surtout parce que la majorité des plugins WordPress sont GRATUITS.

Ce n’est pas une bonne chose pour la vitesse de votre site Web. Essayez d’installer le moins de plugins possible, et seulement si vous en avez besoin. Si vous installez beaucoup de plugins inutiles, ceux-ci provoqueront une mauvaise latence sur votre site Web et le rendu sera très lent.

Bien sûr, si vous trouvez quelque chose qui vous semble pouvoir aider votre site Web, cela vaut la peine de l’essayer et de le tester pendant un certain temps.

Pour tester la santé des plugins, vous pouvez utiliser ce plugin : Query Monitor . Vous pouvez aussi tenter votre chance avec celui-ci: Download P3 (Plugin Performance Profiler)


Mise à jour du CMS, du thème et des plugins de WordPress

Maintenez votre thème WordPress et vos plugins à jour en permanence. C’est également un bon conseil de sécurité pour les propriétaires de sites Web WordPress.

  1. ***TIP 1: Avant toute mise à jour, faites une sauvegarde de l’ensemble de votre site web.
  2. ***TIP 2 : Avant de mettre à jour quoi que ce soit, vous pouvez développer un deuxième site web de test, pour voir si tout fonctionne bien.

Optimisation des images WordPress

WordPress image compression tips
WordPress image compression tips

1. Taille de l’image :

Le téléchargement d’images de grande taille rendra votre WordPress très lent. Pourquoi télécharger une image de 12MB, alors que l’appareil du visiteur a besoin d’une image de seulement 35kb ! Ayez de la logique, non ? De même, si vous souhaitez héberger des vidéos sur votre site, essayez de les héberger en dehors de votre serveur. Vous pouvez essayer Youtube, Vimeo ou toute autre plateforme vidéo. C’est gratuit et c’est bien.

Par ailleurs, il est rare qu’une image de 12 Mo ait une résolution de, disons, 1925×750. En général, la résolution de l’image sera quelque chose comme 5000×3550. Vous n’avez pas besoin de cela.

Avant de télécharger les images sur votre serveur, je vous conseille vivement d’utiliser un logiciel d’édition de photos. Personnellement, je recommande GIMP. C’est un programme Open Source, très utile pour ce genre de tâches.

Après avoir édité les photos, il est fort possible que vous ne les ayez pas assez redimensionnées. Ne vous inquiétez pas, c’est une chose normale. Pour cela, WordPress est livré avec différents plugins.

Je recommande WP Smush It ou WP Compress. Smush it a aussi une version Premium, mais la version gratuite fonctionne aussi très bien.

2. Format de l’image

Le meilleur format d’image actuel, pris en charge par WordPress, est WebP. Alors, qu’est-ce que WebP ?

WebP est un format d’image moderne qui offre une compression supérieure avec et sans perte pour les images sur le Web. WebP a été développé dans le but de fournir un équilibre entre la qualité et la taille, afin que les grandes images puissent se charger plus rapidement. Grâce à WebP, les webmasters ont pu gagner de l’espace, réduire le temps de chargement des pages et offrir une meilleure expérience utilisateur aux appareils mobiles.

WebP est un format d’image moderne créé par Google en 2010. Son objectif est d’offrir un équilibre entre la qualité et la taille afin que les grandes images puissent se charger plus rapidement sur les appareils mobiles dotés de connexions lentes ou de navigateurs anciens. Il a initialement été introduit comme une option pour Chrome OS en 2013, mais il a été mis à la disposition de tous les utilisateurs de Chrome depuis septembre 2015 (via une mise à jour).

Le plus gros problème avec WebP est que le navigateur Safari ne reconnaît toujours pas ce type de format. Et, oui : une grande partie de votre public utilise le navigateur Safari.

Depuis la mise à jour de WordPress 5.8, WordPress a (enfin) pris la décision de mettre en œuvre le format WebP. Lire ici plus d’informations sur WordPress 5.8: WordPress Tatum

Quoi qu’il en soit, WebP n’est pas le dernier format en date. Vous avez peut-être déjà entendu parler du format Avif. Il s’agit du format le plus récent et vous pouvez réduire considérablement la taille de votre site web en utilisant ce format. Malheureusement, WordPress ne prend pas encore en charge le format Avif.

Vous pouvez lire la suite ici : Avif vs WebP


GZIP Compression

WordPress GZIP Compression
WordPress GZIP Compression

Plus la taille de votre site web sera petite, plus le chargement de l’appareil de votre client sera rapide. Et, de nos jours, plus de la moitié des “joueurs” d’internet utilisent des appareils mobiles, je vous suggère donc de faire des efforts pour proposer un site WordPress de petite taille.

Habituellement, la compression GZIP réduira la taille de votre site web d’environ 55% à 68%. Si la taille de votre site est plus faible, il se chargera plus rapidement.

Il existe un grand nombre de plugins WordPress GZIP gratuits sur le marché. Vous avez la possibilité de choisir librement ce que vous voulez.


WordPress Désactiver le Hotlinking

Le hotlinking est un mot qui décrit l’action suivante : Chaque fois que quelqu’un copie une image de votre site Web et la colle sur son propre site, il utilise les ressources de votre hébergement, et non les siennes. Cela signifie que la bande passante et la mémoire de votre site web seront affectées. Ce n’est pas très grave pour une seule image, mais quand on parle de 1 000 images, c’est mauvais.

L’avantage du Hotlinking, c’est qu’il vous permet d’obtenir des liens retour pour le référencement de ces sites. Mais ce n’est pas garanti.

Pour protéger les images de votre site web et éviter le hotlinking, ajoutez ces lignes dans votre .httaccess WordPress:

<<< COD >>>
RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?EXAMPLE.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/EXAMPLE [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]
>>>COD<<<

J’ai exclu les images de Feedburner, pour qu’elles apparaissent correctement dans vos flux en direct (Facebook, Twitter, etc.).


Mise en cache de WordPress

1. Qu’est-ce que la mise en cache de WordPress ?

La mise en cache de WordPress est une technique qui améliore l’expérience utilisateur en chargeant les ressources statiques telles que les images et les scripts à partir du cache du serveur. Chaque fois que vous mettez à jour le contenu de votre site Web, le cache côté serveur n’apporte que le minuscule code nouvellement inséré, et conserve l’ancienne version dans la même taille et structure.

De nombreux fournisseurs d’hébergement Web proposent un service de mise en cache intégré comme Memcached ou Redis, mais WordPress peut également utiliser ces systèmes. Pour cela, vous devez insérer la commande suivante, dans le fichier wp-config.php:

define('WP_CACHE', true);

Pour être juste, la commande ci-dessus ne fait absolument rien, si ce n’est que WordPress vérifie si wp-content/advanced-cache.php est présent et le charge pour permettre la mise en cache des pages.

WordPress a un cache objet intégré. Il peut fonctionner sans définir WP_CACHE, mais il est non persistant, ce qui signifie que le contenu de ce cache sera supprimé lorsque le navigateur web ou le système s’éteindra.

Néanmoins, il est toujours utile d’utiliser le cache objet intégré de WordPress si vous ne souhaitez pas installer un autre plugin pour la mise en cache.

2. Quels sont les meilleurs plugins de mise en cache pour WordPress ?

Il existe de nombreux plugins, certains gratuits et d’autres payants. Ci-dessous, je vais mentionner une liste avec les plugins gratuits :

a.WP Super Cache

b.W3 Total Cache


Minimisation de JS et CSS

Si vous avez déjà effectué un test de vitesse de WordPress avec Google PageSpeed Insights, GTmetrix, Pingdoom, etc., vous serez peut-être averti que vous devez réduire les fichiers JavaScript et CSS. Cela signifie que vous devez réduire les appels JS et CSS pour diminuer le temps de réponse du serveur. Cela vous aidera également à réduire l’utilisation de la bande passante du serveur.

Il existe de nombreuses façons de réduire les fichiers. Vous pouvez le faire manuellement (ce que je recommande vivement) ou en utilisant un plugin de cache WordPress. Ma deuxième recommandation est d’utiliser le plugin LiteSpeed. Une troisième recommandation est Autoptimize – un bon plugin avec lequel j’ai travaillé dans le passé.


Fichiers WordPress et base de données WordPress dans le même centre de données

La proximité des fichiers et des codes est fortement recommandée, vous devez donc vous assurer que les deux sont hébergés au même endroit. Cela augmentera les performances de votre WordPress et offrira une excellente expérience utilisateur.

Pour savoir si les fichiers et la base de données sont stockés dans le même centre de données, vous pouvez demander à votre fournisseur d’hébergement. Sur mon serveur WordPress Hosting Awesome, je garde les fichiers et la base de données au même endroit, de sorte que les performances des sites web de mes clients sont très bonnes.


N’oubliez pas de nettoyer votre base de données WordPress

En supprimant les données inutiles de la base de données de votre site Web, la taille de celle-ci restera très faible, et les performances de votre base de données seront optimales. Cette action peut également réduire la taille de la sauvegarde de votre site web.

***Rappel*** – Chaque fois que vous faites des actions sur votre site WordPress, FAITES UNE SAUVEGARDE ! Vous me remercierez plus tard.

La plupart du temps, vous nettoierez les brouillons inutilisés de vos articles, mais vous pouvez aussi vous débarrasser des commentaires spam, des faux utilisateurs, etc… . Le nettoyage de la base de données de WordPress va, si vous le faites bien, augmenter la vitesse de votre WordPress.

 


Comment tester la vitesse de mon WordPress ?

Tout d’abord, vous devez examiner la vitesse actuelle de votre site Web. N’oubliez pas que la vitesse peut varier d’un article à l’autre, ou d’une page à l’autre, car elle dépend de plusieurs facteurs :

  • Quelle est la configuration de votre serveur d’hébergement ? Est-elle suffisante pour votre site ?
  • Quel thème WordPress utilisez-vous ? C’est un thème léger ou un thème gonflé (un thème lourd) ?
  • Combien de plugins sont installés ? Combien sont activés ? Combien d’entre eux utilisez-vous réellement sur votre site web ?
  • Combien de contenu avez-vous dans cette page/ce post.
  • Combien de contenus médiatiques avez-vous là.
  • Quel est le type de contenu multimédia : Image ou Vidéo.
  • La taille de cette page particulière ;
  • Le nombre de demandes qu’il génère ;
  • Utilisez-vous une solution de mise en cache pour ce site ?

Pour savoir quelle est la vitesse de votre WordPress, vous pouvez utiliser ces sites web:

La page d’accueil d’un site Web est généralement utilisée comme référence pour tester le temps de chargement. Pour vérifier la vitesse de votre site Web WordPress, les quatre outils suivants sont largement utilisés en ligne et peuvent constituer un bon point de départ :

  1. WebPageTest.org
  2. GTmetrix
  3. Pingdom.com
  4. PageSpeed Insights (Vous trouverez ici des facteurs importants sur ce qui ralentit réellement votre site web)
  5. Web.dev

 

Article précédent
Pourquoi mon site Web n’apparaît-il pas sur Google ?
Article suivant
Guide rapide sur la gestion d’un site Web WordPress
Lusi StudiosLusi Studios
15:32 22 Jun 22
Andrei did an amazing job! He helped in a very rushed time and he excelled at everything. Thanks again!
I am grateful and I would to thank Websites Seller for their support in site recovery and site transfer. Websites Seller just saved my business. Thank you!
Wouter GhysensWouter Ghysens
11:52 10 Sep 21
Looking for a Wordpress transfer from site A to site B, I found back Andrei from Wesites Seller on Google.He was very proactive in his approach, came with hundreds of ideas and lifetime experiences from other migrations. He knows the wordpress, the hosting and php database as the back of his pocket.And we worked out this migration very smooth. Together we solved it, and myself and my business are very pleased with his approach.100% recommendation & kudo's from out of Belgium!
Ioachim CiobanuIoachim Ciobanu
18:39 14 Jul 21
Websites Seller built my resume site. Deliverables were quickly completed, and I was asked for my feedback at each stage of development. All feedback I gave was implemented in a short time.Another great thing is that he comes with smart solutions, regarding stuff which I didn't initially think of (site security, Google site speed optimization and so on). Basically, he was great, staying in touch, keeping me updated and paid attention to what was most important for my site.Overall, I am very happy with the work done. I highly recommend this developer!
K CollinsK Collins
09:11 19 May 21
I needed help with website speed - to improve my core web vitals - without compromising the usability of my site. Andrei was extremely responsive, proactive and fast. And more importantly, he increased by website speed. Highly recommend him, and I will be using him going forward on all my projects.

Services

WordPress Website Maintenance Services

Services de maintenance WordPress

Service de maintenance de sites Web WordPress qui fournit des sauvegardes en nuage, une assistance d’urgence, des mises à jour hebdomadaires du site Web, la vitesse et bien d’autres choses encore.

sally

Service de migration WordPress

Transférez en toute sécurité votre site Web WordPress vers un nouvel emplacement pour 75 $. … Migrez votre site Web vers son nouvel hôte.

lawyer-office

Conception de sites Web pour avocats

Nous sommes spécialisés dans la conception de sites Web, le marketing Internet et le référencement pour les avocats et les juristes en Europe et aux États-Unis.