Savoir comment résoudre les problèmes de performances de WooCommerce est la clé du succès de votre entreprise en ligne. Plus votre site eCommerce est attrayant pour vos utilisateurs, meilleure est leur expérience d’achat en ligne. Et plus leur expérience est bonne, plus ils sont susceptibles de passer une commande. En fin de compte, cela se traduit par plus de ventes et de profits. La performance est donc au cœur du succès de votre boutique Woocommerce.

Selon une étude, 46 % des utilisateurs ne retournent pas sur un site peu performant. Il est donc fréquent que les sites eCommerce ne parviennent pas à réaliser des ventes potentielles en raison de problèmes de performances. Si vous n’avez pas optimisé les performances de votre site, vous pouvez perdre encore plus pendant les jours de forte fréquentation saisonnière comme le Black Friday et le Cyber Monday.

Bien que vous puissiez utiliser de nombreuses techniques pour accélérer votre site eCommerce, il est difficile de résoudre rapidement un problème urgent de performances. Cela exige une surveillance proactive de l’environnement global du site. C’est là qu’un outil de surveillance des performances d’application comme Kinsta APM peut être très utile.

Dans cet article, vous découvrirez les différents composants d’un site eCommerce, pourquoi vous avez besoin d’un outil APM pour surveiller les performances de votre site eCommerce, et comment vous pouvez utiliser Kinsta APM pour rester au top des performances de votre site WooCommerce.

Et n’oubliez pas que votre objectif ultime est d’augmenter les revenus de votre boutique. Alors n’oubliez pas de télécharger notre e-book gratuit, 10 façons d’augmenter les conversions de vos pages produits WooCommerce.

Prêt à commencer ? Allons-y !

Les différentes composantes d’un site eCommerce

Pour faire fonctionner un site de eCommerce de manière optimale, toutes les parties comptent. De l’infrastructure d’hébergement et de la plateforme eCommerce aux intégrations tierces et au processus de paiement, tout compte !

Une pile de boutique WooCommerce typique
Une pile de boutique WooCommerce typique

Que vous vendiez des bières artisanales ou des cours de formation aux drones, une plateforme eCommerce comme WooCommerce vous permet de mettre en place et de lancer rapidement une boutique en ligne.

Ses diverses extensions permettent également d’étendre très simplement les fonctionnalités de la boutique avec de nombreux composants essentiels.

Le suivi des différentes composantes du eCommerce est complexe
Le suivi des différentes composantes eCommerce est complexe

Plus il y a de maillons dans une chaîne, plus il est difficile de trouver l’articulation défectueuse lorsqu’un problème survient. Toute cette complexité peut entraîner des problèmes de performance et de disponibilité accrus. Cela affecte votre capacité à réagir rapidement aux problèmes de performance et à les résoudre avant qu’ils n’affectent vos clients.

La solution ? Utiliser un outil de surveillance des performances d’application.

Nous avons explicitement conçu Kinsta APM pour surveiller les performances des sites WordPress, y compris les boutiques WooCommerce hébergées chez Kinsta.

Les avantages de l’utilisation de Kinsta APM pour les sites WooCommerce

Les problèmes de performance de votre site WooCommerce peuvent causer de multiples façons des dommages importants à votre entreprise en ligne. Vous pouvez utiliser Kinsta APM pour prévenir ou surmonter ces problèmes. Voici quelques-uns de ses nombreux avantages :

Augmenter les ventes et les revenus

La performance est essentielle pour les résultats d’un site eCommerce. Pour maintenir un site performant, il faut comprendre de nombreuses mesures et compétences en matière de développement. Kinsta APM vous facilite la tâche, à vous et à votre équipe. Par conséquent, l’impact sur les ventes et les revenus est l’avantage le plus significatif de l’utilisation de Kinsta APM.

Améliorer l’expérience des utilisateurs

Il est difficile de mesurer la satisfaction de vos utilisateurs, car ils peuvent s’en aller en silence lorsqu’ils sont confrontés à un problème de vitesse ou de performance. Le pire, c’est qu’ils peuvent se rendre sur le site de votre concurrent. Un outil APM utile comme Kinsta APM vous donne les informations dont vous avez besoin sur les performances pour vous assurer que vos clients sont heureux et satisfaits de votre boutique WooCommerce.

