Accélérer WooCommerce

Accélérer WooCommerce : Optimisation des performances pour votre boutique en ligne

Pour une boutique en ligne, le temps de chargement n'est pas seulement un indicateur technique, mais un enjeu directement commercial. Si les pages de produits se chargent lentement, que le panier réagit de manière tardive ou que la commande se bloque, les clients perdent rapidement confiance et abandonnent leur achat. WooCommerce est puissant, mais plus dynamique qu'un site WordPress standard. C'est pourquoi une boutique nécessite une configuration des performances particulièrement soignée.

La bonne nouvelle : de nombreuses boutiques WooCommerce peuvent être considérablement accélérées grâce aux bonnes mesures. Les éléments clés sont des images de produits optimisées, un caching correct, une base de données bien entretenue, des versions PHP à jour, une configuration de plugins épurée et une offre d'hébergement adaptée au nombre de produits, au volume de visiteurs et aux commandes.

Pourquoi WooCommerce nécessite plus de puissance qu'un site internet normal

Un site WordPress classique se compose souvent d'articles, de pages, d'images et de formulaires. De nombreux contenus peuvent être fortement mis en cache. Une boutique WooCommerce est en revanche beaucoup plus dynamique. Les prix, les niveaux de stock, le panier, les bons de réduction, les frais de port, les données clients et les processus de paiement doivent être calculés individuellement et correctement.

WooCommerce génère une charge supplémentaire via :

• Les données et les variantes de produits,
• Le panier et la caisse (checkout),
• Les comptes clients,
• Les commandes et les statuts de commande,
• Les prestataires de paiement,
• Le calcul des frais d'expédition,
• Le calcul des taxes,
• Les bons de réduction et les remises,
• Les images de produits et les galeries,
• Les fonctions de recherche et de filtrage,
• Les scripts de suivi et de marketing.

WooCommerce lui-même recommande pour des boutiques performantes des bases de serveur modernes telles que des versions à jour de WordPress, PHP 8.3 ou supérieur, MySQL 8.0 ou MariaDB 10.6 ou supérieur, HTTPS et une limite de mémoire WordPress d'au moins 256 Mo. Source : WooCommerce Server Recommendations

1. Vérifier la base de l'hébergement

Le facteur de performance le plus important est la base technique. Un hébergement mal dimensionné ne peut être amélioré que de manière limitée par des plugins. Surtout avec WooCommerce, la base de données, les processus PHP et la mémoire vive nécessitent des ressources suffisantes.

Vérifiez :

• Combien de produits la boutique possède-t-elle ?
• Combien de variantes de produits existe-t-il ?
• Combien de visiteurs arrivent en même temps ?
• Combien de commandes sont traitées chaque jour ?
• Quels prestataires de paiement et plugins d'expédition sont actifs ?
• Y a-t-il beaucoup de filtres, de recherches ou d'attributs de produits ?
• L'offre d'hébergement actuelle est-elle conçue pour les boutiques en ligne ?

Les petites boutiques avec peu de produits nécessitent moins de ressources que les boutiques avec de nombreuses variantes, des filtres, des importations, des interfaces et un volume de commandes élevé.

2. Mettre à jour la version de PHP

PHP est le langage de programmation côté serveur sur lequel fonctionnent WordPress et WooCommerce. Une version moderne de PHP améliore la sécurité, la compatibilité et les performances. WooCommerce indique que les versions de PHP peuvent être vérifiées dans le tableau de bord WordPress sous Outils > Santé du site > Informations > Serveur ; PHP 8.1 ou supérieur y est décrit comme une bonne base de départ, tandis que les versions plus anciennes comme PHP 7.4 ou 8.0 devraient être mises à jour. Source : Vérifier la version PHP de WooCommerce

Chez CURIAWEB, vous pouvez facilement gérer la version de PHP dans le cPanel selon votre forfait. Avant de procéder à un changement, vous devez toujours tester si le thème, les plugins et les prestataires de paiement sont compatibles.

