Comment améliorer les performances de WordPress aujourd'hui: 7 moyens efficaces

Performances WordPress

Le guide ultime pour analyser et corriger les performances de votre site Web WordPress

At CollectiveRay nous recherchons toujours des moyens de rendre nos sites Web plus rapides. Notre site Web se charge RAPIDEMENT. Vraiment très rapide ! Et nous voulons que vos sites Web fonctionnent également rapidement. C'est pourquoi nous avons choisi aujourd'hui de publier un article qui se concentre sur les performances de WordPress.

Contenu[Afficher]

Vous savez peut-être déjà que les performances de WordPress sont essentielles au succès de votre site Web. Des études ont montré que les utilisateurs commenceront à abandonner votre site Web s'il ne se charge pas dans les 3 secondes.

En particulier, les personnes naviguant sur des sites à partir de leurs appareils mobiles ont généralement des connexions plus lentes, surtout s'ils ont des forfaits de données et ont tendance à avoir beaucoup de less patience avec les sites lents.

Les sites de commerce électronique perdent également des ventes lorsque les performances du site sont lentes.

Selon étude, si un site est retardé d'une seconde, le taux de conversion sera réduit de 7%. Il suffit de dire que les performances de WordPress sont l'une des choses sur lesquelles vous devrez vous concentrer si vous voulez que votre site Web réussisse.

infographie de performance wordpress

La plupart des sites Web WordPress ne maximisent pas leur plein potentiel

Même si WordPress est une excellente plateforme de blogs et de CMS, la dure réalité est que la plupart des sites Web ne maximisent pas son plein potentiel. C'est principalement parce que la plupart des propriétaires de sites Web ne sont pas des techniciens capables d'analyser les performances de WordPress, de comprendre les problèmes et de prendre les mesures nécessaires pour améliorer les performances de WordPress.

Si vous n'êtes pas sûr que votre site soit à son plein potentiel, copiez simplement le code ci-dessous et collez-le dans votre fichier footer.php.

<?php echo get_num_queries(); ?> queries in <?php timer_stop(1); ?>  seconds.

code de pied de page

Dans votre pied de page, il affichera désormais le temps de chargement d'une page et le nombre de requêtes MySQL exécutées par la page.

Astuce: Vous n'êtes pas sûr de tous les détails techniques? Tu pourrais vouloir embaucher un développeur WordPress - notre guide vous aidera à trouver le bon.

1. Comment trouver et réparer une baisse de performances WordPress

Avant de mettre en œuvre diverses tactiques pouvant aider à améliorer les performances de WordPress, il est toujours préférable d'analyser votre site Web WordPress, d'analyser les problèmes de performances et de vérifier ce qui cause une baisse de performances.

Une fois que vous avez identifié les problèmes, l'étape suivante consiste à les résoudre pour supprimer le goulot d'étranglement.

De nombreux plugins vous aideront à analyser les performances de WordPress. Dans le passé, nous avions l'habitude de recommander P3 (profileur de performances de plug-in) à cet effet, mais ce plugin n'a pas été mis à jour depuis 5 ans au moment de la mise à jour de cet article. 

À l'avenir, nous recommandons maintenant un nouveau plugin pour diagnostiquer les problèmes de performances: Moniteur de requête. C'est un excellent outil, en développement actif et capable de diagnostiquer les baisses de performances de différentes manières.

Notes: Avant d'aller plus loin, assurez-vous de faire une sauvegarde de votre site, afin qu'en cas de problème, vous puissiez facilement revenir à la version précédente. Nous recommanderons des changements drastiques à votre site, alors assurez-vous d'avoir une copie de travail complète avant de commencer à bricoler. Même des modifications mineures peuvent endommager votre site, ou vous pouvez avoir un plugin qui apporte une modification que vous ne pouvez pas annuler. FAITES DES SAUVEGARDES!

Lectures recommandées: Comment sauvegarder WordPress nativement ou avec un plugin

Moniteur de requête

icône du moniteur de requêteComme nous l'avons mentionné, cet outil est excellent car il peut diagnostiquer une variété de problèmes de performances, notamment:

  1. Problèmes causés par des requêtes de plug-in lentes
  2. Plugins, thèmes ou fonctions peu performants
  3. Erreurs PHP provoquant des problèmes de performances
  4. Blocs de l'éditeur de blocs causant des problèmes
  5. Problèmes d'environnement tels que les problèmes PHP