Réduire les dommages causés à la réputation de la marque

Les mots voyagent assez vite à l’ère du numérique. Les utilisateurs ne se demandent plus si votre site eCommerce fonctionne parfaitement. Ils l’attendent. Ainsi, lorsqu’ils sont interrompus en raison d’un ralentissement ou d’une panne du site, vous ne perdez pas seulement une vente, mais aussi la réputation et la confiance de votre marque. Kinsta APM peut réduire cela en vous aidant à faire en sorte que votre site fonctionne au mieux de ses performances.

Augmenter la productivité et le bonheur

Un site plus performant se traduit également par une amélioration de la productivité du personnel interne. Par exemple, votre équipe de développement n’a pas besoin de passer autant de temps à traiter les problèmes de performance. Le personnel de support n’a pas à gérer autant de tickets. Votre équipe commerciale peut réaliser plus de campagnes en moins de temps. Tout le monde est plus productif et plus heureux lorsque le site est configuré pour être performant.

Libérer du temps pour l’innovation

L’expérimentation de stratégies innovantes pour stimuler la croissance des entreprises est l’une des pierres angulaires du marketing eCommerce. Que vous soyez un développeur ou un spécialiste du marketing, la simplicité de Kinsta APM favorise la collaboration, en encourageant des stratégies de croissance commerciale efficaces. Cela permet également une résolution plus rapide des problèmes, ce qui se traduit par le déploiement de nouvelles fonctionnalités avec une plus grande confiance.

Diminuer les coûts d’hébergement et d’infrastructure informatique

En identifiant les goulots d’étranglement des performances qui autrement passeraient inaperçus, Kinsta APM vous aide à tirer le meilleur parti de votre infrastructure d’hébergement. Cela vous permet d’affiner votre site WooCommerce pour mieux le dimensionner. De plus, en identifiant les extensions et services tiers problématiques, Kinsta APM vous met sur la bonne voie pour réduire les ressources informatiques non performantes.

Comment résoudre les problèmes de performance de WooCommerce avec Kinsta APM

Il est maintenant temps de vérifier quelques exemples concrets et d’explorer comment vous pouvez utiliser Kinsta APM pour résoudre les problèmes de performance de WooCommerce.

Apprendre les bases de Kinsta APM

Commençons par le commencement ! Avant de vous plonger dans le dépannage de votre site WooCommerce avec Kinsta APM, il est nécessaire d’apprendre ses différentes terminologies et la façon dont vous lisez ses aperçus. Vous pouvez vous référer à notre base de connaissances Kinsta APM pour commencer.

Si vous avez d’autres questions sur Kinsta APM, je vous suggère de lire la section FAQ de Kinsta APM.

Site de test et configuration de WooCommerce

Kinsta APM ne fonctionne qu’avec les sites WordPress hébergés chez Kinsta. Pour cet article, j’ai mis en place un site WooCommerce de test pour simuler les problèmes de performances les plus courants des boutiques en ligne. J’ai utilisé un nom de domaine réel pour m’assurer qu’un « handshake » SSL/TSL a lieu.

Vous trouverez ci-dessous les détails du site de test :

  • Pile de serveurs : Nginx 1.19.4, PHP 7.3.24-3, MariaDB 5.5.5
  • Version WordPress : WordPress 5.5.3
  • Thème : Thème Astra 6.1
  • Extensions principales : WooCommerce 4.7.1, WooCommerce Cart Abandonment Recovery, extensions indispensables de Kinsta, et Akismet Anti-spam.

De plus, j’ai légèrement personnalisé le site en utilisant des extensions personnalisées pour illustrer des exemples. L’objectif principal est d’enseigner comment utiliser Kinsta APM dans diverses situations pour résoudre plusieurs problèmes de performances de WooCommerce.

1. Exemple d’APM WooCommerce : Appels lents d’API tierces pendant la commande

