Conseils de performance WordPress - Les bases que vous devez savoir

Il y a beaucoup de choses auxquelles vous devez penser lorsque vous utilisez votre propre site Web WordPress et la vitesse de chargement devrait être l'une de vos principales priorités. Un site Web lent garantit des visiteurs perdus.

Si votre site ralentit constamment, vous devez prendre des mesures immédiates pour résoudre ce problème, avant de perdre définitivement votre base d'utilisateurs.

Voici le problème : il existe de nombreux guides de performances WordPress en ligne, mais ils sont souvent extrêmement déroutants si vous n'êtes pas familier avec le développement de sites Web.

Bien que l'optimisation des performances puisse être un processus compliqué, il existe en fait quelques étapes simples que vous pouvez suivre pour accélérer instantanément les temps de chargement des pages.

Vous cherchez des moyens rapides et simples d'augmenter la vitesse de votre site ? Nous passerons en revue les bases et vous donnerons quelques conseils spécialement conçus pour WordPress qui réduiront considérablement les temps de chargement.

Le résultat? Une bien meilleure expérience pour vos visiteurs !

Pourquoi les performances du site Web sont-elles importantes ?

Beaucoup de choses peuvent se passer en une seconde.

Une seule seconde de retard dans le temps de chargement de la page équivaut à 11 % de pages vues en moins, une baisse de 16 % de la satisfaction client et une perte de 7 % des conversions. Et pour Amazon, cela pourrait leur coûter 1,6 milliard de dollars de ventes chaque année.

Si votre site prend trois secondes ou plus à se charger, ces chiffres peuvent représenter une quantité stupéfiante de visiteurs ou de revenus perdus.

Une seconde suffit à un visiteur pour s'énerver et passer à autre chose. Surtout si chaque page de votre site se charge lentement. Au fur et à mesure qu'ils essaieront de naviguer, les retards s'accumuleront, tout comme leur frustration !

Internet est maintenant plus rapide que jamais. Le temps de chargement de la page est mesuré en millisecondes pour une raison. Plus les visiteurs attendent longtemps qu'un site Web se charge, plus ils sont susceptibles d'aller ailleurs.

Vitesse de chargement des pages mobiles

C'est encore plus vrai pour les mobinautes, qui représentent aujourd'hui une part importante du trafic en ligne.

Les utilisateurs mobiles sont notoirement impatients en ce qui concerne le temps de chargement, environ 53 % d'entre eux partant si un site ne se charge pas dans les trois secondes.

Vitesse de chargement de la page de la boutique en ligne

La vitesse du site Web est également très importante si vous exploitez une boutique en ligne.

La navigation sur un site de commerce électronique implique généralement de naviguer entre plusieurs pages en succession rapide. Si les clients doivent attendre entre la visite d'une page de produit, son ajout à leur panier et la navigation sur plusieurs pages de paiement, ils n'achèteront plus chez vous.

C'est pourquoi 52 % des acheteurs en ligne déclarent que le chargement rapide des pages est important pour leur fidélité.

Si vous voulez que vos visiteurs restent sur le long terme, vous devez leur offrir une expérience rapide et transparente. Cela devrait se refléter dans la conception et la convivialité de votre site Web, et cela inclut la vitesse à laquelle il se charge.

Qu'est-ce qui cause des vitesses de site Web lentes ?

Il n'est pas facile de répondre précisément à la raison pour laquelle un site Web peut ralentir, car il existe de nombreuses causes potentielles. Parfois, c'est la faute du serveur, du site Web lui-même ou même du propre appareil de l'utilisateur.

Très souvent, cependant, c'est quelque chose sous votre contrôle qui cause le retard.

