Optimisation des performances WordPress: les données sont fournies avant l'optimisation

Article écrit par:
  • WordPress
  • Mise à jour: mai 19, 2015

Internet regorge d'articles qui vous diront comment optimiser les performances de votre site WordPress. j'ai écris certains d'entre eux moi même. S'ils sont bons, vous aurez, après lecture, une idée précise des meilleures pratiques pour améliorer les performances d'un site WordPress. Mais «meilleure pratique» est plus ou moins une phrase de code pour «si vous ne pouvez pas ou ne voudrez pas apprendre à comprendre ce sujet en profondeur, vous améliorerez probablement les choses.» Les meilleures pratiques sont très générales. et, bien que leur mise en œuvre puisse aider, il est peu probable que les résultats obtenus soient optimaux dans tous les cas - et c’est en cela que consiste l’optimisation: déterminer comment obtenir le résultat optimal dans des circonstances spécifiques.

Chaque site WordPress est une combinaison unique de thèmes, de plug-ins et de réglages, chacun d'entre eux pouvant affecter les performances. La seule façon d'optimiser véritablement un site WordPress est de savoir précisément quels aspects posent des problèmes de performances et de concentrer vos efforts là-bas. Il ne sert à rien de perdre beaucoup de temps et d'argent à mettre en place un réseau international de distribution de contenu si 98% des visiteurs de votre site professionnel local résident à moins de 100 kilomètres du serveur; peut-être que votre temps serait plus fructueux à trier le widget de partage social provoquant des retards de plusieurs secondes lors du chargement de votre page d'accueil.

Pour savoir où vos efforts sont les mieux placés, vous avez besoin de données. Dans la suite de cet article, je vais mettre en évidence certains outils que vous pouvez utiliser pour profiler un site et obtenir un aperçu de ce qui influe sur les performances.

PageSpeed ​​Insights

google pagespeed insights

PageSpeed ​​Insights est un service de Google qui analysera les pages Web et fournira un rapport détaillé contenant des conseils sur l'amélioration des performances. Par exemple, si vous ne réduisez pas votre code JavaScript, PageSpeed ​​Insights vous indiquera quels scripts pourraient être réduits et quels sont les avantages potentiels.

Google Pagespeed Insights pour WordPress est un plugin qui utilise les données de PageSpeed ​​et les utilise pour créer un tableau de bord qui aidera les propriétaires de sites à cibler leurs efforts d'optimisation.

Outils Pingdom

outils pingdom

La plupart des propriétaires de sites connaissent déjà celui-ci, mais il convient de le mentionner car il est très utile. Les fonctionnalités de PageSpeed ​​Insights se chevauchent, mais si vous êtes un penseur visuel, vous constaterez que la représentation en cascade vous donnera un aperçu clair du processus de chargement de la page, ce qui vous permettra de détecter facilement les causes de la latence.

Actions de ralentissement de la barre de débogage

barre de débogage

Si vous voulez vraiment connaître les détails concrets de la performance de votre site, l’ajout de Slow Actions à la Barre de débogage Le plugin vous donnera toutes les informations dont vous avez besoin.

Le plugin affichera les actions les plus lentes de 100 qui entrent dans la construction d’une page WordPress. Cette information est plus utile pour les développeurs que l’utilisateur WordPress moyen, mais si vous souhaitez apprendre ce que vous devez savoir pour optimiser votre site, ce plugin est irremplaçable.

Évitez les optimisations inutiles

En haut de cet article, j'ai déclaré que les «meilleures pratiques» n'étaient pas toujours les meilleures pour des sites spécifiques. En effet, certains conseils d'optimisation ne sont pas pertinents pour certains sites. Pour lutter contre cela, je vous conseille de collecter autant d'informations que possible sur votre site, mais trop d'informations peuvent être aussi dangereuses que trop peu de choses si vous ne définissez pas correctement les priorités.

N'oubliez pas que même si ces outils vous indiquent que «le facteur X» ralentit votre site, cela n'a d'importance que s'il a un effet tangible sur l'expérience utilisateur ou les conversions - même la page d'accueil de Google échoue à certains de ses tests PageSpeed ​​Insight. Une loi des rendements décroissants opère ici. Parfois, rapide est assez rapide, et plus d'optimisation, c'est du temps perdu. Utilisez ces outils, mais assurez-vous de placer les informations qu’ils fournissent dans le contexte de vos objectifs généraux.

Des optimisations qui offrent un bon rendement financier

J'espère avoir clairement expliqué dans cet article que l'optimisation obsessionnelle n'est souvent pas la meilleure utilisation des ressources. Cependant, un certain nombre d’optimisations se traduiront par de meilleures performances pour presque tous les sites WordPress.

Choisissez un bon hébergement

Un hébergement bon marché pourrait être tentant, mais il y a une raison pour que ce soit bon marché. Les fournisseurs d’hébergement mutualisé à faible coût ont tendance à sur-vendre leurs forfaits. Il y aura plus de sites sur un serveur que ce qu’il peut raisonnablement gérer, en particulier si certains d’entre eux subissent des pics de trafic en même temps. Si votre hébergement est lent, rien de ce que vous faites n'est susceptible de profiter au maximum de votre site.

La mise en cache

WordPress est un générateur de site dynamique. Cela prend un fouillis de code PHP et de requêtes de base de données et les cobble dans le HTML qui constitue une page Web. Quelle que soit la rapidité de votre hébergement, la génération de pages dynamiques est plus lente que la publication de pages statiques. Nous utilisons des générateurs de sites dynamiques car ils apportent de nombreux autres avantages - peu d'entre nous seraient heureux de coder nos sites à partir de zéro - mais la plupart du temps, nous n'avons pas besoin de pages générées pour chaque visiteur: elles ne changent pas. que rapidement. La mise en cache nous permet d’enregistrer les pages générées sur disque ou en mémoire, ce qui les rend presque aussi rapides qu’une page statique.

Le meilleur plugin pour la mise en cache sur WordPress est W3 Total Cache. Son utilisation est assez simple, mais elle offre suffisamment d’options de configuration pour même l’optimiseur le plus dédié. W3 Total Cache traitera également d’autres optimisations utiles, telles que JavaScript et la minification CSS.

Chargement de JavaScript et de CSS de manière asynchrone

Google se plaindra de Google PageSpeed ​​Insights notamment des fichiers JavaScript et CSS qui se chargent en premier et bloquent tout le reste. Comme ces scripts sont généralement inclus dans la <tête> d'un fichier HTML, ils constituent l'une des premières choses que le navigateur rencontre sur une page et que tout le reste s'arrête pendant le chargement. Dans la plupart des cas, ni le JavaScript ni le CSS ne doivent être chargés en premier. Async JS et CSS est un plugin astucieux qui empêchera les fichiers JS et CSS de bloquer le chargement du reste de la page.

Une fois que vous avez mis en place un hébergement, une mise en cache et un chargement asynchrone de qualité, il est temps d’envisager l’utilisation d’un réseau de distribution de contenu. Après cela, vos modifications d’optimisation commenceront à tomber dans le domaine dont nous avons discuté plus tôt, et il est temps de réfléchir sérieusement à la question de savoir si vous optimisez excessivement et si votre temps serait mieux dépensé pour l’optimisation du taux de conversion ou la rédaction d’un excellent contenu.

À propos de l'invité WHSR

Cet article a été écrit par un contributeur invité. Les opinions de l'auteur ci-dessous sont entièrement les siennes et peuvent ne pas refléter les vues de WHSR.