Comment accélérer la boutique WooCommerce qui augmente le retour sur investissement

Publié: 2022-11-18

Vous vous demandez pourquoi votre boutique en ligne n'obtient pas le trafic que vous aviez prévu ? – Le retard dans le temps de chargement de la page peut être une bonne raison. Ce guide vous montre comment accélérer votre boutique WooCommerce manuellement ou à l'aide d'outils simples.

En cette ère de gratification instantanée, nous avons tous l'intention d'obtenir un service rapide. Cela signifie que plus un site Web se charge rapidement, plus un visiteur est susceptible d'effectuer un achat. En fait, 47 % des clients s'attendent à ce qu'un site se charge en deux secondes ou moins. Et 40% quitteront une page si elle met plus de 3 secondes à se charger.

La marque leader Walmart a enregistré jusqu'à 2 % d'augmentation des conversions pour chaque seconde d'amélioration du temps de chargement. Chaque amélioration de 100 ms entraînait également une augmentation des revenus pouvant atteindre 1 %.

Heureusement, avec WordPress, vous pouvez facilement accélérer les performances de votre boutique en garantissant un maximum de pages vues et une expérience client fluide. Ci-dessous, nous discutons de quelques conseils pratiques que vous pouvez suivre pour améliorer immédiatement la vitesse de votre site WooCommerce. Pas besoin d'être un gig technique ou d'avoir des connaissances de programmation de haut niveau. Nous le gardons simple mais efficace pour les utilisateurs WordPress de niveau débutant à avancé.

Avant d'aller dans les profondeurs, commençons par le fait-

Renforcez la réputation de votre entreprise avec une boutique WooCommerce plus rapide

comment accélérer le magasin woocommerce

Une vitesse de page plus rapide garantit une meilleure expérience utilisateur. Ceci, à son tour, augmente la conversion, ce qui peut conduire à générer davantage de ventes et de revenus. Cela vous garde toujours une longueur d'avance sur vos concurrents qui ont des sites à chargement lent.

Les consommateurs citent la lenteur du chargement (64 %) et la difficulté à trouver des produits (55 %) comme les deux principales sources d'irritation lors des achats en ligne.

Marque parfaite - Enquête sur le commerce de détail

Puisque les performances de votre site WooCommerce affectent directement les ventes. Les clients n'ont pas la patience pour un site à chargement lent. Ils passeront immédiatement à de meilleures alternatives. Selon une étude, 80 % des utilisateurs qui ont rencontré un site Web peu performant ne reviennent jamais au même endroit.

Dans une autre étude, 52 % des acheteurs en ligne déclarent que le chargement rapide des pages est important pour leur fidélité au site. Cela signifie que le temps de chargement des pages est également important pour la réputation de votre marque. En dehors de cela, Google considère la vitesse de votre site comme l'un des facteurs les mieux classés dans le SERP (Search Engine Results Page).

À titre d'exemple, le détaillant de commerce électronique Amazon estime qu'un retard d'une seconde dans le chargement d'une page Web peut coûter plus de 1,6 milliard de dollars en perte de revenus chaque année. D'autre part, la société de navigateurs Internet Mozilla a optimisé le temps de chargement de sa page Web de 2,2 secondes plus rapidement. Puis connu une augmentation de 60 millions de téléchargements de navigateur en un an.

Pour résumer, si vous voulez plus de clients, une conversion plus élevée et un immense profit pour votre boutique en ligne, vous devez rendre votre site Web WooCommerce RAPIDE !

Ressource connexe : 5 impacts négatifs d'un site Web lent et comment le rendre plus rapide.

11 façons puissantes d'accélérer votre boutique WooCommerce

Comprenant l'importance de la vitesse des pages, il est maintenant temps d'optimiser votre site WooCommerce. Nous avons décrit ici 11 moyens efficaces qui vous aideront à accélérer votre boutique en ligne.

  1. Obtenez un fournisseur d'hébergement WooCommerce de haute qualité
  2. Augmenter la limite de mémoire WordPress
  3. Optimiser les principaux paramètres de WooCommerce
  4. Obtenez un thème WooCommerce plus rapide
  5. Gardez votre version PHP à jour
  6. Optimiser les images du site Web WooCommerce
  7. Optimisez le code de votre site Web
  8. Utiliser un plugin de cache WordPress
  9. Utiliser un réseau de diffusion de contenu (CDN)
  10. Désactiver les fragments de panier AJAX dans WooCommerce
  11. Identifier et résoudre les problèmes de base de données

