10 meilleures façons d'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 en ont fait l'une de leurs principales priorités pour que leurs sites Web se chargent rapidement.

Les temps de chargement des pages affectent également le fait que les visiteurs abandonnent avant que la page ne se charge complètement. Avec un site Web à chargement lent, vous pouvez perdre une quantité importante de trafic et de conversions.

Dans ce guide, nous discuterons d'une liste d'actions que vous pouvez entreprendre pour accélérer votre site Web WordPress.

Pourquoi la vitesse de la page est-elle importante ?

Il y a deux raisons principales pour lesquelles la vitesse de la page est importante pour vous en tant que propriétaire de site.

Premièrement, la vitesse des pages a un impact sur votre classement SEO. S'il existe deux sites Web comparables dans tous les autres aspects du référencement, les moteurs de recherche pénalisent le site Web le plus lent. Le degré de pénalité appliqué par les algorithmes de classement des pages n'est pas clair, 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 que quelqu'un ne veuille vraiment consulter votre contenu, les chances qu'un visiteur quitte votre site avant qu'il ne se charge augmentent à chaque seconde qui passe. Ils peuvent également abandonner leurs paniers si le processus de paiement ultérieur est lent - par exemple, une étude de Pingdom a montré que 38% des visiteurs ont quitté des sites Web qui ont mis cinq secondes ou plus à se charger.

Dans l'ensemble, des temps de chargement de page plus rapides vous aident à obtenir un meilleur classement dans les moteurs de recherche et à générer plus de pages vues et de conversions. De plus, cela conduit à une meilleure expérience utilisateur.

Voyons maintenant quelques outils que vous pouvez utiliser pour mesurer le temps de chargement des pages.

Comment mesurer la vitesse de la page ?

Avant de découvrir diverses techniques pour accélérer votre site Web, vous devez d'abord prendre du recul et évaluer la situation actuelle. Cela peut vous aider à comprendre combien vous avez besoin pour optimiser votre site Web.

Tester votre site Web avant l'optimisation vous fournit également une référence pour 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 Web gratuit permettant d'évaluer les performances de votre site Web WordPress. Rendez-vous simplement sur la page d'accueil de GTmetrix et entrez 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 l'historique.

GTmetrix renvoie trois métriques clés :

• temps de chargement des pages
• taille totale de la page
• nombre total de requêtes HTTP

Dans ce guide, nous verrons comment optimiser toutes ces métriques.

Informations sur la vitesse de la page

PageSpeed ​​Insights est un outil Web gratuit de Google Developers qui vous permet d'évaluer les performances de votre site Web. Il vous suffit d'entrer votre URL pour commencer le test.

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 sur quel appareil le test est effectué, une référence fournie par cet outil aide à l'optimisation globale.

WebPageTest

WebPageTest est un outil gratuit et open source pour tester les performances de votre site Web. Cela 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ébergeur rapide

Lorsqu'un visiteur arrive sur une page de votre site Web, son navigateur envoie une demande à votre serveur pour afficher cette page. Le temps qu'il faut au serveur pour répondre influence fortement le temps d'attente. 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. Êtes-vous satisfait des performances relativement lentes d'un hébergeur mutualisé, 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 sélectionner l'hébergeur 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 préoccupant, vous devriez essayer l'hébergement WordPress infogéré de Kinsta.

2. Utilisez un thème léger et flexible

Le thème que vous sélectionnez pour votre site WordPress contribue de manière significative à la vitesse de la page. Étant donné que la plupart des propriétaires de sites ne modifieraient pas un thème WordPress pour des performances, il est important de choisir un thème efficace et qui se charge rapidement.

La règle générale consiste à sélectionner un thème léger avec des fonctionnalités minimales, en fonction de vos besoins. Vous pouvez considérer notre collection des thèmes WordPress les plus rapides pour commencer votre chasse.

Vous n'arrivez pas à prendre une décision ? Ensuite, je vous recommande de consulter Sydney, notre thème WordPress gratuit et léger qui associe des éléments de conception modernes à 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 bien plus. Bien que vous trouviez un plugin pour toutes les tâches que vous pouvez imaginer, c'est une bonne idée d'utiliser de manière sélective uniquement 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 fonctionnalité 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 publications, les pages, les enregistrements d'utilisateurs, les commentaires et les paramètres.

Lorsqu'une personne visite votre site Web, elle récupère simplement des données de la base de données pour afficher une page ou un message. Cependant, une action de l'utilisateur telle qu'un commentaire, un vote positif ou un achat entraîne la génération de données. WordPress enregistre également automatiquement les révisions que vous apportez à vos publications.

Le temps de demande-réponse entre la base de données et votre site WordPress peut augmenter pour deux raisons. Tout d'abord, à mesure que la taille de votre base de données augmente, l'exécution de ces requêtes prend plus de 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 allégée en supprimant les données indésirables telles que le spam et les commentaires non approuvés, les révisions de publication et les publications supprimées. WP Optimize est un plugin qui vous permet d'optimiser votre base de données WordPress en supprimant les anciennes données redondantes et en défragmentant la base de données.