La plupart des sites eCommerce s’appuient sur des intégrations tierces pour prendre en charge les processus essentiels tels que les paiements et les expéditions. De nombreux sites WooCommerce utilisent également des extensions tierces comme Mailchimp et MailerLite pour le marketing par e-mail.

Cependant, les services tiers peuvent avoir un impact important sur les performances de votre site WooCommerce. Et si cela affecte votre processus de paiement, alors vous devriez le prendre encore plus au sérieux.

L'API de Stripe a connu une panne majeure l'année dernière
L’API de Stripe a connu une panne majeure l’année dernière

Dans cet exemple, le site a mis trop de temps à répondre chaque fois qu’un utilisateur ajoutait un produit à son panier. Parfois, le site prenait plus de 5 secondes pour répondre. C’est une recette parfaite pour l’abandon du panier d’achat.

Lançons Kinsta APM pour diagnostiquer le problème.

Pour commencer, rendez-vous sur le tableau de bord MyKinsta de votre site, puis dans la section Surveillance.

Cliquez sur le bouton Activer sous la section Surveillance de la performance pour permettre à Kinsta APM de collecter les mesures de performance de votre site.

Activation de Kinsta APM dans le tableau de bord MyKinsta
Activation de Kinsta APM dans le tableau de bord MyKinsta

Si vous aviez activé Kinsta APM auparavant (comme ici), vous pouvez voir les données de performances passées affichées dans le graphique et le tableau.

Après avoir activé Kinsta APM, j’ai testé le site et j’ai attendu que les mesures de performance soient intégrées dans le tableau de bord de Kinsta APM.

Idéalement, attendez au moins 5 minutes avant de fouiller dans les données. Cela vous permettra de vous assurer que Kinsta APM a recueilli suffisamment de données sur les performances pour présenter des résultats exploitables.

L'écran principal du tableau de bord de Kinsta APM
L’écran principal du tableau de bord de Kinsta APM

En utilisant le menu déroulant à gauche du bouton Activer/Désactiver, vous pouvez également modifier la durée utilisée par Kinsta APM pour réduire les mesures de performance.

Modification de la durée totale utilisée par Kinsta APM
Modification de la durée totale utilisée par Kinsta APM

Dans le graphique Temps global de transaction, vous pouvez voir que les appels externes occupent la majeure partie de l’espace. Cela laisse entendre que des services tiers pourraient être à l’origine du ralentissement.

Ensuite, vous pouvez faire défiler le tableau des transactions les plus lentes pour voir les requêtes ou les tâches d’arrière-plan qui ont pris le plus de temps à s’exécuter.

Une liste des transactions les plus lentes dans Kinsta APM
Une liste des transactions les plus lentes dans Kinsta APM

Vous pouvez voir que les requêtes pour l’URL /single-product ont pris le plus de temps. Sur un site WooCommerce, ce point de terminaison renvoie à n’importe quelle page de produit.

Cliquez sur la transaction /single-product pour obtenir des exemples de ses transactions les plus lentes.

Exemples de transactions les plus lentes
Exemples de transactions les plus lentes

Ici, examinez l’exemple de transaction le plus lent, car sa durée est de 5.535,14 ms (plus de 5 secondes). Elle est bien supérieure au temps de réponse attendu. Cliquons sur cet exemple de transaction pour l’approfondir.

Détails de l'exemple de transaction dans Kinsta APM
Détails de l’exemple de transaction dans Kinsta APM

Vous allez maintenant voir le calendrier de suivi de transaction de cet exemple. Vous y trouverez les détails horodatés de tous les processus qui ont eu lieu dans cette transaction.

Faites défiler la ligne de temps pour trouver les portées les plus lentes.

Trouver les périodes les plus lentes dans le calendrier de suivi de transaction
Trouver les périodes les plus lentes dans le calendrier de suivi de transaction

Kinsta APM met en évidence les portées (spans) qui nécessitent la plus grande attention avec la couleur rouge.

Ici, les portées sont slow.payment-api.com et update_card_payment. Cliquez sur les deux portées pour obtenir un aperçu détaillé de celles-ci avec une trace de la pile complète et d’autres informations similaires.