1. Obtenez un fournisseur d'hébergement WooCommerce de haute qualité qui prend en charge HTTP/2

Fournisseur d'hébergement WooCommerce

Un hébergement WordPress rapide et fiable joue un rôle important dans les performances du site Web. Il augmente la vitesse de votre site et crée un parcours client fluide. Alternativement, un hébergement de mauvaise qualité peut ralentir votre site Web. Essayez de choisir une solution d'hébergement pour votre boutique WooCommecre qui offre une disponibilité maximale sans aucune interruption.

L'augmentation du trafic de base et des pages de produits finira par rendre votre site lourd. En revanche, il y a plusieurs pics de trafic pour une boutique en ligne en un an. Tels que des événements spéciaux, des offres, des remises et autres. Votre hébergeur doit pouvoir gérer cette croissance sans affecter le temps de chargement du site.

Il existe plusieurs types de services d'hébergement de commerce électronique disponibles pour vous. Vous pouvez vous aligner avec votre fournisseur d'hébergement en fonction de votre budget, de la niche de votre site et de votre objectif. Voici les options d'hébergement les plus populaires :

types de fournisseurs d'hébergement Web woocommerce

Ce guide vous aide à choisir le meilleur service d'hébergement pour votre entreprise - 15 hébergements gérés fiables pour les sites WordPress et WooCommerce.

De plus, vous devriez envisager d'améliorer le protocole HTTP/2 ou HTTP/3 par rapport à HTTP 1.1. Il vous offre des fonctionnalités étendues en termes de vitesse, d'efficacité et de sécurité. Si votre fournisseur d'hébergement ne prend pas en charge HTTP/2, il est temps de changer.

En savoir plus : Obtenez le meilleur hébergement WooCommerce pour maintenir les performances de votre site à un niveau élevé et dynamique.

2. Augmentez la limite de mémoire WordPress

La mémoire par défaut de WordPress est définie sur 32 Mo pour PHP. S'il rencontre des problèmes, il mettra automatiquement à niveau cette limite à 40 Mo (pour un seul site) ou 64 Mo (pour un multisite).

Mais cette limite de mémoire ne sera pas suffisante pour faire fonctionner un site WooCommerce. Votre boutique peut dépasser la limite à un moment donné et recevoir un message d'erreur fatale sur votre tableau de bord. Tel que-

"La taille de mémoire autorisée de xxxxxx octets est épuisée"

Nous vous recommandons d'augmenter la limite à 256 Mo. Il existe deux options possibles pour ajuster cette limite de mémoire. Vous pouvez le modifier vous-même ou contacter votre hébergeur. Vous pouvez configurer la limite en suivant les étapes ci-dessous-

Editez votre fichier wp-config.php :

  • Accédez à wp-config.php, qui se trouve par défaut dans le dossier racine de WordPress.
  • Trouvez la ligne à la toute fin du fichier : /* C'est tout, arrêtez d'éditer ! Bon blog. */
  • Juste après cette ligne, ajoutez la ligne suivante : define('WP_MEMORY_LIMIT', '256M').
  • Enregistrez vos modifications.
wp-memorry-limit

Modifiez votre fichier PHP.ini :

  • Si vous avez accès au fichier PHP.ini, modifiez la limite de mémoire maximale autorisée
  • Par exemple, si la ligne affiche 64M, changez-la en 256M
    limite_mémoire = 256M ; Quantité maximale de mémoire qu'un script peut consommer (64 Mo)

Editez votre fichier .htaccess :

  • Si vous n'avez pas accès à PHP.ini, accédez au fichier .htaccess et collez-y le code suivant :
    php_value memory_limit 256M

Cette technique est très efficace pour optimiser la vitesse de votre boutique en ligne WooCommerce. N'oubliez pas de sauvegarder n'importe quel fichier avant de le modifier. Donc, si quelque chose ne va pas, vous pouvez remplacer le fichier modifié par la copie originale.

Lisez à propos de : Pourquoi les entreprises de commerce électronique échouent et comment les résoudre.

3. Optimisez les principaux paramètres de WooCommerce

