Les magasins WooCommerce lents peuvent vous coûter de l'argent de différentes manières, de l'augmentation des abandons de panier à la perte de fidélité des clients. Selon Rebondir, près de 70% de consommateurs déclarent que la vitesse des pages influence leur désir d'acheter dans une boutique en ligne. Le problème ici est que la vitesse dépend de nombreux facteurs et que son amélioration peut nécessiter beaucoup de temps et d’efforts.
Selon Présage, les taux de conversion des sites Web diminuent en moyenne de 4,421 TP3T pour chaque seconde nécessaire au chargement d'une page entre les secondes 0 et 5, les pages avec des temps de chargement compris entre 0 et 2 secondes ayant les taux de conversion de commerce électronique les plus élevés.
Si la vitesse de chargement de votre site Web est supérieure à 2-3 secondes, cet article est ce dont vous avez besoin. Vous trouverez ici plusieurs conseils éprouvés sur la mesure et améliorer les performances du site de commerce électronique.
La vitesse du site Web est un élément essentiel au succès de toute entreprise en ligne, y compris les magasins WooCommerce, pour plusieurs raisons :
Les internautes ont généralement une capacité d’attention limitée. Des temps de chargement lents peuvent amener les visiteurs à quitter votre site Web avant même qu'il ne se charge complètement. Au contraire, un site Web rapide facilite la navigation, encourageant les utilisateurs à explorer plus de pages et à y rester plus longtemps.
La vitesse des pages est l’un des facteurs de classement les plus cruciaux pour Google. Des mesures telles que Largest Contentful Paint (LCP), First Input Delay (FID) et Cumulative Layout Shift (CLS) font partie des facteurs de classement de Google. Les sites Web plus rapides ont plus de chances d’être mieux classés dans les moteurs de recherche. Avec l’essor de la recherche mobile, la vitesse des pages mobiles affecte également de manière significative le référencement.
Les sites Web optimisés et plus rapides consomment généralement moins de bande passante et peuvent entraîner une baisse des coûts d'hébergement. Les sites plus rapides nécessitent également moins de temps et d’efforts à maintenir.
Avec un nombre croissant d'utilisateurs accédant aux sites via des appareils mobiles, où les vitesses de connexion peuvent être plus lentes, l'optimisation de la vitesse des sites Web devient encore plus cruciale. Un chargement lent peut être encore plus problématique sur les appareils mobiles et entraîner des taux de rebond plus élevés.
Les utilisateurs de différentes régions avec des vitesses Internet variables peuvent vivre une expérience cohérente si votre site Web est optimisé pour la vitesse. Les sites Web plus rapides sont avantageux si vous visez une audience mondiale et utilisez un réseau de diffusion de contenu (CDN) pour diffuser du contenu localisé.
Avant de commencer le processus d'amélioration, vous devez déterminer où vous en êtes actuellement et connaître la vitesse actuelle du magasin et les problèmes susceptibles de ralentir votre site. Voici quelques méthodes et outils que vous pouvez utiliser pour évaluer la vitesse de votre site WooCommerce :
Ces outils testent directement les performances de votre site Web en le chargeant depuis différents endroits dans le monde, simulant divers appareils et vitesses de connexion :
Ces solutions, intégrées aux navigateurs modernes, permettent aux développeurs d'inspecter, de déboguer et de profiler les sites Web :
Ces outils peuvent aider à identifier les problèmes côté serveur qui pourraient ne pas être évidents avec les outils de test front-end :
Les plugins peuvent offrir un moyen pratique et puissant de surveiller divers aspects des performances de votre boutique WooCommerce directement depuis votre zone d'administration WordPress. Voici quelques approches populaires basées sur des plugins :
Real User Monitoring (RUM) est une approche de surveillance des performances qui capture et analyse chaque transaction effectuée par les utilisateurs d'un site Web ou d'une application. Contrairement aux méthodes de surveillance synthétiques, qui simulent le comportement des utilisateurs, RUM collecte des données sur les interactions réelles des utilisateurs avec votre site.
En règle générale, vous ajoutez un petit morceau de code JavaScript à votre site Web, qui collecte et envoie des données de performances à un serveur pour analyse. C'est ainsi que fonctionnent la plupart des outils RUM, bien que les détails spécifiques de mise en œuvre puissent varier. Parmi les outils utiles pour RUM figurent New Relic Browser, Boomerang, Akamai mPulse et d'autres.
Maintenant que vous connaissez la vitesse de chargement actuelle et quels sont les problèmes, vous pouvez élaborer une stratégie d'optimisation. Gardez à l’esprit que vous devrez probablement corriger plusieurs aspects du site Web pour atteindre une vitesse de magasin WooCommerce exceptionnelle. De plus, vous devrez surveiller la vitesse de temps en temps, car elle pourrait éventuellement ralentir. Voici quelques conseils pour améliorer les performances de votre site :
Bien qu'une option incorrecte puisse entraîner des clients insatisfaits et une perte d'affaires, le hébergement Web WooCommerce idéal le service peut garantir des performances impeccables, des temps de chargement rapides et une disponibilité constante.
Chaque type d'hébergement peut être fourni dans le cadre de divers forfaits avec différents niveaux de tarification. Par conséquent, lorsque vous recherchez un fournisseur d'hébergement dans votre fourchette de prix, envisagez des fonctionnalités telles que la mise en cache côté serveur, une bande passante et une RAM adéquates pour les demandes de votre site, un stockage SSD hautes performances et des logiciels mis à jour, tels que PHP et MySQL.
Si vous disposez d'un plan d'hébergement partagé, cela signifie que des centaines de sites Web utilisent le même serveur et ses ressources. Sélectionnez un hébergeur qui limite le nombre de sites Web autorisés sur chaque serveur, ou pensez à passer à un VPS ou à un forfait dédié.
Modifiez d'abord l'URL de votre page de connexion. L'URL de connexion est généralement par défaut et connue de tous, y compris des pirates informatiques, ce qui rend les sites Web vulnérables aux attaques.
Vous pouvez éviter les attaques par force brute d'acteurs malveillants en remplaçant votre URL de connexion par quelque chose de distinctif. Vous pouvez également l'utiliser pour éviter les problèmes HTTP limitant le débit.
Si votre site Web de commerce électronique dispose également d'un blog, limitez le nombre d'entrées qui apparaissent dans le flux de votre blog. Si vous gérez un blog populaire, les économies de performances s'additionnent. Ces ajustements peuvent être effectués dans le Paramètres de lecture du tableau de bord WordPress.
Capture d'écran prise sur le fonctionnaire WordPress site web
Désactivez ensuite les pingbacks sur votre site Web. Généralement, ils produisent du spam. WordPress vous offre également la possibilité de diviser les gros commentaires des utilisateurs en parties plus petites si vous avez beaucoup de commentaires d'utilisateurs sur vos articles ou pages. Pour réduire le temps de chargement de votre page produit, maintenez cette valeur entre 10 et 20.
Il existe une multitude de plugins pour WooCommerce, qui offrent une polyvalence illimitée. Cela n’implique cependant pas que vous devez installer chacun d’eux.
De nombreux plugins augmentent la quantité de fichiers Javascript ou CSS sur votre site Web, ce qui amène votre serveur à recevoir davantage de requêtes HTTP, ralentissant ainsi les opérations de votre entreprise. De plus, avoir plus de plugins signifie utiliser plus de ressources serveur, ce qui ralentit les temps de chargement.
Peu importe le nombre de plugins que vous utilisez ; ce qui compte c'est leur qualité. Choisissez des plugins capables d'effectuer de nombreuses tâches, lisez les critiques pour en savoir plus sur les performances, confirmez qu'ils sont fréquemment mis à jour et installez des options provenant de sources réputées.
Très souvent, lorsqu'ils optent pour un thème de commerce électronique, les concepteurs de sites Web choisissent l'esthétique sans tenir compte de la rapidité de chargement des pages. En conséquence, l’apparence du frontend est souvent prioritaire sur la vitesse de chargement des pages.
Pour optimiser le temps de chargement, choisissez un Thème WooCommerce léger et optimisé en termes de performances. Assurez-vous que le thème est réactif et dispose d'une base de code propre.
Gardez également à l’esprit que de nombreux thèmes vous permettent également de désactiver les éléments que vous n’utilisez pas. Pour déterminer si un thème se charge rapidement, essayez d'utiliser les outils rapides pour tester les pages de démonstration ou parcourez les avis laissés par les utilisateurs.
Il est essentiel de réduire la taille de vos images avant de les publier sur votre site Web, car l'utilisation d'images volumineuses ralentira considérablement la vitesse de chargement des pages. Pour redimensionner les images à la bonne taille pour votre site Web, utilisez des logiciels comme Photoshop, GIMP ou Figma.
La taille des fichiers de vos photographies peut être réduite sans perte de qualité par compression. Sélectionnez le format approprié ; À moins que votre image n'ait un fond translucide, les images JPEG, qui sont plus petites, sont souvent les meilleures à télécharger. Attention à la taille : le téléchargement d'une image de 2 000 pixels ne rentre pas dans un endroit de seulement 500 pixels de large. Compressez l'image après l'avoir traitée : les compresseurs d'images réduisent la taille du fichier en supprimant toutes les données et métadonnées superflues.
Une fonctionnalité connue sous le nom de chargement paresseux empêche le chargement des images jusqu'à ce qu'un visiteur du site fasse défiler jusqu'à l'endroit où elles apparaissent sur la page. En conséquence, vos clients n’auront pas à attendre pendant le chargement de vos médias pour qu’ils puissent voir votre contenu. Si votre site Web contient beaucoup d’images, cette stratégie peut réduire considérablement les temps de chargement de la boutique.
Vous pouvez installer le chargement paresseux sur votre boutique WooCommerce en utilisant les plugins WordPress. Les plugins réduisent le temps nécessaire à l’ouverture initiale de votre site Web.
Un réseau de diffusion de contenu (CDN) est un réseau de serveurs stratégiquement positionné partout dans le monde. Les points de présence (PoP) sont les noms de ces sites serveurs. La mise en cache et la fourniture de ressources statiques telles que des images, JavaScript, CSS, etc. sont la tâche principale d'un CDN.
Même si votre site web est hébergé sur un serveur très rapide, sa localisation aura quand même un impact. La latence du réseau et le temps jusqu'au premier octet (TTFB) sont tous deux réduits grâce au CDN, qui raccourcit la distance entre chaque utilisateur et les ressources du site.
Il choisit automatiquement le PoP CDN le plus proche pour fournir les ressources mises en cache en fonction de l'origine de la demande. De nombreux CDN offrent des fonctionnalités supplémentaires d'amélioration des performances en plus de la mise en cache, comme une meilleure compression des images à la volée, la prise en charge HTTP/3, la prévention des liens hypertextes et une sécurité accrue.
La majorité des plugins et thèmes WordPress chargent des scripts et des feuilles de style sur chaque page de votre site Web. Même lorsqu'ils ne sont pas nécessaires sur la page, ils chargent néanmoins ces éléments.
En supprimant ces éléments inutiles des sites Web, vous pouvez réduire le gonflement des pages et accélérer le chargement des pages WooCommerce, ce qui peut vous faire gagner du temps lors de la configuration de nouveaux sites et de l'affectation du personnel. WooCommerce est vulnérable à ce problème, tout comme ses extensions.
Consultez le graphique en cascade dans les résultats du test de vitesse de votre site Web pour déterminer ce qu'il faut supprimer. Cela vous aidera à identifier les actifs superflus.
Pour vous débarrasser des scripts et des styles dont vous n'avez pas besoin, utilisez wp_dequeue_script et wp_dequeue_style. Asset CleanUp : Page Speed Booster fait partie des plugins qui permettent d'atteindre facilement le même objectif.
Capture d'écran prise sur le fonctionnaire WordPress site web
La mise en cache est le stockage temporaire des ressources d'une requête afin que les futures requêtes puissent être traitées rapidement. Le serveur et l'appareil de l'utilisateur sont capables de contenir le cache.
Lorsqu'un utilisateur fait une demande pour un site Web, le serveur DNS obtient la page Web du serveur d'hébergement et l'application sur le serveur Web exécute des scripts, recherche dans la base de données et produit la page Web, qui est ensuite rendue et affichée à l'utilisateur par le navigateur. Le serveur est soumis à une énorme pression lorsque des milliers de visiteurs effectuent plusieurs requêtes à la fois, ce qui ralentit le chargement de la page.
La mise en cache entre en jeu dans cette situation. Cela réduit l'effort nécessaire pour produire une page vue, réduisant ainsi la dépendance de WordPress à PHP et à une base de données. WordPress fonctionne presque aussi rapidement que les pages Web statiques, voire exactement.
La mise en cache côté serveur et la mise en cache du navigateur sont les deux principales catégories de mise en cache en ligne, chacune comportant une variété de sous-catégories.
WooCommerce fournit une vérification de révision standard sur les pages de produits qui vous permet de revenir en arrière et de voir les modifications apportées aux pages. Bien que les modifications puissent sembler avantageuses, elles peuvent parfois entraîner des problèmes de performances de WooCommerce.
À titre d'illustration, supposons que vous créiez une page et la modifiiez plusieurs fois, en ajoutant ou en supprimant un élément à chaque fois. Vous avez autant de doublons de votre page originale que de modifications apportées, même si la modification est modeste. Les performances de WooCommerce pourraient à terme en souffrir et se détériorer progressivement.
Vous devez apporter certains ajustements au fichier wp-config.php à la racine du site Web afin de restreindre/désactiver les révisions.
Chaque fois qu'un utilisateur accède à votre site Web, il demande le contenu de votre site Web, qui est en grande partie statique. Cependant, ils font une demande dynamique lorsqu’ils passent une commande.
Si la base de données de votre boutique n'est pas optimisée, le traitement de ces requêtes peut prendre trop de temps. Un temps de réponse lent du serveur entraîne finalement un site Web lent. En conséquence, vous devez éliminer les déchets inutiles pour nettoyer et optimiser la base de données.
Il existe plusieurs approches pour optimiser les bases de données :
Capture d'écran prise sur le fonctionnaire WordPress site web
Selon Oberlo, 60% des acheteurs déclarent que la possibilité de faire leurs achats via leur mobile est un critère important dans la sélection d'une marque. L’optimisation mobile est donc absolument vitale.
L’utilisation d’un thème réactif est l’approche la plus simple pour adapter votre site Web WordPress aux appareils mobiles. Gardez les pages de votre boutique aussi simples que possible, car les clients mobiles n'aiment pas faire défiler sans fin. Ne les submergez pas d’informations.
Si votre entreprise affiche de nombreux articles, simplifiez la recherche pour les clients mobiles en fournissant des filtres de produits en direct. Pensez à installer le plugin WooCommerce Product Search.
Utilisez l'outil Lighthouse de Chrome ou l'outil de test d'optimisation mobile de Google pour voir si votre site Web satisfait aux directives d'utilisation mobile requises.
Le serveur enregistre chaque clic sur un lien vers une page de votre boutique comme une redirection. Essentiellement, le serveur doit diriger les utilisateurs vers la bonne page. Même si cela ne prend que quelques secondes, les clients peuvent le percevoir comme un temps long, ce qui affecte directement le taux de rebond de votre magasin.
Si votre site Web comporte de nombreuses redirections, vous utilisez les ressources du serveur et prolongez le temps nécessaire pour atteindre la page finale. En conséquence, la réduction de la redirection entraînera une augmentation notable du temps de chargement des pages car il s’agit d’une approche d’optimisation WooCommerce éprouvée.
Chaque mise à jour de PHP est plus rapide que les versions précédentes. Votre hébergeur détermine la version de PHP que vous utilisez et vous pouvez souvent la modifier dans votre panneau de contrôle d'hébergement. Cependant, la procédure spécifique peut varier en fonction de votre fournisseur. Alternativement, vous pouvez simplement demander au service client de le faire pour vous. Avant de mettre à jour votre version PHP, créez une sauvegarde complète de votre site Web, puis testez tout pour vous assurer qu'il fonctionne correctement.
Votre hébergeur a alloué une quantité particulière de mémoire à votre site Web. Cependant, vous pouvez dépasser ce plafond en fonction de votre site particulier. Vous pouvez toujours contacter votre hébergeur si votre panneau de contrôle d'hébergement ne vous permet pas de modifier la limite. PHP reçoit par défaut une allocation de mémoire de 32 Mo de WordPress. Il tentera automatiquement d'augmenter cette limite à 40 Mo ou 64 Mo s'il rencontre des problèmes. Cette limite ne sera souvent pas suffisante pour un site WooCommerce. Il est conseillé de porter ce plafond à 256 Mo.
Avec les méthodes fournies ci-dessus, vous pouvez améliorer considérablement la vitesse de votre boutique WooCommerce, couvrant toute la gamme des ajustements des paramètres de base aux solutions avancées côté serveur. Ces techniques sont là pour améliorer la vitesse de votre site Web et devraient faire partie d'une stratégie continue visant non seulement à améliorer mais également à maintenir les performances du site.
En fin de compte, l’optimisation de la vitesse n’est pas une tâche ponctuelle mais un engagement continu. Surveiller régulièrement la vitesse de votre site Web à l'aide des différents outils et méthodes évoqués peut fournir des informations précieuses sur l'efficacité de vos efforts d'optimisation WooCommerce.
French 
English 
German 
Spanish 
Italian 
Danish 
Dutch 
Portuguese 
Czech 
Hindi 
Polish 
French