Détails de la portée et de la trace de la pile dans Kinsta APM
Détails de la portée et de la pile de trace dans Kinsta APM

En consultant la section Détails de la portée, vous pouvez en déduire qu’il s’agit d’une requête HTTP externe.

La section Pile de trace vous aide à identifier tous les processus impliqués dans la réalisation de cette requête HTTP. Ici, on peut voir que WC_Form_Handler::add_to_cart_action est engagé. Plus haut, nous voyons qu’il implique également un script WordPress non essentiel appelé payment-api.php.

Notez-les comme des preuves. Cependant, il y a encore une autre portée sur laquelle nous devons enquêter.

Voyons les détails.

Détails de portée pour un script PHP exécuté par un e extension
Détails de portée pour un script PHP exécuté par une extension

C’est ici que Kinsta APM brille le plus. Il creuse tous les processus liés à cette portée, puis il lui donne un certain contexte. Vous pouvez voir qu’il s’agit d’un script/fonction PHP nommé update_card_payment à l’intérieur de l’extension payment-api.

Vous avez maintenant rassemblé suffisamment de preuves pour pouvoir porter un jugement éclairé sur la manière de commencer votre processus de dépannage.

Je poursuivrais ce diagnostic en examinant l’extension payment-api, en particulier pour un script PHP ou une fonction appelée update_card_payment.

Si vous ou votre équipe n’avez pas les compétences techniques nécessaires pour résoudre ces problèmes, vous pouvez engager un développeur WordPress pour les étudier.

Ensuite, je contacte l’auteur de l’extension pour qu’il examine son API de paiement, car elle répond très lentement. Kinsta APM peut vous amener dans la bonne direction pour identifier rapidement la cause profonde d’un problème de performance. Ce que vous faites de ces connaissances ne dépend que de vous !

2. Exemple d’APM WooCommerce : Tableau de bord d’administration WooCommerce lent

Les performances de l’administration d’une boutique en ligne sont tout aussi cruciales que celles de l’interface publique. Alors qu’un tableau de bord d’administration WooCommerce lent peut avoir un impact négatif sur votre productivité, une zone d’administration plus rapide peut augmenter votre efficacité dans la gestion des tâches quotidiennes et la rapidité avec laquelle vous répondez aux commandes des clients.

Disposer d’un tableau de bord WooCommerce efficace vous permet également de faire des choses plus essentielles pour le succès de votre boutique en ligne, comme le marketing numérique.

WooCommerce 4.0 a introduit un tableau de bord simplifié
WooCommerce 4.0 a introduit un tableau de bord simplifié

Idéalement, les optimisations de l’administration commencent par celles de l’interface publique, car dans la plupart des cas, l’accélération de l’interface publique permet de résoudre également les problèmes de performance de l’administration. Avec Kinsta APM, vous n’avez plus besoin de vous fier à de telles suppositions. Vous verrez les données de performance exactes pour l’ensemble du site, ce qui vous aidera à résoudre tout problème de performance.

Dans cet exemple, le tableau de bord de l’administration est lent pour l’administrateur et les gestionnaires de boutique. Ce n’est pas idéal pour s’occuper des opérations quotidiennes de la boutique en ligne.

Lançons Kinsta APM pour voir quel est le problème.

Après avoir activé Kinsta APM, j’ai attendu plus de 15 minutes avant de fouiller dans les données de performance. En attendant, j’ai continué à utiliser l’administration de WooCommerce comme d’habitude.

Les mesures de performance dans l'écran principal du tableau de bord de Kinsta APM
Les mesures de performance dans l’écran principal du tableau de bord de Kinsta APM

Le tableau des délais globaux de transaction indique que les processus PHP prennent le plus de temps, suivis par les appels externes.

L’examen du tableau des transactions les plus lentes nous donnera une meilleure idée des requêtes qui prennent le plus de temps.

Trouver les transactions les plus lentes dans Kinsta APM
Trouver les transactions les plus lentes dans Kinsta APM

D’après le graphique ci-dessus, il est clair que deux transactions s’accaparent le plus gros du temps : /wp-admin/admin-ajax.php et /wp-admin.