• Hébergement Web : Un bon hébergeur crée ou casse votre site Web. La plupart des nouveaux blogueurs utiliseront l'hébergement partagé, car c'est souvent l'option la moins chère. C'est aussi le plus lent. Choisir la bonne société d'hébergement Web peut faire une différence significative. Il ne suffit pas d'aller avec un hôte simplement parce qu'il est populaire.
• Performances du serveur : cela se situe encore une fois dans le domaine de l'hébergement Web. Vous pourrez peut-être modifier la configuration du serveur, mais vous comptez probablement sur votre hébergeur pour gérer les performances réelles. C'est encore une fois pourquoi faire vos recherches et choisir un hébergeur avec une infrastructure bien construite est crucial.
• Taille de la page : lorsqu'un site Web contient trop d'éléments intégrés à la page, il se charge plus lentement. S'il passe plusieurs appels externes à cause de widgets tiers, les performances en pâtissent rapidement. Trop de widgets, de thèmes et de plugins mal conçus et d'énormes images non optimisées contribuent tous à la lenteur des sites Web.
• Trop de trafic : si jamais vous commencez à dépasser les limites de bande passante de votre plan d'hébergement, vous remarquerez peut-être que votre site commence à ralentir. Vous pouvez choisir des hébergeurs Web sans limitation de bande passante ou mettre à niveau votre plan pour éviter cette situation.
• Appareils utilisateur : parfois, l'appareil d'un utilisateur n'est tout simplement pas équipé pour gérer tout ce que vous avez mis sur la page. Les appareils mobiles sont un peu plus lents à charger des éléments volumineux que les ordinateurs, et certains ordinateurs sont plus anciens ou peuvent avoir du matériel bas de gamme. Bien que ce ne soit pas de votre faute, il est bon de se rappeler que certains appareils sont moins puissants que d'autres et de tester votre site sur autant d'entre eux que possible.

Comment tester la vitesse de votre site

Si vous êtes arrivé jusqu'ici, vous êtes probablement convaincu que les temps de chargement sont très importants pour vos visiteurs. Maintenant que faire ?

Votre première étape devrait être de tester la vitesse de votre site et de voir s'il a besoin d'un petit coup de pouce.

Bien qu'il soit important de tester votre site sur de vrais appareils, il existe un certain nombre d'outils tiers qui peuvent suivre avec précision le nombre de secondes nécessaires au chargement de votre page. Ils peuvent même fournir des suggestions sur ce que vous faites mal. Voici comment vérifier les performances de WordPress avec quelques outils en ligne.

• Google Pagespeed Insights : Google dispose d'un outil en ligne très utile pour évaluer la vitesse de votre site Web. Il analyse chaque aspect de votre page Web et peut offrir un large éventail de suggestions pour accélérer vos pages et minimiser les obstacles aux performances.
• GTmetrix : GTmetrix regorge de conseils utiles et d'astuces avancées qui vous apprendront comment améliorer les performances de WordPress. Il détecte automatiquement les problèmes de vitesse de serveur et de page tout en vous indiquant exactement comment les résoudre. Vous devrez cependant vous inscrire pour accéder à certaines fonctionnalités.
• Pingdom : Pingdom est un outil de surveillance des performances populaire. Leur testeur de vitesse vous indique exactement combien de temps il faut pour charger ainsi que la taille de la page et les notes que vous avez basées sur les meilleures pratiques de développement. Il indique même quel type de contenu (scripts, images, HTML, etc.) prend le plus de place.
• Test My Site : Il va sans dire que l'optimisation mobile est importante. Avec l'outil de Google, vous pouvez tester votre site depuis plusieurs régions du monde sur les réseaux 3G et 4G. Ensuite, comparez la vitesse de votre site à celle de vos concurrents et obtenez des suggestions sur ce que vous pouvez améliorer.
• Uptrends : Uptrends vous permet de tester votre site à partir de plusieurs emplacements, appareils, navigateurs et types de câbles Internet simulés. C'est vraiment cool! Et c'est un excellent moyen de voir comment votre site fonctionne dans n'importe quelle situation, sur n'importe quel appareil.

10 conseils simples pour accélérer les performances de WordPress