Procédure recommandée :

1. Créer une sauvegarde (backup).
2. Utiliser un environnement de staging.
3. Augmenter la version PHP dans le staging.
4. Tester entièrement la boutique.
5. Vérifier les journaux d'erreurs (error logs).
6. Ne basculer le site en direct qu'après cela.

3. Optimiser les images de produits

Les images de produits sont l'une des raisons les plus fréquentes du ralentissement des boutiques. De nombreux e-commerçants téléchargent des images directement depuis un appareil photo ou un smartphone. De tels fichiers peuvent peser plusieurs mégaoctets et ralentir considérablement la page du produit.

Une bonne optimisation des images de produits comprend :

• Des dimensions d'image correctes,
• Une compression avant ou pendant le téléversement,
• L'usage du WebP ou de formats modernes,
• Des rapports d'aspect uniformes,
• Des noms de fichiers significatifs,
• Des textes alternatifs (Alt-texts),
• Pas de tailles d'origine inutiles,
• Le Lazy Loading pour les images hors de la zone visible.

Les plugins comme ShortPixel, Imagify, EWWW Image Optimizer ou Smush peuvent compresser les images automatiquement et générer partiellement des versions WebP. Il est important de vérifier la qualité de l'image après la compression, en particulier pour des photos de produits.

4. Vérifier la taille des images pour WooCommerce

WooCommerce utilise différentes tailles d'images pour le catalogue de produits, la page de détail du produit, la galerie et les miniatures. Si ces tailles ne correspondent pas au thème, WordPress peut afficher des images inutilement grandes ou redimensionner les images dans le navigateur.

Vérifiez :

• Les images du catalogue,
• Les images des produits uniques,
• Les miniatures de la galerie,
• Les tailles d'images spécifiques au thème,
• Les variantes Retina ou haute résolution,
• L'affichage mobile,
• Le recadrage des images de produits.

Après avoir modifié la taille des images, il peut être nécessaire de régénérer les miniatures.

5. Utiliser correctement le caching

Le caching est particulièrement important avec WooCommerce, mais aussi particulièrement sensible. Les contenus statiques comme la page d'accueil, les pages de catégories, les pages de produits et les guides peuvent souvent être mis en cache. En revanche, les zones dynamiques de la boutique doivent être correctement exclues.

WooCommerce recommande d'exclure au moins les pages suivantes du cache, à moins que le plugin de cache ne le fasse automatiquement : Cart (Panier), My Account (Mon compte) et Checkout (Caisse). Ces pages doivent rester dynamiques car elles affichent des données spécifiques au client. Source : WooCommerce Caching Plugin Configuration

Ne pas mettre en cache, ou seulement de manière très contrôlée :

• Le panier,
• La caisse,
• Le compte client,
• La confirmation de commande,
• Les zones personnalisées,
• Les pages avec des prix dynamiques,
• Les pages avec des remises spécifiques aux clients.

6. Utiliser des plugins de cache adaptés

Les plugins de cache connus comme WP Rocket, LiteSpeed Cache, W3 Total Cache ou des solutions similaires peuvent accélérer WooCommerce, mais doivent être correctement configurés. Tous les plugins ne conviennent pas à tous les environnements de serveur.

Vérifiez pour les plugins de cache :

• La compatibilité avec WooCommerce,
• Les exclusions automatiques pour le panier et la caisse,
• Le préchargement du cache (Cache Preload),
• L'optimisation CSS/JS,
• Le Lazy Loading,
• L'optimisation de la base de données, si elle est incluse,
• L'intégration d'un CDN,
• La compatibilité avec les prestataires de paiement,
• La compatibilité avec la bannière de cookies et le suivi.

Mettez régulièrement à jour vos plugins de cache. Comme ces plugins interviennent en profondeur dans l'affichage du site, les mises à jour de sécurité et de compatibilité peuvent être particulièrement cruciales.

7. Comprendre les Cart Fragments