Le plugin est très bien organisé, où les informations sont regroupées par plugin ou thème afin que vous puissiez rapidement identifier les baisses de performances ou les plugins qui causent trop de surcharge.

La première chose que vous remarquerez lorsque vous installez et activez le plugin sont les mesures du temps nécessaire pour rendre la page actuelle dans la barre supérieure de l'administrateur WordPress:

barre du moniteur de requête

Identifier les composants lents

Nous cliquons ensuite sur la barre supérieure et sélectionnons Requêtes >> Requêtes par composant. Ce que nous voyons sur cet écran est une liste complète de chaque plugin installé et combien de temps ils "passent".

Par exemple, dans la capture d'écran ci-dessous, nous pouvons voir que le composant revslider est le plus gros porc de performances après les fonctions de base de WordPress:

requête du moniteur requêtes par composant

Que devez-vous faire des résultats?

À ce stade, c'est à vous de décider si le composant est important pour votre site Web, compte tenu de son impact sur les performances du site. Vous pouvez effectuer une telle évaluation sur chaque composant de votre site. 

En particulier, jetez un œil à ceux qui sont clairement des porcs de performance, c'est-à-dire qu'ils prennent le plus de temps lorsqu'il s'agit de requêtes. Si vous êtes sérieux au sujet des performances, vous devez désactiver ce plugin, soit en remplaçant le composant par un composant plus performant, en modifiant la fonctionnalité, ou en ajustant les paramètres du plugin afin de vous assurer qu'il fonctionne à des performances optimales.

En général, vous voudrez peut-être entrer en contact avec le fournisseur de tout plug-in lent, lui faire part de votre problème de performances et voir si vous pouvez prendre des mesures pour améliorer les performances.

Identifier les scripts excessifs

Une autre section de Query Monitor que vous devriez consulter est la fonction scripts. Bien que Javascript soit un composant essentiel de WordPress, le grand nombre de scripts différents utilisés par divers thèmes et plugins dont nous avons besoin crée un impact sérieux sur les performances de la plupart des sites Web aujourd'hui.

Vous remarquerez que des sites tels que Pagespeed Insights vous en avertissent et que vous devriez envisager de réduire les charges utiles JS.

temps d'exécution javascript

Cliquez sur les scripts pour voir combien de scripts sont utilisés par votre site Web. Bien que beaucoup de ces scripts fassent partie des fonctions de base, vérifiez que vous avez besoin de TOUS ces scripts, ou peut-être qu'il y a des choses que vous n'utilisez plus et que vous pouvez supprimer.

Cela vaut également pour les styles ou les feuilles de style CSS utilisées. Recherchez les feuilles de style ajoutées à la sortie dont vous n'avez plus besoin.

Enfin, cliquez sur Environnement pour vérifier s'il existe des problèmes d'infrastructure qui nuisent aux performances de votre site Web. Par exemple, nous pouvons voir que ce site Web n'a pas encore mis à niveau vers les dernières versions de PHP.

PHP 7.0.33 est aujourd'hui une version relativement ancienne de PHP et les versions ultérieures telles que PHP 7.3 peuvent s'exécuter et donc fonctionner plusieurs fois plus rapidement.

problèmes d'environnement du moniteur de requête

P3 (profileur de performances de plug-in)

p3 avant la numérisation

Nous allons conserver ce contenu ici pour des raisons héritées et parce que le profileur P3 est toujours un plugin de dépannage valide dans certains cas, même s'il n'est plus maintenu par GoDady.

Les plugins mal configurés sont l'une des principales raisons qui affectent négativement les performances de WordPress.

C'est pourquoi nous avons besoin d'un outil tel que P3, le plugin de profileur de performances WordPress. L'idée derrière P3 est qu'il analyse en fait le temps d'exécution de chaque plugin WordPress et vous présente ensuite un graphique avec les temps d'exécution.

Cela vous permet de voir sur quels plugins vous devez concentrer votre attention.

Il y a quelque temps, l'un de nos sites Web WP a commencé à dégrader ses performances. Chaque coup durait 10 à 15 secondes pour s'exécuter.