Vous recherchez les moyens les plus simples et les plus efficaces d'accélérer votre site Web ? Ces coupables communs sont une cause énorme de ralentissements sur les nouvelles installations WordPress. Cela signifie qu'ils devraient être les premiers changements à apporter si votre site fonctionne lentement.

Recherchez ces dix conseils d'optimisation qui permettront à votre site Web de fonctionner à nouveau correctement.

Choisissez un meilleur hébergement

La vitesse de la page n'est qu'un facteur de performance. Les serveurs principaux sont tout aussi importants, sinon plus, et obtenir un serveur rapide signifie choisir un hébergeur fiable et de haute qualité.

Pour commencer, les hébergeurs gratuits doivent être évités à tout prix, à moins que vous ne puissiez vous permettre autre chose. Même dans ce cas, vous devriez envisager le plan gratuit de WordPress.com, plutôt que d'héberger votre site Web WordPress.org sur un hébergeur tiers gratuit.

Ils ne coûtent peut-être rien, mais les hébergeurs gratuits sont souvent extrêmement lents, ont des temps d'arrêt fréquents, appliquent des plafonds de visiteurs stricts, ou les trois !

Il n'y a aucun moyen de se bâtir une bonne réputation en utilisant un hébergement gratuit.

L'hébergement partagé est le niveau supérieur, et c'est une grande amélioration - mais reste souvent le fléau des sites Web lents. Sur un hôte partagé, vous êtes entassé dans un petit environnement avec peut-être des centaines d'autres sites Web. Si l'on abuse des ressources ou plante le serveur, cela vous affecte tous.

Envisagez plutôt d'acheter un VPS, un cloud ou un hébergement dédié. Ceux-ci fournissent tous des environnements isolés et de bien meilleures performances. Cela vaut bien la hausse des prix.

Nous recommandons plusieurs hébergeurs Web, dont SiteGround, Hostinger, GreenGeeks, Kinsta et Flywheel. De nombreux autres hébergeurs de qualité sont disponibles.

Enfin, voici un petit conseil si tout le jargon des sites d'hébergement Web vous confond : recherchez des hôtes qui utilisent des serveurs NGINX, plutôt qu'Apache, si vous vous inquiétez de la vitesse. On ne peut pas dire ce qui est définitivement meilleur, mais NGINX est beaucoup plus rapide.

Utiliser un thème léger

Un thème est le cadre de votre site Web. La plupart du code et du contenu de votre site se trouvent dans le thème que vous choisissez d'installer, ce qui signifie que cela a un impact très important sur la vitesse de votre page.

De nombreux thèmes ont l'air bien mais peuvent s'enliser avec des scripts et des widgets inutiles qui pèsent lourdement sur votre site Web. Ceux-ci doivent être évités.

L'optimisation du code est essentielle. Un développeur de thème qui sait ce qu'il fait suivra les meilleures pratiques et s'assurera qu'il utilise un code efficace.

Alors, comment pouvez-vous tester le bon fonctionnement d'un thème ? Si les thèmes fournissent des pages de démonstration, vous pouvez placer les URL dans l'un des outils de test de vitesse ci-dessus et les comparer. Il y a aussi WP Speedster, qui teste des milliers de thèmes et plugins gratuits puis les classe par impact sur les performances.

Notre propre thème, Astra, est bien connu pour être axé sur la vitesse et bien optimisé. Il prend un espace de page minimal et, contrairement à d'autres thèmes, évite le code maladroit comme jQuery qui pourrait affecter considérablement les temps de chargement.

En général : les thèmes qui contiennent des dizaines de plugins et de widgets groupés peuvent être tentants, mais ils sont souvent mal optimisés et ne manqueront pas de ralentir votre site.

Les thèmes les plus rapides auront un design propre et efficace et seulement les quelques fonctionnalités utiles dont vous aurez besoin pour créer un beau site Web.

Supprimer les plugins inutiles et mal optimisés

Tous les plugins ne contribuent pas à de mauvaises performances. Certains font parfaitement leur travail et n'ont que peu ou pas d'impact sur les performances. Mais certains consomment plus de ressources qu'ils ne le méritent.