WooCommerce utilise des "Cart Fragments" (fragments de panier) pour mettre à jour dynamiquement le panier sur le frontend, par exemple le mini-panier dans l'en-tête. Techniquement, cela se fait via des requêtes AJAX. WooCommerce décrit cette API Cart Fragments comme un mécanisme qui met à jour le panier sans rechargement complet de la page. Source : WooCommerce Cart Fragments API

C'est pratique, mais cela peut générer des requêtes serveur supplémentaires. Les boutiques équipées d'un mini-panier dans l'en-tête ou recevant de nombreux visiteurs peuvent s'en trouver ralenties.

Optimisations possibles :

• N'afficher le mini-panier que si nécessaire,
• Ne pas charger inutilement les Cart Fragments sur toutes les pages,
• Vérifier la compatibilité du thème,
• Utiliser les fonctions du plugin de cache dédiées à WooCommerce,
• Remettre en question l'utilité du panier dans l'en-tête,
• Effectuer un test de performance avec et sans mini-panier.

Les modifications apportées aux Cart Fragments doivent être testées avec soin afin de s'assurer que l'affichage du panier reste correct.

8. Entretenir régulièrement la base de données

WooCommerce stocke de nombreuses données dans la base de données WordPress : produits, variantes de produits, commandes, données clients, sessions, transitoires (transients), journaux et paramètres. De ce fait, la base de données grandit plus vite que celle d'un site internet normal.

La charge typique de la base de données WooCommerce provient de :

• Anciennes sessions,
• Transients expirés,
• Commandes,
• Variantes de produits,
• Métadonnées de produits,
• Journaux (logs),
• Données du planificateur d'actions (Action Scheduler),
• Anciennes révisions,
• Données d'importation temporaires.

Des outils comme WP-Optimize ou Advanced Database Cleaner peuvent aider à supprimer certaines données obsolètes. Avec WooCommerce, la prudence est toutefois de mise : les commandes, les données clients et les données comptables ne doivent pas être supprimées sans réfléchir.

9. Nettoyer les sessions WooCommerce et les transients

WooCommerce utilise des sessions pour gérer les paniers et les états des clients. De plus, des transients sont utilisés pour les données temporaires. Avec le temps, des données expirées peuvent s'accumuler.

Selon votre configuration, vous pouvez nettoyer :

• Les transients expirés,
• Les anciennes sessions WooCommerce,
• Les anciens journaux (logs),
• Les entrées obsolètes de l'Action Scheduler,
• Les données d'importation devenues inutiles,
• Les anciennes révisions de produits.

Ne procédez pas à ces nettoyages sans sauvegarde préalable. Pour les boutiques, veillez particulièrement à ce qu'un outil fasse la distinction entre les données temporaires sans danger et les données de commande critiques pour l'entreprise.

10. Réduire le nombre de plugins

Chaque plugin peut ajouter du CSS, du JavaScript, des requêtes de base de données, des tâches cron ou des requêtes Admin-AJAX. Dans les boutiques WooCommerce, de nombreuses extensions s'accumulent rapidement : prestataires de paiement, expédition, facturation, filtres, recherche, suivi, marketing, logique de remise et options de produits.

Vérifiez régulièrement :

• Le plugin est-il vraiment utilisé ?
• Y a-t-il des doublons avec d'autres plugins ?
• Le plugin est-il à jour ?
• Est-il compatible avec votre version de WooCommerce ?
• Ralentit-il les pages produits ou le paiement ?
• Charge-t-il des scripts sur toutes les pages ?
• Existe-t-il une alternative plus légère ?

Désactivez et supprimez les plugins inutiles. Testez d'abord les changements en staging.

11. Maintenir un processus de commande épuré

La caisse (checkout) est la zone la plus critique de votre boutique. Chaque étape supplémentaire, chaque script lent et chaque erreur peut provoquer des abandons d'achat.

Optimisez le checkout grâce à :