L’utilisation élevée d’Admin-Ajax est l’un des problèmes de performance les plus courants auxquels sont confrontés les propriétaires de sites WordPress. Examinons cette transaction de plus près.

Exemples de transactions pour les requêtes admin-ajax.php
Exemples de transactions pour les requêtes admin-ajax.php

Tous les exemples de transaction admin-ajax.php ont presque la même durée. Une durée de transaction de plus de 10 secondes est anormalement élevée.

Voyons son exemple le plus lent.

L'exemple de transaction le plus lent pour la requête admin-ajax.php
L’exemple de transaction le plus lent pour la requête admin-ajax.php

Faites défiler le calendrier de trace de transaction vers le bas pour trouver les durées qui vous intéressent. Dans la plupart des cas, Kinsta APM les mettra en évidence.

Cependant, ce n’est pas toujours le cas, comme ci-dessous :

Trouver les portées les plus lentes dans le calendrier de suivi des transactions
Trouver les portées les plus lentes dans le calendrier de suivi des transactions

Vous pouvez observer deux portées d’une durée inhabituellement élevée : le processus PHP snail_admin_refresh et la requête HTTP externe suspicious-link.com GET.

Examiner les détails de la portée la plus lente dans Kinsta APM
Examiner les détails de la portée la plus lente dans Kinsta APM

En vérifiant les détails de la portée, vous serez dirigé vers l’extension qui exécute ce processus PHP. Ici, il s’agit d’une extension appelée snail-admin-refresh-notice. Je l’ai écrit pour produire une hideuse notification dans le tableau de bord de WordPress, comme certaines extensions WordPress populaires.

Inspection de la trace de pile sur une autre portée lente
Inspection de la trace de pile sur une autre portée lente

En regardant la trace de pile de suspicious link.com.GET, vous pouvez voir qu’elle est liée à la même extension.

La notice ennuyeuse de l'administration de WordPress
La notice ennuyeuse de l’administration de WordPress

Ici, la cause du ralentissement est littéralement en face. Cependant, ce n’est pas toujours le cas. Si plusieurs utilisateurs utilisent simultanément le tableau de bord de WooCommerce, ils peuvent ralentir encore plus les ressources du serveur. Cela peut même rendre le tableau de bord inaccessible pour certains utilisateurs.

En vous aidant à identifier rapidement la cause première de tout problème de performance, Kinsta APM vous permet de garder votre tableau de bord WooCommerce performant, toujours !

3. Exemple d’APM WooCommerce : Boutique et pages de produits lentes

Les utilisateurs ne peuvent pas attendre que les pages se chargent lentement, surtout lorsqu’il s’agit d’une boutique ou d’une page de produit. Selon l’étude d’utilisabilité de Google, les utilisateurs abandonnent une page lorsqu’il leur faut plus de 2,5 secondes pour répondre.

Une des pages de produits du site WooCommerce de test
Une des pages de produits du site WooCommerce de test

Il peut y avoir de nombreuses raisons pour lesquelles une boutique WooCommerce ou une page de produit se charge lentement :

  • La page de la boutique peut contenir trop de produits qui se chargent en même temps.
  • La taille de la page du produit peut être importante en raison d’images non optimisées, de scripts, de requêtes tierces, etc.
  • La boutique ou la page de produit peut charger beaucoup de contenu dynamique non cachable sur la page de chaque requête.
  • Une extension ou le thème peut insérer des scripts personnalisés sur chaque page de produit pour permettre des fonctionnalités supplémentaires (par exemple, des compteurs de partages sociaux, des produits similaires).

Dans cet exemple, nous allons diagnostiquer des pages de produits lentes sur notre site WooCommerce de test. Elles ont un temps de réponse exceptionnellement long, ce qui est généralement désastreux pour les taux de conversion.

Activons Kinsta APM et essayons de charger quelques pages de produits.

Je vais les tester pendant au moins 5 minutes avant de voir ce qu’il en est des mesures de performance du site.

Notez la forte augmentation du temps de transaction lié à MySQL
Notez la forte augmentation du temps de transaction lié à MySQL