Si le code du plugin est mal optimisé, ou si plusieurs plugins lents sont installés en même temps, cela peut rapidement réduire la vitesse de votre site.

C'est une bonne idée de réduire régulièrement votre liste de plugins, surtout si vous en avez des dizaines installés. Vous voyez quelque chose que vous n'utilisez plus ? Allez-y et désinstallez-le. C'est un peu plus d'espace et potentiellement moins d'épuisement de vos ressources.

Mais que se passe-t-il si vous avez besoin de traquer un plugin qui affecte les performances de votre site Web ?

WP Speedster classe également la vitesse des plugins, vous devriez donc parcourir leur liste et voir si quelque chose que vous avez installé pourrait vous entraîner vers le bas.

Il existe également des moyens de tester vos plugins actuellement installés. Query Monitor peut être un peu écrasant, mais si vous êtes un développeur, cela donne beaucoup d'informations sur ce que font tous vos plugins.

Votre autre option consiste à mesurer la vitesse de votre site, à désactiver tous vos plugins, puis à tester à nouveau. Si vous remarquez une nette amélioration, réactivez chaque plugin un par un et exécutez des tests jusqu'à ce que vous trouviez le plugin qui vous ralentit.

C'est le moyen fastidieux mais nécessaire et efficace de circonscrire le problème.

Compresser toutes les images

C'est le gros problème - si vous rencontrez des problèmes de performances WordPress, en particulier sur certaines pages (comme les articles de blog contenant beaucoup d'images), vous n'avez probablement qu'à compresser vos images.

De nombreux nouveaux blogueurs ne connaissent pas l'optimisation des images, c'est donc souvent la principale cause d'un site WordPress peu performant.

TinyPNG et Optimizilla sont tous d'excellents outils en ligne qui peuvent vous aider à réduire la taille de vos images avant de les télécharger sur votre blog. Si vous souhaitez utiliser un plug-in capable de compresser automatiquement les images téléchargées, essayez Smush, Imagify ou EWWW.

Liaison directe d'images

Pendant que vous y êtes, vous devez activer la protection contre les liens dynamiques. Le hotlinking se produit lorsqu'un autre site Web intègre l'URL de votre image dans sa propre page. Chaque fois que quelqu'un verra l'image sur son site, vos ressources seront utilisées pour la charger !

Étant donné qu'un trafic soudain élevé peut dégrader les performances du serveur, vous remarquerez peut-être que votre site Web se charge plus lentement sans aucune raison apparente. C'est peut-être pour ça.

Il existe plusieurs outils qui peuvent désactiver le hotlinking. Cette fonctionnalité est particulièrement courante dans les plugins de sécurité tels que All In One WP Security & Firewall, qui empêche les liens dynamiques et vous aide également à résoudre les problèmes de sécurité.

Empêcher l'accès direct est un autre plug-in qui masque vos fichiers multimédias aux moteurs de recherche et les empêche également d'être liés de manière pratique.

Installer un plug-in de performances

Il existe des centaines de plugins conçus pour vous aider à accélérer votre site. Ces outils cruciaux s'occupent de tout le travail acharné pour vous, optimisant les paramètres en arrière-plan qui rendent votre site Web soudainement plus rapide - comme par magie.

Découvrez-en quelques-uns si vous souhaitez une diminution instantanée des temps de chargement. Mais rappelez-vous qu'aucun plugin de performance WordPress ne peut compenser des serveurs, plugins ou thèmes mal optimisés.