Après avoir installé P3, nous avons constaté que l'un des plugins prenait plus de 8 secondes à s'exécuter. C'était quelque chose dont nous pouvions nous passer, alors nous l'avons tué sans aucune hésitation.

Boom. Chargement du site à la normale.

Ceci est un exemple parfait de la façon dont vous pouvez utiliser le profileur de performances WordPress.

Voyons comment travailler avec P3 pour dépanner les performances de WordPress.

Une fois que vous avez installé le plugin P3, cliquez sur l'onglet 'P3 Plugin Profiler', sous le menu Tools. Cliquez sur le bouton «Démarrer l'analyse» >> Analyse automatique.

Une fois la numérisation terminée, cliquez sur le bouton «Afficher les résultats».

Au lieu de l'analyse automatique, vous pouvez choisir une analyse manuelle si vous souhaitez analyser les performances d'arrière-plan d'une page spécifique.

Au lieu de cliquer sur le bouton «Analyse automatique», cliquez sur «Analyse manuelle» à l'étape ci-dessus.

scan manuel

Après cela, cliquez sur les liens et les pages de votre site, et le scanner analysera la vitesse et l'utilisation des ressources de tous vos plugins actifs sur une page particulière. Une fois l'analyse terminée, vous verrez un bouton «Afficher les résultats». Cliquez dessus.

Résultats de l'analyse P3

Vous obtiendrez maintenant des informations détaillées telles que le temps de chargement du plugin, leur impact sur le temps de chargement total et les requêtes de base de données par visite.

Résultats d'analyse détaillés P3

Que faire des résultats

Le principal avantage de l'utilisation du plugin P3 est que vous pouvez envoyer les résultats par e-mail à vous-même, à votre développeur ou à votre équipe d'assistance, afin qu'ils puissent facilement identifier les vrais problèmes à l'origine de la baisse des performances. Vous trouverez cette fonctionnalité très utile, surtout si vous n'êtes pas un programmeur capable d'analyser les problèmes par vous-même.

résultats par e-mail

Si vous soupçonnez un plugin ou une fonctionnalité de thème de baisse de performances, vous pouvez exécuter le scanner P3 pour déterminer le problème. Étant donné que P3 a une section d'aide complète, vous pouvez facilement comprendre ce qui cause la lenteur en plus du plugin et de nombreuses autres FAQ. Ainsi, même si vous n'êtes pas sûr de ce que disent les chiffres, vous pouvez interpréter les résultats avec la section d'aide

En plus de regarder les problèmes de plugin, vous pouvez également consulter ces guides, qui vous aident à trouver et à corriger les vulnérabilités dans vos thèmes WordPress:

Vous pouvez également trouver plus de conseils WordPress pour les propriétaires de sites Web dans le menu correspondant ci-dessus.

Jusqu'à présent, nous avons vu comment analyser les performances de WordPress avec le plugin P3. Examinons maintenant diverses méthodes d'optimisation des performances de WordPress qui vous aideront à accélérer le temps de réponse de votre serveur et à améliorer les performances de vitesse de page.

2. Améliorez les performances de WordPress grâce à l'optimisation de l'image

Walmart

L'optimisation des images WordPress est un élément essentiel de l'amélioration des performances de WordPress, car les images représentent souvent la plupart des fichiers téléchargés. bytes sur une page Web.

Vous trouverez ci-dessous quelques moyens d'optimiser les images WordPress.

Compression d'image

La taille des images de votre site aura une forte influence sur la vitesse de chargement des pages. Avant de télécharger une image sur votre site Web, assurez-vous de l'enregistrer de manière compressée pour les sites Web. Par exemple, Photoshop a une fonction appelée Enregistrer pour le Web, qui compresse les images sans perte de qualité. Utilisez cette méthode ou une méthode similaire pour télécharger des versions plus petites d'images.

Vous pouvez également choisir d'utiliser un plugin qui compresse automatiquement les images, tel que WP Smush IT.

Chargement paresseux des images

Chrome et WordPress 5.4 prévoient d'introduire le chargement paresseux des images par défaut. Cependant, si votre site Web n'exécute pas une version récente de WordPress, vous devriez envisager d'installer un plugin de chargement paresseux. Chargement paresseux A3 est un bon plugin qui est activement maintenu au moment de la rédaction de cet article.