Dans le graphique Temps global de transaction, vous pouvez observer une augmentation drastique du temps nécessaire aux requêtes MySQL. Et d’après l’horodatage, tout est récent.

Choisissons une durée plus courte pour nous concentrer sur ces transactions récentes. Cela permettra d’exclure toutes les anciennes mesures de performance de notre diagnostic actuel.

Choisir une durée plus courte dans Kinsta APM
Choisir une durée plus courte dans Kinsta APM

Jetons maintenant un coup d’œil au tableau des transactions les plus lentes et voyons quelles requêtes prennent le plus de temps.

Les requêtes des pages de produits sont les plus lentes
Les requêtes des pages de produits sont les plus lentes

Comme prévu, la transaction /single-product occupe la majeure partie de la durée totale. WooCommerce déclenche cette requête lorsqu’un utilisateur visite une page de produit individuel.

Sa durée maximale (136.417,63 ms) est extraordinairement élevée.

Allons voir.

Exemples de transactions pour les requêtes de pages individuelles de produits
Exemples de transactions pour les requêtes de pages individuelles de produits

Je vais cliquer sur l’exemple le plus lent pour l’inspecter. En faisant défiler la chronologie des transactions, nous aurons une meilleure idée de la cause de ce problème de performance.

La portée à problèmes est mise en évidence en rouge gras
La portée à problèmes est mise en évidence en rouge vif

Vous pouvez voir que Kinsta APM a mis en évidence la portée par une couleur rouge vif. En regardant son icône, vous pouvez en déduire qu’il s’agit d’une requête de base de données.

 Détails de portée » et « Trace de pile » de la requête de base de données lente
Détails de « portée » et « Trace de pile » de la requête de base de données lente

Kinsta APM écrase la trace de pile de cette portée et identifie l’extension qui génère cette requête de base de données.

Ici, il s’agit d’une extension appelée woocommerce-related-products. Il s’agit d’une extension WooCommerce qui génère dynamiquement un diaporama de produits similaires pour chaque page de produit individuel en fonction de divers critères.

Le diaporama « produits similaires » dans une page de produit
Le diaporama « produits similaires » dans une page de produit

Sous les détails de la portée, vous pouvez également voir la déclaration de la base de données que j’ai injectée dans cette extension WooCommerce pour simuler ce problème de performance.

Pour les grandes boutiques WooCommerce qui vendent des centaines (ou des milliers) de produits, l’introduction d’une nouvelle fonctionnalité ou la mise à jour d’une fonctionnalité existante peut entraîner des problèmes de performance inattendus. Les problèmes comme celui présenté ci-dessus sont assez courants. Kinsta APM facilite leur diagnostic et leur correction.

Résumé

Nous vivons dans un monde où tout va très vite et où vous pouvez accéder à presque tout, 24/7. Qu’il s’agisse d’une petite ou d’une grande entreprise, WordPress et WooCommerce vous permettent de commencer très facilement à vendre en ligne. Et vous pouvez trouver des thèmes rapides pour les deux (thèmes WordPress rapides, thèmes WooCommerce rapides).

L’expérience utilisateur est la clé du succès d’une boutique en ligne, et elle dépend principalement de ses performances. Cependant, comme le montre cet article, il est difficile de surveiller les performances d’une boutique WooCommerce.

Dans cet article, vous avez appris à utiliser Kinsta APM pour corriger les problèmes de performance de WooCommerce tels que les longs appels d’API, la lenteur du tableau de bord et la lenteur des requêtes de base de données. En vous aidant à sortir de l’équation, Kinsta APM vous permet de tracer les problèmes de performance et de les résoudre rapidement avec un minimum de perturbations.

Mettez-vous au travail avec Kinsta APM dès aujourd’hui et gagnez un avantage significatif sur le marché concurrentiel actuel !

Salman Ravoof

Salman Ravoof is a self-taught web developer, writer, creator, and a huge admirer of Free and Open Source Software (FOSS). Besides tech, he's excited by science, philosophy, photography, arts, cats, and food. Learn more about him on his website, and connect with Salman on Twitter.