• W3 Total Cache est très bien connu dans la communauté, et souvent les premiers utilisateurs du plugin de mise en cache se tournent vers quand ils en ont besoin. WP Rocket est un autre concurrent populaire, et bien qu'il soit uniquement premium, il fonctionne prêt à l'emploi sans configuration. Enfin, WP Fastest Cache rivalise avec W3 en termes de nombre d'utilisateurs, mais il a une note légèrement supérieure et de nombreuses fonctionnalités pour le rivaliser.
• WP-Optimize fait tout. Il donne à votre base de données un nettoyage de printemps, compresse vos images à des tailles gérables et met en cache vos pages ainsi que tout plugin de mise en cache dédié.
• Si vous souhaitez laisser WordPress ouvert en arrière-plan, pensez à installer Heartbeat Control. L'API de WordPress effectue plusieurs appels par minute, ce qui peut potentiellement avoir un impact sur la vitesse du serveur et consommer de la bande passante. Utilisez ce plugin pour l'atténuer.
• Clearfy supprime toutes les petites fonctions ennuyeuses qui ralentissent votre site Web. Désactivez les widgets, supprimez l'API Heartbeat, désactivez les scripts et les styles inutilisés et supprimez plusieurs autres éléments de code dont vous n'avez pas besoin.
• Perfmatters est un excellent plugin premium qui optimise absolument tout, en nettoyant les morceaux de code inutiles et en accélérant votre site Web dans le processus.
• Créé par les développeurs de Smush, Hummingbird optimise, minimise et met en cache votre site Web dans un seul plugin. L'outil d'analyse vous permet de voir exactement ce qui vous ralentit.

Mettez à jour votre version de PHP

Plus de la moitié de toutes les installations WordPress s'exécutent sur une version non prise en charge de PHP. PHP est l'épine dorsale de WordPress ; le langage de script qui fait tout fonctionner. Alors qu'est-ce que cela signifie pour vous si vous faites partie des nombreuses personnes qui s'en tiennent à une ancienne version de PHP ?

Cela signifie une sécurité médiocre, un code obsolète, aucun support et des performances médiocres. Les nouvelles versions de PHP sont plus de deux fois plus rapides que les anciennes versions. La mise à niveau pourrait immédiatement améliorer les performances de WordPress.

WordPress et de nombreux plugins populaires fonctionnent souvent mieux avec la dernière version compatible de PHP. Rester à jour ou mettre à niveau lorsque vous y êtes invité peut faire une différence significative pour la vitesse et la stabilité du site Web.

Utiliser un CDN

Le problème avec un hébergeur typique est que son serveur ne se trouve qu'à un seul endroit. Plus vous en êtes proche, plus un site Web se chargera rapidement. Mais une fois que vous commencez à attirer des visiteurs internationaux, voire des visiteurs du monde entier, les temps de chargement des pages peuvent ralentir.

Un CDN (Content Delivery Network) est la solution simple à ce problème. Les serveurs CDN sont répartis dans le monde entier, généralement un ou plusieurs sur chaque continent et plusieurs aux États-Unis. Lorsque quelqu'un visite votre site, il est rapidement acheminé vers le serveur CDN le plus proche de lui. De cette façon, n'importe qui peut charger votre site en utilisant la connexion la plus rapide disponible.

Bien qu'il existe de nombreux fournisseurs de CDN, Cloudflare est de loin le plus populaire. Il a même un plan gratuit pour les petits sites Web pour commencer.

Ne surchargez pas les widgets et les scripts externes

Les scripts externes pèsent lourd sur les temps de chargement. Il est presque toujours préférable de laisser les choses se charger via votre propre site, plutôt que de faire des demandes à des serveurs tiers.

Les widgets dynamiques comme les "Messages associés" peuvent également avoir un impact négatif, surtout si vous surchargez la page avec eux.

Voici quelques conseils rapides pour optimiser la vitesse des pages et empêcher les scripts de devenir incontrôlables.