• Uniquement les champs nécessaires,
• Peu de scripts externes,
• Des prestataires de paiement fiables,
• Pas de cache agressif,
• Des messages d'erreur clairs,
• Un calcul rapide des frais de port,
• Une distribution fonctionnelle des e-mails,
• Une optimisation mobile,
• Des commandes tests régulières.

Effectuez une commande test complète après chaque modification des plugins de paiement, d'expédition, de taxes ou de checkout.

12. Minimiser les scripts externes

De nombreuses boutiques chargent des scripts externes pour le suivi, la publicité, le chat, les avis, les tests A/B, les réseaux sociaux ou les services de paiement. Ceux-ci peuvent influencer le temps de chargement et soulever des questions de confidentialité des données.

Vérifiez :

• Google Analytics ou autres outils de suivi,
• Le Pixel Meta,
• Le Pixel TikTok,
• Hotjar ou des outils d'analyse similaires,
• Le chat en direct,
• Les widgets d'évaluation,
• Les badges de confiance,
• Les polices de caractères externes,
• Les scripts d'automatisation marketing.

Ne chargez que les scripts qui sont vraiment nécessaires. Surtout sur les pages de paiement, les scripts externes doivent être réduits au strict minimum.

13. Optimiser les variantes et les attributs de produits

Les produits variables peuvent générer de très nombreuses combinaisons. Un t-shirt décliné en 10 couleurs, 8 tailles et plusieurs options de matériaux peut rapidement générer de nombreuses variantes. Chaque variante génère des entrées dans la base de données et augmente la complexité.

Possibilités d'optimisation :

• Ne créer des variantes que si c'est vraiment nécessaire,
• Structurer proprement les attributs,
• Supprimer les variantes inutiles,
• Limiter judicieusement les options de produits,
• Ne pas surcharger les filtres avec trop d'attributs,
• Nettoyer régulièrement les données produits.

En présence d'un très grand nombre de variantes, un modèle de données produits spécialisé ou une autre architecture de boutique peut s'avérer judicieux.

14. Vérifier la recherche de produits et les filtres

La recherche de produits et les filtres sont utiles, mais ils peuvent devenir gourmands en base de données sur les grands catalogues. Surtout les nombreux attributs, les filtres de prix, les filtres de stock et les recherches en direct peuvent influencer les performances.

Vérifiez :

• Combien de filtres sont vraiment nécessaires ?
• Les filtres sont-ils chargés sur toutes les pages ?
• La recherche est-elle assez rapide ?
• Y a-t-il beaucoup de combinaisons de filtres vides ?
• Les filtres sont-ils indexés ou causent-ils des problèmes de référencement (SEO) ?
• Une solution de recherche externe est-elle pertinente ?

Pour les petites boutiques, les filtres standard suffisent souvent. Les grands catalogues nécessitent quant à eux des solutions de recherche et de filtrage optimisées.

15. Tâches Cron et processus d'arrière-plan

WooCommerce utilise des processus en arrière-plan pour des tâches telles que les actions planifiées, les webhooks, l'envoi d'e-mails, les abonnements, la gestion des stocks ou les interfaces. WordPress utilise par défaut WP-Cron, qui se déclenche lors des visites sur les pages.

Pour les boutiques en ligne, une véritable tâche cron de serveur peut être judicieuse, car les tâches sont exécutées de manière plus fiable et plus contrôlée.

Processus d'arrière-plan typiques :

• Mises à jour du statut des commandes,
• Envoi d'e-mails,
• Traitement des abonnements,
• Appels de Webhooks,
• Synchronisation des stocks,
• Importations et exportations,
• Flux de produits (feeds),
• Actions planifiées.

Si des processus d'arrière-plan se bloquent, cela peut nuire aux commandes, aux paiements ou aux e-mails.

16. Utiliser un CDN de manière judicieuse

Un réseau de diffusion de contenu, ou CDN, peut distribuer des fichiers statiques tels que des images, du CSS et du JavaScript via des serveurs géographiquement répartis. Cela peut s'avérer particulièrement utile en présence de clients internationaux.

