Accélérer votre site Web WordPress. Depuis que Google a annoncé l’introduction de la vitesse des pages comme l’une des mesures permettant de déterminer le classement SEO, les propriétaires de sites ont fait de la rapidité de chargement de leurs sites Web l’une de leurs principales priorités.
Les temps de chargement des pages déterminent également si les visiteurs abandonnent avant le chargement complet de la page. Avec un site Web à chargement lent, vous pouvez perdre une quantité importante de trafic et de conversions.
Dans ce guide, nous allons discuter d’une liste d’actions que vous pouvez prendre pour accélérer votre site Web WordPress.
Pourquoi la vitesse des pages est-elle importante ?
Il y a deux raisons principales pour lesquelles la vitesse des pages est importante pour vous en tant que propriétaire de site.
Premièrement, la vitesse des pages a un impact sur votre classement dans les moteurs de recherche. Si deux sites Web sont comparables dans tous les autres aspects du référencement, les moteurs de recherche pénalisent le site le plus lent. L’ampleur de la pénalité appliquée par les algorithmes de classement des pages n’est pas claire, mais c’est une bonne idée d’optimiser chaque aspect de votre site Web pour la vitesse.
Deuxièmement, les utilisateurs en ligne ont une durée d’attention relativement courte. À moins qu’ils ne veuillent vraiment consulter votre contenu, les chances qu’un visiteur quitte votre site avant qu’il ne se charge augmentent à chaque seconde. Ils peuvent également abandonner leur panier si le processus de paiement ultérieur est lent – par exemple, une étude de Pingdom a montré que 38 % des visiteurs ont quitté les sites Web dont le chargement prenait cinq secondes ou plus.
En somme, des temps de chargement plus rapides vous aident à obtenir un meilleur classement dans les moteurs de recherche et à générer plus de pages vues et de conversions. En outre, l’expérience de l’utilisateur s’en trouve améliorée.
Voyons maintenant quelques outils que vous pouvez utiliser pour mesurer le temps de chargement des pages.
Comment mesurer la vitesse d’une page ?
Avant d’examiner les différentes techniques permettant d’accélérer votre site Web, vous devez d’abord prendre du recul et évaluer la situation actuelle. Cela peut vous aider à comprendre dans quelle mesure vous devez optimiser votre site Web.
En testant votre site Web avant de l’optimiser, vous disposez également d’un point de référence auquel comparer les résultats des tests futurs. Voyons maintenant quelques outils de test qui peuvent vous aider à évaluer votre site Web en fonction de vos besoins, de votre budget et de votre technologie.
GTmetrix
GTmetrix est un outil gratuit, basé sur le Web, qui permet d’évaluer les performances de votre site Web WordPress. Il suffit de se rendre sur la page d’accueil de GTmetrix et d’entrer l’URL pour tester un site Web. Vous ne pouvez pas définir la région du serveur de test et les paramètres du navigateur dans la version gratuite, mais la version payante vous donne plus de contrôle et la possibilité de conserver un historique.
GTmetrix renvoie trois mesures clés :
- Le temps de chargement des pages
- Taille totale de la page
- Le nombre total de requêtes HTTP
Dans ce guide, nous allons voir comment optimiser tous ces paramètres.
PageSpeed Insights
PageSpeed Insights est un outil Web gratuit développé par Google Developers qui vous permet d’évaluer les performances de votre site Web. Il vous suffit d’entrer votre URL pour commencer les tests.
L’offre clé de PageSpeed Insights est axée sur les appareils mobiles. Un site Web peut se comporter de manière très différente sur un appareil mobile et sur un ordinateur de bureau. Bien que vous ne puissiez pas contrôler l’appareil sur lequel le test est effectué, le point de référence fourni par cet outil aide à l’optimisation globale.
WebPageTest
WebPageTest est un outil gratuit et open-source pour tester les performances de votre site web. Il vous donne beaucoup plus de contrôle sur l’environnement de test.
Non seulement vous pouvez décider de l’appareil et de l’emplacement à partir desquels le test est effectué, mais vous pouvez également élaborer des tests étape par étape pour générer des métriques personnalisées pour votre site Web.
Maintenant que nous avons brièvement discuté des outils qui peuvent vous aider à identifier la vitesse de votre site Web, voyons comment vous pouvez accélérer votre site WordPress.
1. Choisissez un hôte Web rapide
Lorsqu’un visiteur arrive sur une page de votre site Web, son navigateur envoie une requête à votre serveur pour afficher cette page. Le temps que met le serveur à répondre influence fortement le temps d’attente du visiteur. Indépendamment de l’efficacité de votre site web, les performances du serveur web déterminent de manière critique la rapidité avec laquelle la demande d’un visiteur est traitée.
Avant de choisir un hébergeur, vous devez d’abord sélectionner le type d’hébergement que vous recherchez. Vous contentez-vous des performances relativement lentes d’un hôte partagé ou avez-vous besoin d’un hébergement WordPress dédié et spécialisé ? Le choix est généralement un compromis entre le coût et la vitesse.
Voici notre guide complet pour choisir l’hôte le plus rapide pour WordPress. En bref, je recommande SiteGround si vous recherchez une solution économique mais fiable. Si vous voulez les meilleures performances et que le budget est moins important, vous devriez essayer l’hébergement WordPress géré de Kinsta.
2. Utilisez un thème léger et flexible
Le thème que vous choisissez pour votre site WordPress contribue de manière significative à la vitesse des pages. Étant donné que la plupart des propriétaires de sites ne modifieraient pas un thème WordPress pour en améliorer les performances, il est important de choisir un thème efficace et rapide à charger.
La règle générale est de sélectionner un thème léger avec des fonctionnalités minimales, en fonction de vos besoins. Vous pouvez considérer notre collection de thèmes WordPress les plus rapides pour commencer votre chasse.
Vous n’arrivez pas à prendre une décision ? Alors, je vous recommande de consulter Sydney, notre thème WordPress gratuit et léger qui mélange des éléments de design modernes avec une multitude d’options de personnalisation.
3. Utilisez les plugins à bon escient
Vous pouvez attribuer la croissance de WordPress à la communauté qui développe et maintient les plugins. Les plugins étendent les fonctionnalités de WordPress pour le rendre capable de beaucoup plus. Bien que vous trouviez un plugin pour toutes les tâches que vous pouvez imaginer, c’est une bonne idée de n’utiliser que les plugins dont vous avez absolument besoin pour le fonctionnement de votre site web.
Chaque plugin ajoute à la complexité d’un site WordPress, c’est donc une bonne pratique d’auditer périodiquement votre site web pour évaluer chaque plugin. Assurez-vous de désactiver ou de supprimer tous les plugins inutiles.
Vous devez également vérifier si les plugins entrent en conflit les uns avec les autres ou avec votre thème. La fonction de santé du site du plugin WordPress Health Check and Troubleshooting peut vous aider à vérifier les conflits potentiels entre les plugins.
4. Optimisez votre base de données WordPress
Votre application WordPress se connecte à une base de données qui stocke toutes les données liées au site en arrière-plan. La base de données stocke essentiellement tout le contenu de votre site Web, y compris, mais sans s’y limiter, les articles, les pages, les inscriptions des utilisateurs, les commentaires et les paramètres.
Lorsqu’une personne visite votre site Web, elle ne fait que récupérer des données dans la base de données pour afficher une page ou un article. Cependant, une action de l’utilisateur, comme un commentaire, un vote positif ou un achat, entraîne la génération de données. WordPress enregistre aussi automatiquement les révisions que vous apportez à vos articles.
Le temps de requête-réponse entre la base de données et votre site WordPress peut augmenter pour deux raisons. Premièrement, plus la taille de votre base de données augmente, plus l’exécution de ces requêtes prend du temps. Deuxièmement, les cycles de saisie et de suppression de données peuvent fragmenter votre base de données, de sorte que différentes parties de votre base de données peuvent être stockées à différents endroits du système de fichiers.
Par conséquent, il est logique de garder votre base de données légère en supprimant les données indésirables telles que les spams et les commentaires non approuvés, les révisions d’articles et les articles mis à la poubelle. WP Optimize est un plugin qui vous permet d’optimiser votre base de données WordPress en supprimant les données anciennes et redondantes et en défragmentant la base de données.
5. Utiliser un CDN pour fournir des ressources
Un réseau de diffusion de contenu (CDN) consiste en un groupe de serveurs placés à des endroits stratégiques dans le monde entier. Il repose sur le principe que le temps de téléchargement d’une ressource dépend de la distance physique entre le client et le serveur.
Une analyse rapide de HTTP Archive révèle qu’une page sur un site WordPress typique pèse environ 2,3 Mo en 2020. Une part importante de ce poids est constituée d’images (1,2 Mo), de polices et de feuilles de style (280 Ko) et de scripts (470 Ko).
Si vous stockez ces ressources sur des serveurs CDN dans le monde entier, un visiteur de n’importe quelle partie du globe peut potentiellement les charger à partir d’un serveur plus proche de lui, ce qui réduit le temps de chargement de la page Web. Je vous recommande de consulter KeyCDN, une solution CDN rentable pour les propriétaires de sites.
6. Préparez vos images pour le Web
Nous avons parlé de l’utilisation des CDN pour optimiser la livraison des ressources clés au client, mais prenons un moment pour optimiser également les ressources. Les images représentent près de la moitié de la charge utile et sont souvent des éléments essentiels de la conception d’une page Web. Il est donc judicieux de suivre certaines bonnes pratiques pour optimiser les performances des images.
Contrôles d’hygiène
Tout d’abord, vous devez vous assurer que vous téléchargez les images à la bonne taille. Par exemple, il n’est pas très judicieux d’utiliser un logo de même taille à la fois pour la page « À propos de nous » et pour le favicon. Comme la favicon est nettement plus petite, vous devez redimensionner votre logo et en télécharger une version plus petite.
Ensuite, vous devez également utiliser le type d’image approprié. Par exemple, une image JPG est idéale pour les photographies et autres images complexes comportant de nombreuses variations de couleurs. En revanche, les images PNG conviennent bien aux graphiques qui présentent moins de variations de couleurs, comme une capture d’écran. Enfin, une image SVG (Scalable Vector Graphic) fonctionne parfaitement pour une image constituée de formes géométriques simples, comme un logo.
Optimisation des images
Une fois que vous avez créé les images de votre article, assurez-vous de les optimiser également. L’optimisation des images signifie essentiellement la compression des images pour les rendre adaptées au Web. Vous pouvez soit les optimiser localement, soit utiliser un plugin à cet effet.
Si vous voulez un plugin WordPress qui s’occupe de toutes vos images téléchargées, vous pouvez utiliser Imagify, un plugin WordPress gratuit qui optimise vos images en temps réel. Et si vous souhaitez utiliser une application de bureau pour optimiser les images avant de les télécharger, vous pouvez essayer ImageOptim.
Images à chargement paresseux
Le chargement paresseux consiste à télécharger la version complète d’une image uniquement lorsqu’elle entre dans le champ de vision du navigateur pendant que le spectateur fait défiler la page. Cette technique d’optimisation des images permet d’économiser une précieuse bande passante, tant pour le propriétaire du site que pour le visiteur. En outre, elle réduit le temps de chargement des pages en retardant le téléchargement d’une partie importante de la charge utile.
Bien qu’il existe des plugins qui vous permettent d’activer le chargement paresseux, il convient de noter que WordPress envisage également de l’ajouter comme fonctionnalité de base.
7. Gérer efficacement les fichiers statiques
Outre les images, les feuilles de style et les scripts représentent une part importante de la charge utile d’une page Web. Voyons maintenant comment vous pouvez servir efficacement ces fichiers statiques à vos visiteurs.
Tout d’abord, vous pouvez réduire vos feuilles de style et vos scripts afin de diminuer la taille de vos ressources. Le processus de minification consiste à supprimer les parties d’un fichier qui ne sont pas nécessaires à son exécution. Il s’agit notamment des espaces blancs, des commentaires et du code inutilisé.
Vous pouvez minifier vos ressources manuellement en utilisant un service tel que Minifier. Cependant, pour un site WordPress, il serait plus rapide d’utiliser un plugin de minification tel que WP Super Minify pour minifier toutes les ressources de votre site en une seule fois.
Ensuite, vous pouvez charger certaines de vos feuilles de style et certains de vos scripts de manière asynchrone. Si vous faites cela, le chargement des ressources non essentielles n’arrêtera pas le rendu de la page.
Enfin, vous pouvez activer la compression GZIP pour compresser davantage vos ressources. La compression GZIP est une technique qui implique que le serveur envoie des fichiers compressés au navigateur, qui sont décompressés une fois le téléchargement terminé. La compression GZIP est une fonction courante des plugins de mise en cache.
8. Optimiser les requêtes HTTP
Si nous avons longuement parlé des données utiles, nous devons également aborder la manière dont nous les envoyons au client. Vous avez peut-être remarqué que de nombreux problèmes signalés par les outils d’évaluation des performances sont liés aux requêtes HTTP. Les mesures typiques comprennent le nombre de requêtes HTTP de votre page Web, le nombre de redirections et le nombre de consultations DNS que le navigateur doit effectuer pour télécharger toutes les ressources.
Un moyen simple de réduire le nombre de requêtes HTTP consiste à combiner des fichiers similaires. Par exemple, vous devriez avoir une seule feuille de style CSS pour votre site Web. Tous les scripts personnalisés devraient également être regroupés dans un seul fichier. Lorsque le nombre de requêtes HTTP diminue, le temps de chargement de la page diminue également. Si vous utilisez un plugin de réduction, choisissez-en un qui se charge de combiner les fichiers similaires.
Pour optimiser vos requêtes HTTP, vous pouvez également minimiser le nombre de consultations du DNS. Chaque fois que le navigateur rencontre une ressource hébergée sur un nouveau nom de domaine, il doit effectuer une recherche DNS pour obtenir l’adresse IP correspondante. Si vous stockez vos ressources sur un seul domaine, vous pouvez réduire les consultations DNS. Si vous utilisez un CDN pour servir vos fichiers statiques, le nombre de consultations de DNS est déjà réduit au minimum.
Enfin, vous devez également minimiser le nombre de redirections pour les ressources statiques. Une redirection a lieu lorsque l’emplacement original d’une ressource pointe vers un nouvel emplacement, ce qui signifie essentiellement que le navigateur doit faire une nouvelle demande pour obtenir la ressource.
9. Activer la mise en cache dans WordPress
La mise en cache est le processus qui consiste à stocker une partie de la page dans un emplacement temporaire pour la servir rapidement à vos visiteurs. La mise en cache vous permet d’économiser la bande passante du serveur et de réduire les temps de chargement des pages.
Lorsque vous choisissez un plugin de mise en cache pour votre site WordPress, sélectionnez-en un qui est facile à configurer et qui permet d’améliorer les performances grâce à des paramètres simples. Si vous avez l’expertise nécessaire, vous devriez entrer dans les paramètres avancés pour débloquer des avantages de vitesse supplémentaires.
10. Maintenez WordPress et PHP à jour
WordPress et PHP sont des logiciels populaires qui font l’objet d’un développement actif. Des améliorations telles que de nouvelles fonctionnalités, des corrections de bogues, des correctifs de sécurité et des améliorations de performances y sont intégrées chaque jour.
Par conséquent, il est essentiel de mettre à jour votre WordPress, vos plugins et votre PHP vers les dernières versions pour suivre ces améliorations. Toutefois, avant de lancer une mise à jour, assurez-vous de sauvegarder la version actuelle de votre site WordPress.
Résumé
Dans ce guide, nous avons d’abord vu pourquoi la vitesse des pages est un facteur essentiel à prendre en compte et à optimiser pour un propriétaire de site.
Ensuite, nous avons examiné certains outils populaires qui évaluent la qualité de votre site Web et la façon dont vous pouvez améliorer ses performances.
Enfin, nous avons discuté des techniques les plus importantes pour accélérer votre site WordPress, de l’utilisation d’un hôte Web suffisamment rapide à la mise à jour régulière de PHP et de WordPress.
Utilisez-vous une technique différente pour accélérer votre site WordPress ? Faites-le nous savoir dans les commentaires ci-dessous.