WooCommerce est livré avec un large éventail d'options de personnalisation. Vous devez apporter quelques modifications primaires pour maintenir les performances de votre site en tenant compte de vos besoins personnels.

Tout d'abord, modifiez l'URL de votre page de connexion. En règle générale, l'URL de connexion de chaque site WordPress ressemble à domain.com/wp-admin . Bien qu'il soit facile à retenir, un problème peut également survenir. Ce lien est également facilement prévisible pour les bots et les pirates.

Afin de protéger votre site contre les attaques par force brute d'acteurs malveillants, définissez votre URL de connexion sur unique. Ainsi, vous pouvez également vous épargner des erreurs HTTP telles que 429 Too Many Requests.

De plus, WooCommerce vous permet de définir le nombre de messages affichés sur votre flux de blog. Par défaut, WordPress le limite à 10 publications par page, mais vous pouvez choisir une limite inférieure.

définir la limite de publication à partir du paramètre woocommerce

Désactivez également les pingbacks sur votre site Web. Ils génèrent généralement des spams sans valeur qui peuvent ralentir la vitesse de votre site.

4. Obtenez un thème WooCommerce plus rapide

utilisez un thème woocommerce optimisé pour maintenir les performances de votre site Web plus rapidement

Parmi tous les autres facteurs, le thème WooCommerce a un impact significatif sur les performances de votre site. Un thème mal codé peut ralentir votre site. Portez une attention particulière à l'optimisation de la vitesse lors de la sélection d'un thème pour votre site WooCommerce.

Il est généralement préférable d'utiliser un thème simple. Bien sûr, il est également important de choisir un thème qui correspond aux fonctionnalités de votre magasin et offre un look attrayant à votre public. Vous trouverez des milliers de modèles prêts à l'emploi avec des conceptions graphiques modernes et des effets super cool. Mais les styles fantaisistes et les effets jazzy se font souvent au détriment de la performance. C'est pourquoi, essayez d'éviter les thèmes submergés de mises en page complexes, d'animations flashy et d'autres fonctionnalités inutiles. Vous pouvez facilement ajouter ces fonctionnalités à l'aide de plugins WordPress de qualité.

Il existe de nombreux marchés de thèmes WordPress qui proposent de beaux thèmes bien codés et optimisés pour la vitesse. Tels que ThemeForest, Themify, StudioPress, CSSIgniter, etc. N'oubliez pas de vérifier la vitesse de la démo avant de finaliser un thème. Des outils comme Pingdom vous donneront une idée de la qualité de son codage.

Vous trouverez ici une liste complète des meilleurs thèmes WooCommerce responsive pour votre boutique en ligne.

5. Gardez votre version PHP à jour

WordPress est écrit en langage PHP. Comme d'autres langages, il offre également des améliorations continues à chaque mise à jour. Avec la dernière version de PHP, vous pouvez profiter d'une sécurité accrue et d'une exécution de code plus rapide ainsi que d'autres avancées. Tous ces facteurs sont importants pour assurer le bon fonctionnement de votre boutique WooCommerce.

Voici les 2 principaux avantages de l'utilisation de la dernière version de PHP :

  • Chaque nouvelle version de PHP donnera un immense coup de pouce à votre site WooCommerce. Il est censé augmenter le temps de chargement de votre site jusqu'à 3 à 4 fois plus rapidement.
  • La dernière version de PHP enregistre toutes les nouvelles fonctionnalités de sécurité et les correctifs de vulnérabilité. Ainsi, l'utilisation des anciennes versions de PHP peut exposer votre site à des risques.

Accédez à la section Statut de WooCommerce. Maintenant, vérifiez quelle version de PHP vous utilisez actuellement sur votre site :

vérification de la version php

Prochaine mise à niveau vers la dernière version de PHP (après avoir publié de nouvelles mises à jour) dans votre compte d'hébergement.

Assurez-vous que votre hébergement prend en charge la dernière version de PHP. Vous ne savez pas combien de choses seraient changées dans la dernière version. Par exemple, PHP 7 a permis aux sites Web de fonctionner 2 fois plus rapidement avec une consommation de mémoire 50 % supérieure à celle de PHP 5.6.

Abonnez-vous au blog weDevs

Nous envoyons une newsletter hebdomadaire, pas de spam à coup sûr