Un CDN est utile si :

• Les clients viennent de différents pays,
• De nombreuses images de produits sont diffusées,
• Le trafic fluctue fortement,
• Les fichiers statiques doivent être optimisés,
• Une protection supplémentaire contre les attaques DDoS ou un pare-feu est souhaitée.

Pour les boutiques purement locales en Suisse avec un public cible suisse, un bon hébergement suisse constitue souvent déjà une excellente base. Un CDN peut néanmoins s'avérer utile selon la quantité d'images et le trafic.

17. Mesurer les performances

N'optimisez pas à l'aveugle. Mesurez d'abord où se situent les problèmes. Une page produit lente a des causes différentes d'un checkout lent ou d'un back-office laborieux.

Zones de contrôle utiles :

• Page d'accueil,
• Pages de catégories,
• Pages de produits,
• Panier,
• Caisse,
• Compte client,
• Espace d'administration,
• Recherche de produits,
• Affichage mobile.

Des outils comme PageSpeed Insights, WebPageTest, les outils de développement des navigateurs ou les journaux de serveur peuvent vous aider. WooCommerce fournit lui-même des bonnes pratiques en matière de performances concernant le cache, l'optimisation des images, la maintenance des bases de données, la minification du code et l'utilisation de CDN. Source : WooCommerce Performance Optimization

18. Améliorer les performances du back-office

Les clients ne sont pas les seuls à constater des problèmes de performance. Le back-office de WordPress peut également devenir lent avec WooCommerce, en particulier en présence de nombreux produits, commandes ou plugins.

Mesures :

• Filtrer les listes de commandes plutôt que de tout afficher en même temps,
• Désactiver les widgets inutiles du tableau de bord,
• Nettoyer les anciens journaux,
• Vérifier l'Action Scheduler,
• Réduire les variantes de produits,
• Analyser la charge Admin-AJAX,
• Supprimer les plugins inutiles,
• Dimensionner correctement la limite de mémoire PHP.

Un back-office lent est souvent le signe qu'il convient de vérifier la base de données, les plugins ou les ressources.

19. Penser de concert sécurité et performances

L'optimisation des performances ne doit pas se faire au détriment de la sécurité. Ne désactivez pas de fonctions de sécurité importantes juste pour gagner quelques millisecondes. Surtout dans le cas des boutiques, les données clients, les paiements et les accès à l'administration doivent rester protégés.

Veillez à :

• Une version à jour de WooCommerce,
• Des plugins de paiement à jour,
• Le protocole SSL,
• Des mots de passe forts,
• L'authentification à deux facteurs,
• Des sauvegardes régulières,
• Le staging pour les mises à jour,
• Pas de plugins de performance obsolètes,
• Pas de fragments de code non sécurisés.

20. Quand une mise à niveau de l'hébergement est-elle judicieuse ?

Une petite offre d'hébergement peut suffire pour démarrer. Cependant, à mesure que votre boutique grandit, les exigences en matière de CPU, de RAM, de processus PHP, de performances de base de données et de visiteurs simultanés augmentent.

Une mise à niveau est judicieuse si :

• Les pages produits restent lentes malgré les optimisations,
• Le checkout devient laborieux sous la charge,
• De nombreux visiteurs arrivent simultanément,
• De nombreux produits ou variantes sont présents,
• Les importations ou exportations s'interrompent,
• Le back-office est visiblement lent,
• La base de données est devenue très volumineuse,
• Les campagnes marketing génèrent des pics de trafic,
• Les limites du serveur sont régulièrement atteintes.

CURIAWEB peut vérifier si votre offre actuelle correspond toujours à votre boutique ou si l'attribution de ressources supplémentaires est judicieuse.

21. Erreurs fréquentes en matière de performances WooCommerce