Pour expliquer ce concept, il s'agit d'une fonctionnalité dans laquelle les images ne sont chargées que lorsqu'un utilisateur commence à faire défiler ou est sur le point de voir une image. Cela signifie que le site Web ne subit pas l'impact sur les performances de devoir charger toutes les images dès qu'un utilisateur accède au site Web.

Si vous utilisez trop d'images sur une page Web, il s'agit d'une fonctionnalité essentielle pour améliorer les performances.

Utilisez le format d'image correct

GIF, JPEG, JPG et PNG sont les formats d'image les plus populaires. Étant donné que chaque format a ses caractéristiques et ses avantages, l'utilisation du bon format peut aider à améliorer la vitesse de la page. En général, les PNG stockent la plus grande quantité d'informations et sont généralement de la meilleure qualité (mais aussi la plus grande). Les images JPG sont un bon compromis qui offre une bonne compression et une bonne qualité.

Convertissez vos images en WebP

WebP est un nouveau format d'image qui est pris en charge par les principaux navigateurs et est l'une des optimisations recommandées par l'outil de performance Page Insights de Google. Alors qu'il y a quelques mois, la conversion d'images en WebP était un casse-tête, un nouveau plugin a récemment été publié qui permet la conversion d'images WordPress en WebP. Trouvez le plugin ici.

Utiliser efficacement le cache du navigateur

Un autre moyen efficace d'améliorer les performances de WordPress consiste à demander aux navigateurs de conserver les fichiers CSS, Javascript et image plus longtemps que d'habitude. L'avantage est que cela réduira en fin de compte le temps de chargement même lorsque vos visiteurs reviennent après une longue période. Nous avons un excellent article sur la façon de tirer parti de la mise en cache du navigateur pour WordPress ici.

Si vous recherchez des moyens plus efficaces d'améliorer les performances de WordPress, vous voudrez peut-être consulter WP Rocket - un plugin premium dont la seule raison d'être est de rendre les sites Web plus rapides.

Rendez votre WordPress plus rapide 

3. Fournissez des ressources plus rapidement en utilisant un réseau de diffusion de contenu (CDN)

Un CDN est un réseau de plusieurs serveurs répartis dans divers endroits du monde pour augmenter la vitesse de la page et l'expérience utilisateur. Le CDN met en cache le contenu et les fichiers statiques de votre site et fournit aux visiteurs de votre site en fonction de leur emplacement géographique via un serveur qui est le plus proche d'eux.

En faisant charger le contenu lourd (comme les images, les fichiers CSS et JS) à partir d'un emplacement physiquement plus proche de l'utilisateur final, les pages du site Web se chargeront beaucoup plus rapidement en général.

comment fonctionne un cdn

At CollectiveRay, nous utilisons et recommandons StackPatch, anciennement MaxCDN. Sinon, si vous recherchez un CDN gratuit, lisez 11 + 9 Services WordPress CDN gratuits / Premium pour augmenter la vitesse de votre site Web notre article que nous mettons à jour souvent avec les meilleurs services là-bas.

PAIEMENT StackPath CAN

4. Utilisez un plugin de cache pour réduire la charge du serveur et améliorer les performances de WordPress

Un plugin de cache améliore les performances de WordPress en générant des fichiers statiques à partir de votre site Web WordPress dynamique. Une fois la page statique générée par le plugin, votre serveur Web servira ce fichier au lieu de traiter des scripts PHP WordPress dynamiques comparativement plus lourds.

Encore une fois, nous devons suggérer WP Rocket, le plugin que nous installons sur chaque site Web WordPress que nous maintenons car il enlève tant de maux de tête en termes de performances.