6. Optimisez les images du site Web WooCommerce

Pop-up sur les sites Web
Pop-up sur les sites Web

Les images sont les éléments essentiels d'un site WooCommrce. Des milliers d'images sont incluses dans une boutique en ligne pour décrire les détails du produit. Si vous utilisez ces photos sans les optimiser, cela peut nuire à la vitesse de votre site. Malheureusement, un grand nombre de propriétaires de sites font cette erreur. En conséquence, ils commencent à perdre des clients, ce qui a également un impact sur leurs revenus.

Selon le rapport sur l'état des images de HTTP Archive, il peut économiser 545 Ko par page en chargeant paresseusement des images masquées et hors écran. Vous pouvez encore économiser 40,3 Ko par page en réglant vos niveaux de compression JPEG sur 85 ou moins. Ces données proviennent directement de Lighthouse, l'outil de test de vitesse de Google pour les sites Web mobiles.

Voici 5 règles de base pour optimiser les images de votre boutique WooCommerce :

  • Sélectionnez le bon format pour vos images (JPEG, PNG, SVG, WebP)
  • Compressez efficacement la taille de l'image en utilisant les bons outils
  • Utilisez des images réactives adaptées à différents appareils
  • Chargement paresseux des images hors écran et masquées
  • Déchargez la livraison d'images vers des CDN rapides.

Vous pouvez compresser les images avant de les télécharger sur votre boutique en ligne. Voici quelques-uns des meilleurs outils de compression d'images en ligne :

  • Compresseur.io
  • Squoosh.app
  • Shrinkme.app
  • Kraken.io
  • Imagify.io
  • TinyPNG

Ou vous pouvez installer des plugins de compression et d'optimisation d'image dans votre boutique WooCommerce. Ils réduiront automatiquement la taille de vos images sans compromettre la qualité de l'image. Tels que WP Smushit, Imagify, ShortPixel, etc.

7. Optimisez le code de votre site Web

Lorsque vous installez un thème ou un plugin sur votre site WordPress, il charge des scripts et des feuilles de style sur toutes vos pages. Vous devez gérer ces ressources même lorsque vous ne les utilisez pas sur votre site. Ces fichiers peuvent ralentir votre site.

Par exemple, il n'est pas nécessaire de charger des scripts liés aux passerelles de paiement sur la page d'accueil de votre boutique. Limitez ce type de chargement de script uniquement sur les pages de paiement et de confirmation de commande. Heureusement, vous pouvez localiser les actifs que vous devez éliminer du rapport de test de vitesse du site Web. Le graphique en cascade vous montre les ressources inutiles qui doivent être restreintes.

GTMetrix-Waterfall-Chart

La suppression de ces actifs inutilisés du site accélérera les temps de chargement de vos pages. Vous pouvez prendre certaines mesures pour désactiver de manière sélective les plugins et les scripts des pages où ils n'ont pas besoin de se charger. Ces actions incluent la compression, la minification et la concaténation GZip. La compression GZip est une méthode d'optimisation qui minimise les fichiers Web pour accélérer les transferts réseau. Cependant, vous pouvez réduire et concaténer ces fichiers avant de les compresser. Certains outils que vous pouvez utiliser pour atteindre cet objectif sont- Autoptimize, Hummingbird, etc.

Vous pouvez désactiver ces fonctions lorsqu'elles ne sont pas utilisées :

  • Plugin Slider sur les pages qui n'utilisent pas de sliders
  • Plugin d'extraits enrichis sur les pages qui n'ont pas besoin d'extraits enrichis
  • Les scripts et les styles WooCommerce n'ont pas de fonction de commerce électronique
  • Plugin de gestion des liens d'affiliation sur les pages qui ne contiennent pas de liens aff
  • Plugin de formulaire de contact sur les pages qui n'utilisent pas de formulaire de contact
  • Plugin de partage social sur toutes les pages (comme il est généralement utilisé sur les articles de blog)
  • Fonctionnalité inutilisée dans votre constructeur de page.

8. Utilisez un plugin de cache WordPress

Il existe plusieurs plugins de mise en cache gratuits disponibles sur le marché. Vous pouvez les utiliser pour supprimer toutes les données inutiles de votre site WordPress comme les scripts et styles de cache et minifier le HTML. Nos principales recommandations incluent :

  • WP Super Cache
  • Cache LiteSpeed
  • Cache le plus rapide de WP
  • WP-Optimize – Nettoyer, Compresser, Cacher
  • Cache total W3