5. Utilisez un CDN pour fournir des ressources

Un réseau de distribution de contenu (CDN) consiste en un groupe de serveurs placés à des endroits stratégiques à travers le monde. Il est basé sur le postulat 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 par HTTP Archive révèle qu'une page sur un site WordPress typique pèse environ 2,3 Mo en 2020. Une partie importante de ce poids de page 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 le plus proche, ce qui réduit le temps de chargement de la page Web. Je recommande de consulter KeyCDN, une solution CDN rentable pour les propriétaires de sites.

6. Préparez vos images pour le Web

Bien que nous ayons couvert l'utilisation de CDN pour optimiser la fourniture de ressources clés au client, 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. Par conséquent, il est judicieux de suivre certaines des meilleures 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 dans la bonne taille. Par exemple, cela n'a pas beaucoup de sens d'utiliser la même taille de logo pour la page À propos de nous et le favicon. Comme le favicon est beaucoup plus petit, 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 avec beaucoup de variations de couleurs. D'un autre côté, les images PNG fonctionnent bien pour les graphiques qui ont moins de variations de couleur, comme une capture d'écran. Enfin, un SVG (Scalable Vector Graphic) fonctionne parfaitement pour une image composée de formes géométriques simples, comme un logo.

Optimisation des images

Une fois que vous avez créé les images pour votre message, 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 freemium 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.

Vous pouvez également consulter notre tour d'horizon des meilleurs plugins d'optimisation d'image WordPress.

Images de chargement paresseux

Le chargement différé est le processus de téléchargement de la version complète d'une image uniquement lorsqu'elle entre dans la fenêtre d'affichage du navigateur pendant que le spectateur fait défiler la page. Cette technique d'optimisation d'image permet d'économiser une bande passante précieuse à la fois pour le propriétaire du site Web et pour le spectateur. De plus, il 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 en tant que fonctionnalité principale.

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. Alors, voyons maintenant comment vous pouvez servir efficacement ces fichiers statiques à vos spectateurs.

Tout d'abord, vous pouvez minifier vos feuilles de style et vos scripts pour réduire la taille de vos ressources. Le processus de minification consiste à supprimer les parties d'un fichier qui ne sont pas nécessaires à l'exécution. Ceux-ci incluent les espaces blancs, les commentaires et le code inutilisé.

Vous pouvez minifier vos ressources manuellement à l'aide d'un service tel que Minifier. Cependant, pour un site WordPress, cela ferait gagner du temps 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 scripts de manière asynchrone. Si vous le faites, le chargement des ressources non essentielles n'arrêtera pas le rendu de la page. Voici un tutoriel sur la façon dont vous pouvez différer l'analyse de JavaScript dans WordPress.

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 également une fonctionnalité courante dans les plugins de mise en cache (voir ci-dessous).

8. Optimiser les requêtes HTTP

Bien que nous ayons longuement parlé de la charge utile, nous devrions également discuter de 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 métriques typiques incluent le nombre de requêtes HTTP de votre page Web, le nombre d'entre elles impliquant des redirections et le nombre de recherches 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 doivent également être combinés dans un seul fichier. À mesure que le nombre de requêtes HTTP diminue, le temps de chargement de la page diminue également. Si vous utilisez un plugin minifier, choisissez-en un qui se charge de combiner des fichiers similaires.

Pour optimiser vos requêtes HTTP, vous pouvez également minimiser le nombre de recherches 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 recherches DNS. Si vous utilisez un CDN pour servir vos fichiers statiques, le nombre de recherches DNS est déjà minimisé.

Enfin, vous devez également minimiser le nombre de redirections pour les ressources statiques. Une redirection a lieu lorsque l'emplacement d'origine d'une ressource pointe vers un nouvel emplacement, ce qui signifie essentiellement que le navigateur doit effectuer une nouvelle demande pour obtenir la ressource.

9. Activer la mise en cache dans WordPress

La mise en cache est le processus de stockage d'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 offre des améliorations de performances avec des paramètres simples. Si vous avez l'expertise, vous devriez entrer dans les paramètres avancés pour débloquer des avantages de vitesse supplémentaires.

Nous avons testé et comparé les meilleurs plugins de mise en cache WordPress. WP Rocket est sorti vainqueur de nos résultats de test.

10. Gardez WordPress et PHP à jour

WordPress et PHP sont des logiciels populaires en cours de 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. Cependant, 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 expliqué pourquoi la vitesse de la page est essentielle à prendre en compte et à optimiser par un propriétaire de site.

Ensuite, nous avons examiné quelques outils populaires qui évaluent la qualité de votre site Web et comment 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ébergeur suffisamment rapide à la mise à jour régulière de PHP et WordPress.

Utilisez-vous une technique différente pour accélérer votre site WordPress ? Faites-le nous savoir dans les commentaires ci-dessous.