(Vous pouvez même le voir installé sur le site où nous présentons la capture d'écran Query Monitor ci-dessus et ci-dessous - le même site)

cache wp rocket wordpress

 

Il existe d'autres mises en cache plugins vous voudrez peut-être opter pour, mais ceux-ci ne sont pas aussi efficaces (de manière holistique) que WP Rocket. De plus, pour une partie aussi importante de votre site Web, comme les performances, vous feriez mieux d'utiliser un bon plugin de mise en cache haut de gamme.

Il prend même en charge de nombreuses fonctionnalités dont nous avons discuté ci-dessus, telles que:

  • Optimisation d'image
  • Mise en cache des pages et du code PHP (OpCache)
  • LazyLoading des images et intégration WebP
  • Optimisation des fichiers et réduction de la taille des fichiers
  • Optimisation de la base de données du site Web et réduction des ballonnements
  • Tirer parti de la mise en cache du navigateur
  • Différer les fichiers Javascript
  • Compression GZip du contenu du site Web
  • ... et bien d'autres fonctionnalités

Pour un look plus détaillé, apprenez comment obtenir un site Web WordPress ultra-rapide aujourd'hui - 21 actions.

5. Divisez vos longs messages en plusieurs pages

Vous l'avez peut-être déjà remarqué - Certains sites Web préfèrent publier leurs articles longs en les divisant en plusieurs pages. La meilleure chose est que cela aide à améliorer le temps de chargement car la page entière n'est pas chargée en même temps.

après la pagination

Mais saviez-vous que diviser une longue page en plusieurs pages est une fonctionnalité intégrée de WordPress?

Tout ce que vous avez à faire est d'ajouter tag dans votre article où vous voulez ouvrir une nouvelle page.

6. Divisez les commentaires en pages

Les blogs ne sont pas des monologues. Ils sont conçus pour avoir des conversations bidirectionnelles avec vos lecteurs via des commentaires de blog.

Cela dit, publier des tonnes de commentaires sur votre article de blog pourrait aggraver les performances de votre site.

Pour cette raison, de nombreux blogueurs désactivent les commentaires sur un article après quelques jours de publication.

Si vous êtes préoccupé par la vitesse de la page, au lieu de désactiver les commentaires, vous pouvez diviser vos commentaires en différentes pages.

Comment feriez-vous cela?

paginer les commentaires

Accédez simplement à Paramètres >> Discussions et cochez la case "Diviser les commentaires en pages".

7. Désactivez la liaison directe

Hotlinking est un processus de vol de votre bande passante. Par exemple, certains scrapers de contenu volent vos images en ne téléchargeant pas vos images sur leurs serveurs, mais en les diffusant directement à partir de votre site Web. En conséquence, ils volent votre bande passante mais vous n'obtenez aucune visite du tout.

Vous pouvez facilement éviter le hotlinking en ajoutant le code ci-dessous à votre fichier .htaccess.

RewriteEngine on

RewriteCond %{HTTP_REFERER} !^$

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?your-domain-name [NC]

RewriteRule \.(jpg|jpeg|png|gif)$ - [NC,F,L]

Merci d'avoir lu! Si vous voulez un guide rapide sur l'optimisation de votre site WordPress pour les performances, ce guide formidable sur la façon de optimiser les sites Web WordPress pour la vitesse est un must. Vouloir plus? Pour plus d'astuces WordPress comme celle-ci, vous pouvez vous référer à ce guide: 101 astuces WordPress que tout blogueur sérieux doit connaître.

Plugin de performance WordPress

Pour beaucoup d'entre vous, déboguer les problèmes de performances et rendre leur site Web plus rapide n'est pas leur tasse de thé, et évidemment, c'est pourquoi nous avons créé cet article, nous essayons de vous faciliter un peu la tâche. les gars.

Mais que se passerait-il si nous vous disions qu'il existe un moyen encore plus simple de rendre votre site Web plus rapide? En quelques clics, vous pouvez résoudre la plupart de vos problèmes de performances et vous assurer qu'ils ne reviennent jamais.

Ce correctif est WP Rocket. Il s'agit d'un plugin de performance WordPress qui a été écrit spécifiquement pour WP et il a été prouvé qu'il supprime toutes sortes de goulots d'étranglement de la plupart des sites Web.

Il gère des choses telles que

  • Mise en cache de fichiers et de bases de données
  • Optimisation d'image
  • Mise en cache du navigateur
  • Suppression des plugins morts et de leurs tables
  • Optimiser les tables de base de données
  • Chargement paresseux
  • Intégration avec un CDN
  • Compression GZip (en savoir plus sur l'activation manuelle de la compression GZIP ici)
  • et plein d'autres optimisations

Ce n'est pas gratuit, mais cela vaut bien l'investissement. Après tout, un site Web rapide sera bénéfique à la fois pour vous en tant que propriétaire du site Web et, plus important encore, pour vos visiteurs et clients potentiels.

Découvrez WP Rocket

Foire aux questions

Comment puis-je augmenter mes performances WordPress?

Pour augmenter les performances de WordPress, vous devez d'abord identifier ce qui cause les problèmes de performances de votre site. Un hébergement partagé lent et bon marché est un coupable important, vous voudrez donc avant tout planifier la mise à niveau de votre hébergement. Ensuite, mettez en œuvre un plan d'action pour faire ce qui suit:

  1. Réduisez les plugins WordPress
  2. Réduisez les scripts tiers externes
  3. Réduisez les grandes tailles d'image ou utilisez des formats optimaux tels que WebP
  4. Activer la compression GZip
  5. Activer la mise en cache du navigateur
  6. Implémenter l'analyse différée de Javascript
  7. Configurer un plugin de mise en cache tel que WP Rocket
  8. Passez à la dernière version de PHP
  9. Et enfin, mettez en place un CDN.

WordPress est-il lent?

WordPress n'est pas lent par défaut. Cependant, si vous avez trop de plugins installés, beaucoup de trafic et un mauvais hébergement de site Web, votre WordPress finira par ralentir. Vous devrez d'abord identifier où se situe votre goulot d'étranglement de performance, puis agir en conséquence.

Comment puis-je accélérer mon site WordPress?

Il existe plusieurs actions que vous pouvez entreprendre pour accélérer votre site WordPress. Les actions les plus efficaces que vous pouvez entreprendre sont:

  • Mise à niveau de votre plan d'hébergement
  • Passez à la dernière version de PHP
  • Installez un plugin de mise en cache WordPress

Comment puis-je accélérer mon site WordPress sans plugin?

Vous pouvez réellement accélérer votre site WordPress sans plugin. Les moyens les plus simples de le faire sont les suivants:

  • Mettez à niveau votre plan d'hébergement
  • Passez à la dernière version de PHP
  • Mettez en œuvre la compression GZip via la fonction Optimiser le site Web de votre site Web
  • Mettre en œuvre la mise en cache du navigateur via des ajustements de fichiers .htaccess
  • Configurez un CDN si vous le pouvez, surtout si vous avez du trafic sur votre site Web du monde entier

Besoin d'aide pour obtenir WordPress rapidement? Essayez ces concerts abordables les mieux notés sur Fiverr!

logo fiverr

Cliquez ici pour trouver des experts sur Optimisation de la vitesse WordPress.

Cliquez ici créer un site WordPress complet.

Conclusion: que pouvons-nous faire de plus pour optimiser les performances de WordPress

Quelles sont vos astuces préférées pour booster les performances de WordPress? Partagez vos réflexions avec nous en laissant tomber une ligne ci-dessous dans la section commentaires.

À propos de l’auteure
Shahzad Saïd
Auteur: Shahzad SaïdSite Web : http://shahzadsaeed.com/
Shahzaad Saaed a été présenté dans un grand nombre de sites Web d'autorité, en tant qu'expert WordPress. Il se spécialise dans le marketing de contenu pour aider les entreprises à accroître leur trafic.

Encore une chose ... Saviez-vous que les personnes qui partagent des informations utiles comme cet article ont l'air géniales aussi? ;-)
Si vous voulez, vous pouvez laisser un incontournable commentez vos pensées, puis partagez-les sur votre ou vos groupes Facebook qui trouveraient cela utile et récoltons ensemble les avantages. Merci d'avoir partagé et d'être gentil!

Divulgation: Cette page peut contenir des liens vers des sites externes pour des produits que nous aimons et que nous recommandons sans réserve. Si vous achetez des produits que nous suggérons, nous pouvons percevoir des frais de parrainage. Ces frais n'influencent pas nos recommandations et nous n'acceptons pas les paiements pour les avis positifs.

Auteur (s) présenté sur:  Logo du magazine Inc   Logo Sitepoint   Logo CSS Tricks    logo webdesignerdepot   Logo WPMU DEV   et beaucoup plus ...