Testez un par un sur votre site Web et surveillez lequel fonctionne le mieux pour votre boutique en ligne. Lisez ce guide détaillé sur les meilleurs plugins de mise en cache WordPress comparés pour obtenir le bon pour votre boutique en ligne.

9. Utilisez un réseau de diffusion de contenu (CDN)

Un réseau de diffusion de contenu (CDN) est un cadre de serveurs distribués qui fournit du contenu statique mis en cache à partir de serveurs à un utilisateur Web. Ce processus de distribution dépend de l'emplacement géographique de l'utilisateur, de l'origine de la page Web et du serveur de diffusion de contenu.

utiliser le réseau de diffusion de contenu pour accélérer votre boutique WooCommerce

Supposons qu'un client visite votre boutique WooCommerce depuis un endroit proche d'un serveur sur lequel votre site est déjà chargé. Le navigateur peut rapidement récupérer le contenu du serveur. Mais des problèmes surviennent lorsque l'emplacement du client et le serveur sont éloignés l'un de l'autre. Ensuite, le contenu doit parcourir une longue racine, ce qui peut ralentir le chargement de la page. Dans ce cas, un service CDN peut résoudre le problème de distance géographique. Cela s'applique particulièrement aux magasins WooCommerce ayant une présence internationale.

Une structure CDN envoie du contenu à partir d'un « serveur périphérique » qui est plus proche de chaque utilisateur final individuel. Cela dépend principalement de leur emplacement dans le monde. Les options CDN populaires sont Cloudflare, MaxCDN, Sucuri, StackPath, Cloudways CDN, KeyCDN, etc.

11. Désactiver les fragments de panier AJAX dans WooCommerce

Accélérez votre boutique WooCommerce en désactivant les fragments de panier AJAX

Les fragments de panier AJAX sont une fonctionnalité par défaut de WooCommerce. C'est un script qui utilise admin-ajax qui met automatiquement à jour le panier sans actualiser la page. Cette fonctionnalité donne un aperçu rapide des produits que les clients ont déjà ajoutés à leurs paniers en ligne.

Malgré cette efficacité, un nombre élevé de requêtes AJAX peut ralentir les performances de vitesse de votre site. Cela peut également interrompre la mise en cache sur des pages qui n'ont même pas besoin des détails du panier. Par exemple, la page d'accueil, les articles de blog ou les pages de contact ne contiennent généralement aucune fonctionnalité de commerce électronique. Les fragments de panier sur de telles pages réduiront la capturabilité. Cela dégradera également progressivement les performances du serveur.

Désactivez les fragments de panier AJAX si vous recevez un nombre élevé de requêtes AJAX sur votre site WooCommerce. Cela peut aider à améliorer la stabilité et la vitesse de votre site.

Une solution simple pourrait être d'utiliser le plugin Disable Cart Fragments. Cela désactivera automatiquement la fonctionnalité de fragments de panier AJAX dans votre boutique WooCommerce. Alternativement, vous pouvez personnaliser la fonction à partir de l'option de réglage WooCommerce. Tout d'abord, désactivez "Activer les boutons d'ajout au panier AJAX sur l'archive". Cochez ensuite l'option « Rediriger vers le panier ». Il est essentiel de permettre aux acheteurs de vérifier leurs informations.

activer AJAX pour votre site WooCommerce

12. Identifier et résoudre les problèmes de base de données

Un système de base de données de site organise et stocke toutes les données de votre boutique WooCommerce. Si vous gardez votre base de données propre et optimisée, cela peut minimiser le temps de chargement des pages. N'oubliez pas que même une ou deux secondes peuvent faire une énorme différence entre un rebond et une conversion.

Pour un site WooCommerce, les données peuvent être classées en 2 sections :

Contenu du site : ce sont les données qui créent des pages HTML dynamiques telles que des pages de blog, des pages de produits et des pages de catégories.

Données transactionnelles : ce sont les données qui proviennent des actions d'un utilisateur. Il comprend généralement les détails de la commande de vos clients et les mises à jour des stocks.

comment accélérer woocommerce