• Des images de produits trop grandes : Plusieurs mégaoctets par image ralentissent massivement les pages produits.
• Le checkout mis en cache : Entraîne des paniers erronés ou des problèmes de paiement.
• Trop de plugins : Chaque plugin peut générer une charge supplémentaire.
• Une version PHP obsolète : Moins bonne pour les performances, la sécurité et la compatibilité.
• Pas d'entretien de la base de données : Les sessions, transients et journaux grandissent de manière incontrôlée.
• Trop de variantes : Les données produits deviennent inutilement complexes.
• Des scripts externes chargés partout : Le suivi et les widgets freinent les pages importantes.
• Pas de commandes tests : Les erreurs de checkout restent invisibles.
• Seul le score PageSpeed est pris en compte : Les processus d'achat réels ne sont pas testés.

Procédure recommandée

1. Créer une sauvegarde : Avant toute optimisation majeure.
2. Utiliser le staging : Ne pas tester les modifications directement sur la boutique en ligne.
3. Vérifier la version de PHP : Utiliser une version moderne et tester la compatibilité.
4. Optimiser les images : Vérifier les dimensions, la compression, le WebP et les textes Alt.
5. Configurer le cache correctement : Exclure le panier, la caisse et le compte client.
6. Nettoyer la base de données : Entretenir de manière contrôlée les sessions, transients, journaux et révisions.
7. Réduire les plugins : Ne laisser actifs que les extensions nécessaires.
8. Tester le checkout : Effectuer une commande test complète après chaque changement.
9. Vérifier les scripts externes : Réduire le suivi, le chat et les widgets.
10. Mesurer les performances : Vérifier séparément la page produit, la catégorie, le panier, la caisse et le back-office.
11. Évaluer l'offre d'hébergement : Réévaluer les besoins en ressources en période de croissance.

Foire aux questions sur l'optimisation de WooCommerce

Pourquoi WooCommerce est-il plus lent qu'un site WordPress normal ?

WooCommerce traite des données dynamiques telles que le panier, la caisse, les prix, les expéditions, les taxes, les comptes clients et les commandes. Cela génère plus de requêtes de base de données et de processus PHP.

Puis-je mettre en cache les pages WooCommerce ?

Oui, mais pas toutes. Les pages de produits et de catégories peuvent souvent être mises en cache. Le panier, la caisse et le compte client doivent rester dynamiques et doivent être exclus du cache. Source : WooCommerce Caching Plugin Configuration

Quelle version de PHP dois-je utiliser pour WooCommerce ?

WooCommerce recommande des environnements de serveurs modernes ; les recommandations de serveurs mentionnent PHP 8.3 ou supérieur. Avant tout changement, testez toujours le thème, les plugins et les prestataires de paiement dans un environnement de staging. Source : WooCommerce Server Recommendations

Quel est le problème de performance le plus fréquent sur WooCommerce ?

Les images de produits très volumineuses, un nombre excessif de plugins, un cache mal configuré et des versions PHP obsolètes figurent parmi les causes les plus fréquentes.

Dois-je utiliser un plugin d'optimisation des images ?

Oui, c'est souvent utile. Veillez toutefois à vérifier la qualité des images après compression, en particulier pour les photos de produits.

Que sont les Cart Fragments ?

Les Cart Fragments mettent à jour les informations du panier sur le frontend sans rechargement complet de la page. C'est pratique, mais cela peut générer des requêtes AJAX supplémentaires et doit être analysé en cas de problème de performance. Source : WooCommerce Cart Fragments API

Une optimisation de la base de données peut-elle accélérer ma boutique ?

Oui, en particulier pour les grandes boutiques contenant de nombreuses sessions, transients, variantes de produits ou journaux. Il est important d'effectuer une sauvegarde et de procéder avec prudence afin de ne pas supprimer de données relatives aux commandes ou aux clients.

Quand ai-je besoin d'une offre d'hébergement plus performante ?

Si les pages produits, le checkout ou le back-office restent lents malgré les optimisations, que de nombreux visiteurs simultanés arrivent ou que le volume de produits et de commandes augmente fortement, il convient de revoir l'offre d'hébergement.