• Méfiez-vous de tout élément qui fait des requêtes à un serveur tiers (les plugins sont le principal coupable). Trop d'entre eux et votre page ralentira à un crawl.
• Évitez les intégrations (vidéos, cartes et publications sur les réseaux sociaux) sauf si nécessaire. Trop de sites ont un widget Google Maps dans leur pied de page !
• Certains widgets WordPress peuvent ajouter du contenu inutile à votre site. Le widget "Messages récents" affiche l'intégralité de votre article au lieu d'un simple extrait. Vous pouvez accéder à Paramètres > Lecture dans le backend, puis modifier "Pour chaque article d'un flux, afficher" en Résumé.
• Vous devez également diviser les commentaires en pages (imaginez le temps qu'il faudrait pour charger un message avec des milliers de commentaires !) Accédez à Paramètres > Discussions et configurez les paramètres de commentaire.
• Hébergez les polices Google localement afin que les utilisateurs n'aient pas à charger un script externe sur chaque page.
• Alors que les petites requêtes doivent être conservées sur votre propre serveur, vous devez héberger des éléments volumineux et intensifs comme des vidéos sur d'autres plates-formes.
• Lazy charge tout ce que vous pouvez. Images, vidéos, widgets, commentaires et intégrations. Il existe des plugins de chargement paresseux pour tout. a3 Lazy Load couvre la plupart d'entre eux.

Minifier HTML, CSS et Javascript

Vous devez réduire le code sur votre site pour qu'il prenne moins de place. HTML, CSS et Javascript tous ensemble peuvent avoir un impact surprenant sur la vitesse. Bien que cela ne réduira probablement que quelques millisecondes (à moins que votre code ne soit déjà mal optimisé), cela peut quand même faire la différence.

Si vous utilisez Cloudflare CDN, vous pouvez simplement activer la fonction Auto Minify. Sinon, Fast Velocity Minify est le plugin de minification le mieux noté du référentiel, et les paramètres par défaut fonctionnent correctement sans aucune modification.

Vous pouvez également essayer Autoptimize, qui accélère votre site grâce à plusieurs optimisations, notamment la minification du code.

Gardez tout à jour

Cette dernière étape peut ne pas sembler si importante, mais vous seriez surpris de l'impact qu'elle peut avoir. Si vous vous retrouvez toujours à repousser les mises à jour de votre noyau, thème et plugins WordPress, il est temps de vous débarrasser de cette habitude.

Les mises à jour de WordPress signifient souvent de nouvelles fonctionnalités, une sécurité améliorée et une maintenance générale du code. Ils peuvent également inclure un code optimisé et des vitesses de page améliorées pour tout le monde.

Il est particulièrement important de garder votre thème WordPress à jour en tout temps. Votre thème est l'un des plus grands contributeurs aux performances sur la page, et vous souhaiterez que toutes les optimisations soient mises en ligne sur votre site dès que possible.

Pour vérifier les mises à jour dans WordPress, connectez-vous simplement au backend et accédez à l'écran Mises à jour. De là, vous pouvez télécharger des mises à jour ou rechercher de nouvelles.

Assurez le bon fonctionnement de votre site

Ne perdez pas de visiteurs en raison de la lenteur de la vitesse du site Web. Tout ce qu'il faut, c'est quelques étapes simples que vous pouvez faire en un après-midi ; votre site fonctionnera beaucoup plus efficacement et vos visiteurs vous remercieront pour la meilleure expérience.

Les temps de chargement lents des pages sont un problème courant avec les sites WordPress. Les nouveaux blogueurs ont tendance à s'énerver et à surcharger les plugins, à oublier d'optimiser leurs images ou à utiliser de mauvaises sociétés d'hébergement qui ne parviennent pas à fournir les vitesses promises.

Mais, en suivant les étapes de ce guide, vous identifierez les problèmes à l'origine de mauvaises performances et éviterez qu'ils ne se reproduisent à l'avenir. Le tout sans avoir à faire quoi que ce soit de trop déroutant ou technique.

Les principales choses qui affectent la vitesse de votre site sont un mauvais hébergement, des plugins/thèmes gonflés de code lourd et des choses qui affectent la vitesse de chargement de votre page comme des scripts externes ou des images volumineuses.

Gardez un œil sur ceux-ci et vous pourrez garder votre site Web en parfait état !

Quel est votre plugin de performance WordPress incontournable pour minimiser les temps de chargement sur votre site ? Si vous avez un favori, faites-le nous savoir dans les commentaires.