Avec le temps, votre base de données accumule de nombreux commentaires indésirables, des copies de révisions de publications, des publications supprimées, des commentaires supprimés, des restes de plugins que vous n'utilisez plus, des thèmes, etc. Lorsqu'il devient très volumineux et gonflé, les performances du site Web en souffrent. Le nettoyage de votre base de données déchargera un espace considérable pour que votre boutique WooCommerce fonctionne plus rapidement et plus facilement.

Vous pouvez utiliser des plugins WordPress pour nettoyer votre base de données. Tel que -

  • WP-Optimiser
  • Fusée WP
  • Optimiseur de nettoyage WP
  • Nettoyeur de base de données avancé
  • Booster de nettoyage

Qu'est-ce qu'une bonne vitesse de site pour le commerce électronique ?

Selon les recherches d'Akamai, 47 % des utilisateurs de sites Web s'attendent à ce qu'une page Web se charge en moins de deux secondes. Les utilisateurs mobiles et de bureau s'attendent à un site plus rapide pour leurs achats en ligne. Mais les temps de chargement moyens de diverses industries aux États-Unis ne satisfont pas à cette référence. Jetez un coup d'œil à cette recherche de Google :

indice de vitesse moyenne

Comme vous pouvez le constater, la vitesse moyenne du site Web est nettement supérieure à la ligne des meilleures pratiques. Cela ne signifie pas que vous devez cibler 5 à 6 secondes de temps de chargement pour votre site WooCommerce. Peut-être qu'un délai d'une seconde pourrait avoir un impact considérable sur votre capacité à engager des visiteurs et à réaliser des ventes. Alors, rendez votre site de commerce électronique aussi rapide que possible.

Comment tester les performances de votre boutique WooCommerce ?

testez-les-performances-de-votre-magasin-woocommerce

Souvent, les débutants pensent que leur site est OK ! Tout simplement parce qu'il se charge plus rapidement sur leurs ordinateurs. Mais c'est une ENORME erreur.

Puisque vous visitez fréquemment vos sites à partir de vos appareils personnels. Ainsi, un navigateur moderne comme Chrome stocke votre site dans le cache. Plus tard, lorsque vous commencez à taper l'adresse de votre site Web, il prélève automatiquement les données stockées et charge votre site Web presque instantanément. Mais un utilisateur normal qui navigue sur votre site Web pour la première fois peut ne pas ressentir la même chose. En fait, les temps de chargement peuvent différer pour les personnes de différentes zones géographiques.

C'est pourquoi il est important de mesurer la vitesse de votre boutique WooCommerce. Vous pouvez utiliser l'un de ces outils de test de vitesse de site Web : WebPagetest, Pingdom, Google PageSpeed ​​Insights ou GTMetrix.

N'oubliez pas qu'obtenir un score rapide n'est pas toujours suffisant pour améliorer votre expérience utilisateur. Un outil de test de vitesse ne vous donne que quelques idées sur les améliorations possibles. Mais pour un résultat durable, mieux vaut suivre les techniques que nous avons évoquées plus haut.

dokan

Comment accélérer WooCommerce dépend maintenant de vous

Pour résumer tous ces points, la vitesse du site web est cruciale pour toute entreprise ! Avoir le site Web le mieux conçu et des produits de haute qualité ne suffit pas pour les clients modernes. Ils s'attendent à une navigation plus rapide et plus fluide lors de leurs achats en ligne.

Un site Web plus rapide signifie une meilleure expérience utilisateur. Si votre site Web se charge rapidement, il fait instantanément une bonne première impression. Cela donne le message que vous vous souciez de vos clients et que vous êtes sérieux au sujet de votre entreprise. Les clients considèrent également que les sites Web rapides sont professionnels et fiables.

Heureusement pour les propriétaires de sites Web WordPress, il est beaucoup plus facile d'optimiser les sites pour la vitesse. Mais n'oubliez pas que la création d'un site Web rapide est un processus continu. Vous devez surveiller, tester, ajuster et mettre à jour régulièrement votre boutique WooCommerce pour maintenir la vitesse de votre page Web à un niveau élevé.

Quelles stratégies avez-vous suivies pour accélérer le site WooCommerce ? Utilisez la section des commentaires ci-dessous pour partager votre expérience avec nous!

Abonnez-vous à la newsletter weDevs